FFuzion CAD

FFuzion CAD built with sibilant, monaco, and react-three-fiber

Smooth shading

assemblies

▶{type: "group", props: Object, children: Array(3)}
1. type: "group"
2. ▶props
  1. ▶position [0,1,0]
    1. 0: 0
    2. 1: 1
    3. 2: 0
3. ▶children;
  1. ▶shape
    1. type: "box"
    2. ▶props
      1. L: 1
      2. W: 1
      3. H: 2
      4. ▶position [2,0,-2]
        0: 2
        1: 0
        2: -2
      5. color: "rose500"
      6. measure: true
      7. ▶args [1,2,1]
        0: 1
        1: 2
        2: 1
  2. ▶shape
    1. type: "box"
    2. ▶props
      1. L: 1
      2. W: 1
      3. H: 2
      4. ▶position [-2,0,2]
        0: -2
        1: 0
        2: 2
      5. color: "teal500"
      6. measure: true
      7. ▶args [1,2,1]
        0: 1
        1: 2
        2: 1
  3. ▶shape
    1. type: "geometry"
    2. ▶props
      1. ▶position [0,0,0]
        0: 0
        1: 0
        2: 0
      2. ▶rotation [0,45,0]
        0: 0
        1: 45
        2: 0
      3. color: "emerald100"
    3. ▶children;
      1. ▶shape
        type: "base"
        props (empty)
        ▶children;
        ▶shape
        type: "box"
        ▶props
        ▶args [3,1,3]
        0: 3
        1: 1
        2: 3
      2. ▶shape
        type: "subtraction"
        props (empty)
        ▶children;
        ▶shape
        type: "sphere"
        ▶props
        R: 1.5
        ▶args: Array(1)
        0: 1.5
      3. ▶shape
        type: "addition"
        props (empty)
        ▶children;
        ▶shape
        type: "cylinder"
        ▶props
        ▶args: Array(4)
        0: 1
        1: 1
        2: 1
        3: undefined
        color: "teal500"
      4. ▶shape
        type: "subtraction"
        ▶props
        ▶position [0,0.5,0]
        0: 0
        1: 0.5
        2: 0
        ▶rotation [180,0,0]
        0: 180
        1: 0
        2: 0
        ▶children;
        ▶shape
        type: "cone"
        ▶props
        ▶rotation [180,0,0]
        0: 180
        1: 0
        2: 0
        ▶args: Array(2)
        0: undefined
        1: undefined

evaluated

View failed to render due to error:

Error creating WebGL context.

Error: Error creating WebGL context.
    at new e (https://ffuzion-cad.cubicle6.com/static/js/main.562ae51b.js:2:1285555)
    at ey (https://ffuzion-cad.cubicle6.com/static/js/main.562ae51b.js:2:1569271)
    at Object.configure (https://ffuzion-cad.cubicle6.com/static/js/main.562ae51b.js:2:1570145)
    at https://ffuzion-cad.cubicle6.com/static/js/main.562ae51b.js:2:2287990
    at il (https://ffuzion-cad.cubicle6.com/static/js/main.562ae51b.js:2:390745)
    at bl (https://ffuzion-cad.cubicle6.com/static/js/main.562ae51b.js:2:398041)
    at xl (https://ffuzion-cad.cubicle6.com/static/js/main.562ae51b.js:2:397885)
    at Al (https://ffuzion-cad.cubicle6.com/static/js/main.562ae51b.js:2:397421)
    at https://ffuzion-cad.cubicle6.com/static/js/main.562ae51b.js:2:409258
    at Eu (https://ffuzion-cad.cubicle6.com/static/js/main.562ae51b.js:2:409773)

viewport

(group { position: [0 1 0] }
  (box {
    L: 1 W: 1 H: 2
    position: [2 0 -2]
    color: 'rose500
    measure: true })
  (box {
    L: 1 W: 1 H: 2
    position: [-2 0 2]
    color: 'teal500
    measure: true })
  (geometry { position: [0 0 0] rotation: [0 45 0] color: 'emerald100 }
    (base {}
      (box { args: [3 1 3] }))
    (subtraction {}
      (sphere { R: 1.5}))
    (addition {}      
      (cylinder {
        args: [1, 1, 2]
        color: 'teal500 }))
    (subtraction {
        position: [0 0.5 0]
        rotation: [180 0 0] }
      (cone { rotation: [180 0 0] }))))

assemblies

evaluated

viewport

editor