@jscad/x3d-serializer 2.3.9 → 2.4.2

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.4.2](https://github.com/jscad/OpenJSCAD.org/compare/@jscad/x3d-serializer@2.4.1...@jscad/x3d-serializer@2.4.2) (2022-08-21)
+
+**Note:** Version bump only for package @jscad/x3d-serializer
+
+
+
+
+
+## [2.4.1](https://github.com/jscad/OpenJSCAD.org/compare/@jscad/x3d-serializer@2.4.0...@jscad/x3d-serializer@2.4.1) (2022-07-17)
+
+**Note:** Version bump only for package @jscad/x3d-serializer
+
+
+
+
+
+# [2.4.0](https://github.com/jscad/OpenJSCAD.org/compare/@jscad/x3d-serializer@2.3.9...@jscad/x3d-serializer@2.4.0) (2022-06-12)
+
+
+### Features
+
+* **x3d-serializer:** enhanced to convert 2D geometry and path to X3D Polyline2D ([#1091](https://github.com/jscad/OpenJSCAD.org/issues/1091)) ([4f763a8](https://github.com/jscad/OpenJSCAD.org/commit/4f763a8def39f3b0454f2079f3c1fd7da52dd880))
+
+
+
+
+
 ## [2.3.9](https://github.com/jscad/OpenJSCAD.org/compare/@jscad/x3d-serializer@2.3.8...@jscad/x3d-serializer@2.3.9) (2022-05-15)
 
 **Note:** Version bump only for package @jscad/x3d-serializer

package/README.md

@@ -9,7 +9,7 @@
 [![License](https://img.shields.io/github/license/jscad/OpenJSCAD.org)](https://github.com/jscad/OpenJSCAD.org/blob/master/LICENSE)
 
 [![User Group](https://img.shields.io/badge/maintained%20by-user%20group-blue)](https://openjscad.nodebb.com/)
-[![Lerna](https://img.shields.io/badge/maintained%20with-lerna-blue)](https://lernajs.io/)
+[![Lerna](https://img.shields.io/badge/maintained%20with-lerna-blue)](https://lerna.js.org/)
 [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-blue)](https://standardjs.com)
 
 [![Backers](https://img.shields.io/opencollective/backers/openjscad)](https://opencollective.com/openjscad)
@@ -23,7 +23,11 @@ This serializer outputs a 'blobable' array of data from one or more JSCAD geomet
 The array of data can either be used to create a Blob (`new Blob(blobable)`), or converted to a Node.js buffer.
 
 The serialization of the following geometries are possible.
-- serialization of 3D geometry (geom3) to X3D indexed triangle sets
+- serialization of 3D geometries (geom3) to X3D IndexedTriangleSet (a unique mesh containing coordinates)
+- serialization of 2D geometries (geom2) to X3D Polyline2D
+- serialization of 2D paths (path2) to X3D Polyline2D
+
+Material (color) is added to X3D shapes when found on the geometry.
 
 ## Table of Contents
 

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@jscad/x3d-serializer",
-  "version": "2.3.9",
+  "version": "2.4.2",
   "description": "X3D Serializer for JSCAD",
   "homepage": "https://openjscad.xyz/",
   "repository": "https://github.com/jscad/OpenJSCAD.org",
-  "main": "index.js",
+  "main": "src/index.js",
   "scripts": {
     "coverage": "nyc --all --reporter=html --reporter=text npm test",
     "test": "ava --verbose --timeout 2m './tests/*.test.js'"
@@ -33,12 +33,12 @@
   "license": "MIT",
   "dependencies": {
     "@jscad/array-utils": "2.1.4",
-    "@jscad/modeling": "2.9.4",
+    "@jscad/modeling": "2.10.0",
     "onml": "1.3.0"
   },
   "devDependencies": {
     "ava": "3.15.0",
     "nyc": "15.1.0"
   },
-  "gitHead": "662965f40a1ce628aa97f30b814586e72a3acb36"
+  "gitHead": "13572067545460affd53b64b3ab834a39af8c7e5"
 }

package/{index.js → src/index.js}

@@ -3,30 +3,36 @@ JSCAD Object to X3D (XML) Format Serialization
 
 ## License
 
-Copyright (c) 2018 JSCAD Organization https://github.com/jscad
+Copyright (c) 2018-2022 JSCAD Organization https://github.com/jscad
 
 All code released under MIT license
 
 Notes:
 1) geom2 conversion to:
-     none
+     Polyline2D with lineSegment and Color
 2) geom3 conversion to:
      IndexedTriangleSet with Coordinates and Colors
 3) path2 conversion to:
-     none
-
-TBD
-1) gzipped is also possible; same mime type, with file extension .x3dz
+     Polyline2D with lineSegment and Color
 */
 
 /**
- * Serializer of JSCAD geometries to X3D elements.
+ * Serializer of JSCAD geometries to X3D source data (XML).
+ *
+ * The serialization of the following geometries are possible.
+ * - serialization of 3D geometries (geom3) to X3D IndexedTriangleSet (a unique mesh containing coordinates)
+ * - serialization of 2D geometries (geom2) to X3D Polyline2D
+ * - serialization of 2D paths (path2) to X3D Polyline2D
+ *
+ * Material (color) is added to X3D shapes when found on the geometry.
+ *
  * @module io/x3d-serializer
  * @example
  * const { serializer, mimeType } = require('@jscad/x3d-serializer')
  */
 
 const { geometries, modifiers } = require('@jscad/modeling')
+const { geom2, geom3, path2, poly2, poly3 } = geometries
 
 const { flatten, toArray } = require('@jscad/array-utils')
 
@@ -41,6 +47,8 @@ const mimeType = 'model/x3d+xml'
 /**
  * Serialize the give objects to X3D elements (XML).
  * @param {Object} options - options for serialization, REQUIRED
+ * @param {Array} [options.color=[0,0,1,1]] - default color for objects
+ * @param {Boolean} [options.metadata=true] - add metadata to 3MF contents, such at CreationDate
  * @param {String} [options.unit='millimeter'] - unit of design; millimeter, inch, feet, meter or micrometer
  * @param {Function} [options.statusCallback] - call back function for progress ({ progress: 0-100 })
  * @param {Object|Array} objects - objects to serialize as X3D
@@ -52,23 +60,19 @@ const mimeType = 'model/x3d+xml'
  */
 const serialize = (options, ...objects) => {
   const defaults = {
-    unit: 'millimeter', // millimeter, inch, feet, meter or micrometer
     color: [0, 0, 1, 1.0], // default colorRGBA specification
     decimals: 1000,
+    metadata: true,
+    unit: 'millimeter', // millimeter, inch, feet, meter or micrometer
     statusCallback: null
   }
   options = Object.assign({}, defaults, options)
 
   objects = flatten(objects)
 
-  // convert only 3D geometries
-  let objects3d = objects.filter((object) => geometries.geom3.isA(object))
-
-  if (objects3d.length === 0) throw new Error('only 3D geometries can be serialized to X3D')
-  if (objects.length !== objects3d.length) console.warn('some objects could not be serialized to X3D')
+  objects = objects.filter((object) => geom3.isA(object) || geom2.isA(object) || path2.isA(object))
 
-  // convert to triangles
-  objects3d = toArray(modifiers.generalize({ snap: true, triangulate: true }, objects3d))
+  if (objects.length === 0) throw new Error('expected one or more geom3/geom2/path2 objects')
 
   options.statusCallback && options.statusCallback({ progress: 0 })
 
@@ -76,15 +80,23 @@ const serialize = (options, ...objects) => {
   let body = ['X3D',
     {
       profile: 'Interchange',
-      version: '3.3',
+      version: '4.0',
       'xmlns:xsd': 'http://www.w3.org/2001/XMLSchema-instance',
-      'xsd:noNamespaceSchemaLocation': 'http://www.web3d.org/specifications/x3d-3.3.xsd'
-    },
-    ['head', {},
-      ['meta', { name: 'creator', content: 'Created by JSCAD' }]
-    ]
+      'xsd:noNamespaceSchemaLocation': 'http://www.web3d.org/specifications/x3d-4.0.xsd'
+    }
   ]
-  body = body.concat(convertObjects(objects3d, options))
+  if (options.metadata) {
+    body.push(['head', {},
+      ['meta', { name: 'creator', content: 'Created by JSCAD' }],
+      ['meta', { name: 'reference', content: 'https://www.openjscad.xyz' }],
+      ['meta', { name: 'created', content: new Date().toISOString()}]
+    ])
+  } else {
+    body.push(['head', {},
+      ['meta', { name: 'creator', content: 'Created by JSCAD' }],
+    ])
+  }
+  body = body.concat(convertObjects(objects, options))
 
   // convert the contents to X3D (XML) format
   const contents = `<?xml version="1.0" encoding="UTF-8"?>
@@ -101,20 +113,77 @@ const convertObjects = (objects, options) => {
   objects.forEach((object, i) => {
     options.statusCallback && options.statusCallback({ progress: 100 * i / objects.length })
 
-    if (geometries.geom3.isA(object)) {
-      const polygons = geometries.geom3.toPolygons(object)
+    if (geom3.isA(object)) {
+      // convert to triangles
+      object = modifiers.generalize({ snap: true, triangulate: true }, object)
+      const polygons = geom3.toPolygons(object)
       if (polygons.length > 0) {
-        // TODO object = ensureManifoldness(object)
-        shapes.push(convertShape(object, options))
+        shapes.push(convertGeom3(object, options))
       }
     }
+    if (geom2.isA(object)) {
+      shapes.push(convertGeom2(object, options))
+    }
+    if (path2.isA(object)) {
+      shapes.push(convertPath2(object, options))
+    }
   })
   scene = scene.concat(shapes)
   return [scene]
 }
 
-const convertShape = (object, options) => {
+/*
+ * Convert the given object (path2) to X3D source
+ */
+const convertPath2 = (object, options) => {
+  const points = path2.toPoints(object).slice()
+  if (points.length > 1 && object.isClosed) points.push(points[0])
+  shape = ['Shape', {}, convertPolyline2D(poly2.create(points), options)]
+  if (object.color) {
+    shape.push(convertAppearance(object, options))
+  }
+  return shape
+}
+
+/*
+ * Convert the given object (geom2) to X3D source
+ */
+const convertGeom2 = (object, options) => {
+  const outlines = geom2.toOutlines(object)
+  const group = ['Group', {}]
+  outlines.forEach((outline) => {
+    if (outline.length > 1) outline.push(outline[0]) // close the outline for conversion
+    const shape = ['Shape', {}, convertPolyline2D(poly2.create(outline), options)]
+    if (object.color) {
+      shape.push(convertAppearance(object, options))
+    }
+    group.push(shape)
+  })
+  return group
+}
+
+/*
+ * Convert the given object (poly2) to X3D source
+ */
+const convertPolyline2D = (object, options) => {
+  const lineSegments = object.vertices.map((p) => `${p[0]} ${p[1]}`).join(' ')
+  return ['Polyline2D', {lineSegments}]
+}
+
+const convertAppearance = (object, options) => {
+  const diffuseColor = object.color.join(' ')
+  const emissiveColor = object.color.join(' ')
+  return ['Appearance', ['Material', {diffuseColor, emissiveColor}]]
+}
+
+/*
+ * Convert the given object (geom3) to X3D source
+ */
+const convertGeom3 = (object, options) => {
   const shape = ['Shape', {}, convertMesh(object, options)]
+  if (object.color) {
+    shape.push(convertAppearance(object, options))
+  }
   return shape
 }
 
@@ -130,18 +199,20 @@ const convertMesh = (object, options) => {
     'IndexedTriangleSet',
     { ccw: 'true', colorPerVertex: 'false', solid: 'false', index: indexList },
     ['Coordinate', { point: pointList }],
-    ['Color', { color: colorList }]
   ]
+  if (! object.color) {
+    faceset.push(['Color', { color: colorList }])
+  }
   return faceset
 }
 
 const convertToTriangles = (object, options) => {
   const triangles = []
-  const polygons = geometries.geom3.toPolygons(object)
+  const polygons = geom3.toPolygons(object)
   polygons.forEach((poly) => {
     const firstVertex = poly.vertices[0]
     for (let i = poly.vertices.length - 3; i >= 0; i--) {
-      const triangle = geometries.poly3.fromPoints([
+      const triangle = poly3.fromPoints([
         firstVertex,
         poly.vertices[i + 1],
         poly.vertices[i + 2]
@@ -165,7 +236,7 @@ const convertToColor = (polygon, options) => {
   return `${color[0]} ${color[1]} ${color[2]}`
 }
 
-/**
+/*
  * This function converts the given polygons into three lists
  * - indexList : index of each vertex in the triangle (tuples)
  * - pointList : coordinates of each vertex (X Y Z)

package/tests/geom2ToX3D.test.js

@@ -0,0 +1,85 @@
+const test = require('ava')
+
+const countOf = require('../../test/helpers/countOf')
+
+const { colors, geometries, primitives } = require('@jscad/modeling')
+
+const { serialize } = require('../src/index.js')
+
+test('serialize 2D geometry to X3D Polyline2D', (t) => {
+  const shape1 = geometries.geom2.create()
+
+  let results = serialize({}, shape1)
+  t.is(results.length, 1)
+
+  let obs = results[0]
+  t.is(countOf('X3D', obs), 2)
+  t.is(countOf('head', obs), 2)
+  t.is(countOf('meta', obs), 3)
+  t.is(countOf('name', obs), 3)
+  t.is(countOf('content', obs), 3)
+  t.is(countOf('Created by JSCAD', obs), 1)
+  t.is(countOf('Scene', obs), 2)
+  t.is(countOf('Group', obs), 1)
+
+  const shape2 = primitives.rectangle()
+
+  results = serialize({metadata: false}, shape2)
+  t.is(results.length, 1)
+
+  obs = results[0]
+  t.is(countOf('X3D', obs), 2)
+  t.is(countOf('head', obs), 2)
+  t.is(countOf('meta', obs), 1)
+  t.is(countOf('name', obs), 1)
+  t.is(countOf('content', obs), 1)
+  t.is(countOf('Created by JSCAD', obs), 1)
+  t.is(countOf('Scene', obs), 2)
+  t.is(countOf('Group', obs), 2)
+  t.is(countOf('Shape', obs), 2)
+  t.is(countOf('Polyline2D', obs), 1)
+
+  const shape3 = colors.colorize([0, 0, 0], shape2)
+
+  results = serialize({metadata: false}, shape3)
+  t.is(results.length, 1)
+
+  obs = results[0]
+  t.is(countOf('X3D', obs), 2)
+  t.is(countOf('head', obs), 2)
+  t.is(countOf('meta', obs), 1)
+  t.is(countOf('name', obs), 1)
+  t.is(countOf('content', obs), 1)
+  t.is(countOf('Created by JSCAD', obs), 1)
+  t.is(countOf('Scene', obs), 2)
+  t.is(countOf('Group', obs), 2)
+  t.is(countOf('Shape', obs), 2)
+  t.is(countOf('Polyline2D', obs), 1)
+  // for color
+  t.is(countOf('Appearance', obs), 2)
+  t.is(countOf('Material', obs), 1)
+  t.is(countOf('diffuseColor', obs), 1)
+  t.is(countOf('emissiveColor', obs), 1)
+
+
+  results = serialize({metadata: false}, shape2, shape3)
+  t.is(results.length, 1)
+
+  obs = results[0]
+  t.is(countOf('X3D', obs), 2)
+  t.is(countOf('head', obs), 2)
+  t.is(countOf('meta', obs), 1)
+  t.is(countOf('name', obs), 1)
+  t.is(countOf('content', obs), 1)
+  t.is(countOf('Created by JSCAD', obs), 1)
+  t.is(countOf('Scene', obs), 2)
+  t.is(countOf('Group', obs), 4)
+  t.is(countOf('Shape', obs), 4)
+  t.is(countOf('Polyline2D', obs), 2)
+  // for color
+  t.is(countOf('Appearance', obs), 2)
+  t.is(countOf('Material', obs), 1)
+  t.is(countOf('diffuseColor', obs), 1)
+  t.is(countOf('emissiveColor', obs), 1)
+})
+

package/tests/geom3ToX3D.test.js

@@ -0,0 +1,64 @@
+const test = require('ava')
+
+const countOf = require('../../test/helpers/countOf')
+
+const { colors, geometries, primitives, transforms } = require('@jscad/modeling')
+
+const serializer = require('../src/index.js')
+
+test('serialize 3D geometry to X3D IndexedTriangleSet', (t) => {
+  const geom1 = geometries.geom3.create()
+
+  let results = serializer.serialize({}, geom1)
+  t.is(results.length, 1)
+
+  let obs = results[0]
+  t.is(countOf('X3D', obs), 2)
+  t.is(countOf('head', obs), 2)
+  t.is(countOf('meta', obs), 3)
+  t.is(countOf('name', obs), 3)
+  t.is(countOf('content', obs), 3)
+  t.is(countOf('Created by JSCAD', obs), 1)
+  t.is(countOf('Scene', obs), 1)
+
+  const geom2 = primitives.cube()
+
+  results = serializer.serialize({metadata: false}, geom2)
+  t.is(results.length, 1)
+
+  obs = results[0]
+  t.is(countOf('X3D', obs), 2)
+  t.is(countOf('head', obs), 2)
+  t.is(countOf('meta', obs), 1)
+  t.is(countOf('name', obs), 1)
+  t.is(countOf('content', obs), 1)
+  t.is(countOf('Created by JSCAD', obs), 1)
+  t.is(countOf('Scene', obs), 2)
+  t.is(countOf('Shape', obs), 2)
+  t.is(countOf('IndexedTriangleSet', obs), 2)
+  t.is(countOf('Coordinate', obs), 1)
+  t.is(countOf('Color', obs), 1)
+
+
+  const geom3 = colors.colorize([0.5, 1, 0.5, 1.0], transforms.center({ relativeTo: [5, 5, 5] }, primitives.cube()))
+
+  results = serializer.serialize({metadata: false}, geom2, geom3)
+  t.is(results.length, 1)
+
+  obs = results[0]
+  t.is(countOf('X3D', obs), 2)
+  t.is(countOf('head', obs), 2)
+  t.is(countOf('meta', obs), 1)
+  t.is(countOf('name', obs), 1)
+  t.is(countOf('content', obs), 1)
+  t.is(countOf('Created by JSCAD', obs), 1)
+  t.is(countOf('Scene', obs), 2)
+  t.is(countOf('Shape', obs), 4)
+  t.is(countOf('IndexedTriangleSet', obs), 4)
+  t.is(countOf('Coordinate', obs), 2)
+  // for color
+  t.is(countOf('Color', obs), 3)
+  t.is(countOf('Appearance', obs), 2)
+
+})
+

package/tests/path2ToX3D.test.js

@@ -0,0 +1,55 @@
+const test = require('ava')
+
+const countOf = require('../../test/helpers/countOf')
+
+const { colors, geometries, primitives } = require('@jscad/modeling')
+
+const { serialize } = require('../src/index.js')
+
+test('serialize 2D path to X3D Polyline2D', (t) => {
+  const path1 = geometries.path2.create()
+
+  let results = serialize({}, path1)
+  t.is(results.length, 1)
+
+  let obs = results[0]
+  t.is(countOf('X3D', obs), 2)
+  t.is(countOf('head', obs), 2)
+  t.is(countOf('meta', obs), 3)
+  t.is(countOf('name', obs), 3)
+  t.is(countOf('content', obs), 3)
+  t.is(countOf('Created by JSCAD', obs), 1)
+
+  const path2 = primitives.arc({ center: [5, 5], endAngle: 45, segments: 16 })
+
+  results = serialize({metadata: false}, path2)
+  t.is(results.length, 1)
+
+  obs = results[0]
+  t.is(countOf('X3D', obs), 2)
+  t.is(countOf('head', obs), 2)
+  t.is(countOf('Scene', obs), 2)
+  t.is(countOf('Shape', obs), 2)
+  t.is(countOf('Polyline2D', obs), 1)
+  t.is(countOf('lineSegments', obs), 1)
+
+  const path3 = colors.colorize([0, 0, 0], path2)
+
+  results = serialize({metadata: false}, path2, path3)
+  t.is(results.length, 1)
+
+  obs = results[0]
+  t.is(countOf('X3D', obs), 2)
+  t.is(countOf('head', obs), 2)
+  t.is(countOf('Scene', obs), 2)
+  t.is(countOf('Shape', obs), 4)
+  t.is(countOf('Polyline2D', obs), 2)
+  t.is(countOf('lineSegments', obs), 2)
+  // and color on path3
+  t.is(countOf('Appearance', obs), 2)
+  t.is(countOf('Material', obs), 1)
+  t.is(countOf('diffuseColor', obs), 1)
+  t.is(countOf('emissiveColor', obs), 1)
+
+})
+

package/tests/serialize.test.js

@@ -1,69 +0,0 @@
-const test = require('ava')
-
-const { colors, geometries, primitives, transforms } = require('@jscad/modeling')
-
-const serializer = require('../index.js')
-
-test('serialize 3D geometry to X3D', (t) => {
-  const geom1 = geometries.geom3.create()
-
-  const observed1 = serializer.serialize({}, geom1)
-  t.deepEqual(observed1, [expected1])
-
-  const geom2 = primitives.cube()
-
-  const observed2 = serializer.serialize({}, geom2)
-  t.deepEqual(observed2, [expected2])
-
-  const geom3 = colors.colorize([0.5, 1, 0.5, 1.0], transforms.center({ relativeTo: [5, 5, 5] }, primitives.cube()))
-
-  const observed3 = serializer.serialize({}, geom2, geom3)
-  t.deepEqual(observed3, [expected3])
-})
-
-const expected1 = `<?xml version="1.0" encoding="UTF-8"?>
-<X3D profile="Interchange" version="3.3" xmlns:xsd="http://www.w3.org/2001/XMLSchema-instance" xsd:noNamespaceSchemaLocation="http://www.web3d.org/specifications/x3d-3.3.xsd">
-  <head>
-    <meta name="creator" content="Created by JSCAD"/>
-  </head>
-  <Scene/>
-</X3D>
-`
-
-const expected2 = `<?xml version="1.0" encoding="UTF-8"?>
-<X3D profile="Interchange" version="3.3" xmlns:xsd="http://www.w3.org/2001/XMLSchema-instance" xsd:noNamespaceSchemaLocation="http://www.web3d.org/specifications/x3d-3.3.xsd">
-  <head>
-    <meta name="creator" content="Created by JSCAD"/>
-  </head>
-  <Scene>
-    <Shape>
-      <IndexedTriangleSet ccw="true" colorPerVertex="false" solid="false" index="0 1 2 0 2 3 4 5 6 4 6 7 0 4 7 0 7 1 3 2 6 3 6 5 0 3 5 0 5 4 1 7 6 1 6 2">
-        <Coordinate point="-1 -1 -1 -1 -1 1 -1 1 1 -1 1 -1 1 -1 -1 1 1 -1 1 1 1 1 -1 1"/>
-        <Color color="0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1"/>
-      </IndexedTriangleSet>
-    </Shape>
-  </Scene>
-</X3D>
-`
-
-const expected3 = `<?xml version="1.0" encoding="UTF-8"?>
-<X3D profile="Interchange" version="3.3" xmlns:xsd="http://www.w3.org/2001/XMLSchema-instance" xsd:noNamespaceSchemaLocation="http://www.web3d.org/specifications/x3d-3.3.xsd">
-  <head>
-    <meta name="creator" content="Created by JSCAD"/>
-  </head>
-  <Scene>
-    <Shape>
-      <IndexedTriangleSet ccw="true" colorPerVertex="false" solid="false" index="0 1 2 0 2 3 4 5 6 4 6 7 0 4 7 0 7 1 3 2 6 3 6 5 0 3 5 0 5 4 1 7 6 1 6 2">
-        <Coordinate point="-1 -1 -1 -1 -1 1 -1 1 1 -1 1 -1 1 -1 -1 1 1 -1 1 1 1 1 -1 1"/>
-        <Color color="0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1 0 0 1"/>
-      </IndexedTriangleSet>
-    </Shape>
-    <Shape>
-      <IndexedTriangleSet ccw="true" colorPerVertex="false" solid="false" index="0 1 2 0 2 3 4 5 6 4 6 7 0 4 7 0 7 1 3 2 6 3 6 5 0 3 5 0 5 4 1 7 6 1 6 2">
-        <Coordinate point="4 4 4 4 4 6 4 6 6 4 6 4 6 4 4 6 6 4 6 6 6 6 4 6"/>
-        <Color color="0.5 1 0.5 0.5 1 0.5 0.5 1 0.5 0.5 1 0.5 0.5 1 0.5 0.5 1 0.5 0.5 1 0.5 0.5 1 0.5 0.5 1 0.5 0.5 1 0.5 0.5 1 0.5 0.5 1 0.5"/>
-      </IndexedTriangleSet>
-    </Shape>
-  </Scene>
-</X3D>
-`