gltf node test scene

dcl-workspace.json

@@ -3,6 +3,9 @@
     {
       "path": "scenes/9,99-modifier-areas"
     },
+    {
+      "path": "scenes/9,69-gltf-node"
+    },
     {
       "path": "scenes/80,-4-restricted-actions"
     },

scenes/9,69-gltf-node/.dclignore

@@ -0,0 +1,13 @@
+.*
+package.json
+package-lock.json
+yarn-lock.json
+build.json
+export
+tsconfig.json
+tslint.json
+node_modules
+*.ts
+*.tsx
+Dockerfile
+dist

scenes/9,69-gltf-node/.gitignore

@@ -0,0 +1,10 @@
+package-lock.json
+*.js
+node_modules
+bin/
+.DS_Store
+**/.DS_Store
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.idea/

scenes/9,69-gltf-node/README.md

@@ -0,0 +1 @@
+This test scene shows how to u~~~~se a GLTF Node component

scenes/9,69-gltf-node/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "gltf-node-test",
+  "description": "ECS7 ",
+  "version": "1.0.0",
+  "dependencies": {
+    "@dcl/js-runtime": "7.6.5",
+    "@dcl/sdk": "https://sdk-team-cdn.decentraland.org/@dcl/js-sdk-toolchain/branch/feat/gltf-node/dcl-sdk-7.6.5-11617718168.commit-f15a3f4.tgz"
+  },
+  "scripts": {
+    "build": "sdk-commands build --skip-install",
+    "deploy": "sdk-commands deploy",
+    "start": "sdk-commands start"
+  }
+}

scenes/9,69-gltf-node/scene.json

@@ -0,0 +1,50 @@
+{
+  "ecs7": true,
+  "runtimeVersion": "7",
+  "display": {
+    "title": "gltf-node-test",
+    "description": "gltf-node-test",
+    "navmapThumbnail": "images/scene-thumbnail.png",
+    "favicon": "favicon_asset"
+  },
+  "owner": "",
+  "contact": {
+    "name": "sdk-team",
+    "email": ""
+  },
+  "main": "bin/game.js",
+  "tags": [],
+  "spawnPoints": [
+    {
+      "name": "spawn1",
+      "default": true,
+      "position": {
+        "x": [
+          0,
+          3
+        ],
+        "y": [
+          0,
+          0
+        ],
+        "z": [
+          0,
+          3
+        ]
+      },
+      "cameraTarget": {
+        "x": 8,
+        "y": 1,
+        "z": 8
+      }
+    }
+  ],
+  "featureToggles": {},
+  "scene": {
+    "base": "9,69",
+    "parcels": [
+      "9,69"
+    ]
+  },
+  "name": "gltf-node-test"
+}

scenes/9,69-gltf-node/src/index.ts

@@ -0,0 +1,108 @@
+import { Vector3, Color4 } from '@dcl/sdk/math'
+import { engine, Transform, MeshRenderer, GltfContainer, GltfNode, MeshCollider, PointerEvents, PointerEventType, pointerEventsSystem, InputAction,
+Animator, ColliderLayer } from '@dcl/sdk/ecs'
+
+// GLTF ENTITY
+const gltfEntity = engine.addEntity()
+
+Transform.create(gltfEntity, { position: Vector3.create(8, 3, 8), scale: Vector3.create(0.33, 0.33, 0.33) })
+// Transform.create(gltfEntity, { position: Vector3.create(8, 3, 8), scale: Vector3.create(0.1, 0.1, 0.1) }) // for gigantic space elevator
+
+GltfContainer.create(gltfEntity, {
+  // src: 'models/shark.glb',
+  src: 'models/parent_test.glb',
+  // src: 'models/space-elevator.glb',
+})
+Animator.create(gltfEntity, {
+  states: [
+    {
+      clip: 'sunAction', // parent_test.glb
+      // clip: 'Action', // space-elevator.glb
+      playing: false,
+    },
+  ],
+})
+
+// GLTFNode setup cube
+const gltfNodeEntity = engine.addEntity()
+const createGLTFNodeTrigger = engine.addEntity()
+MeshRenderer.setBox(createGLTFNodeTrigger)
+MeshCollider.setBox(createGLTFNodeTrigger, ColliderLayer.CL_POINTER)
+Transform.create(createGLTFNodeTrigger, { position: Vector3.create(4, 1, 4), scale: Vector3.create(0.5, 0.5, 0.5) })
+pointerEventsSystem.onPointerDown(
+  { entity: createGLTFNodeTrigger, opts: { button: InputAction.IA_POINTER, hoverText: 'CREATE GLTF-NODE', maxDistance: 5 } },
+  () => {
+    if (!GltfContainer.has(gltfEntity)) return
+
+    GltfNode.create(gltfNodeEntity, {
+      // nodePath: 'Scene_root/shark_skeleton/Sphere.001/Sphere.001_primitive0', // BabylonJS sandbox
+      // nodePath: 'Scene_root/shark_skeleton/Sphere/Sphere.001', // Unity (same for AB or RAW)
+
+        // parent_test.glb
+        // nodePath: 'sun/earth/moon',
+      nodePath: 'sun/earth',
+
+        // space-elevator.glb
+      // Blender: 'Scene/Scene/Armature/root/pod.upper.002/pivot.elavator.pod/elavator.pod.002.main/elavator.pod.004.main.003'
+      // Unity: 'Scene/Scene/Armature/root/pod.upper.002/pivot.elavator.pod/elavator.pod.002.main/elavator.pod.004.main_1'
+      // BabylonJS-Sandbox: 'Armature/root/pod.upper.002/pivot.elavator.pod/elavator.pod.002.main/elavator.pod.002.main_primitive0'      
+      // nodePath: 'Armature/root',
+      // nodePath: 'Armature/root/pod.upper.002/pivot.elavator.pod/elavator.pod.002.main/elavator.pod.004.main_1',
+
+        gltfContainerEntity: gltfEntity
+    })
+
+    MeshCollider.setBox(gltfNodeEntity)
+    pointerEventsSystem.onPointerDown({
+      entity: gltfNodeEntity,
+      opts: { button: InputAction.IA_POINTER }
+    }, function () {
+      console.log('NODE CLICKED!')
+    })
+
+// GLTF NODE CHILD ENTITY
+    /*let attachedChild = false
+    engine.addSystem (function (dt) {
+      const gltfNodeTransform = Transform.getOrNull(gltfNodeEntity)
+      if (attachedChild || !gltfNodeTransform) return
+
+      console.log("PRAVS - ATTACHING SPHERE AS CHILD...")
+
+      const childSphere = engine.addEntity()
+      Transform.create(childSphere, {
+        position: Vector3.create(0, -1.5, 0),
+        parent: gltfNodeEntity
+      })
+      MeshRenderer.setSphere(childSphere)
+      attachedChild = true
+    })*/
+  }
+)
+
+// GLTFNode removal cube
+const removeGLTFNodeTrigger = engine.addEntity()
+MeshRenderer.setBox(removeGLTFNodeTrigger)
+MeshCollider.setBox(removeGLTFNodeTrigger, ColliderLayer.CL_POINTER)
+Transform.create(removeGLTFNodeTrigger, { position: Vector3.create(6, 1, 4), scale: Vector3.create(0.5, 0.5, 0.5) })
+pointerEventsSystem.onPointerDown(
+  { entity: removeGLTFNodeTrigger, opts: { button: InputAction.IA_POINTER, hoverText: 'REMOVE GLTF-NODE', maxDistance: 5 } },
+  () => {
+    if (!GltfNode.has(gltfNodeEntity)) return
+
+    GltfNode.deleteFrom(gltfNodeEntity)
+  }
+)
+
+// GLTFContainer removal cube
+const removeGLTFContainerTrigger = engine.addEntity()
+MeshRenderer.setBox(removeGLTFContainerTrigger)
+MeshCollider.setBox(removeGLTFContainerTrigger, ColliderLayer.CL_POINTER)
+Transform.create(removeGLTFContainerTrigger, { position: Vector3.create(8, 1, 4), scale: Vector3.create(0.5, 0.5, 0.5) })
+pointerEventsSystem.onPointerDown(
+  { entity: removeGLTFContainerTrigger, opts: { button: InputAction.IA_POINTER, hoverText: 'REMOVE GLTF-CONTAINER', maxDistance: 5 } },
+  () => {
+    if (!GltfContainer.has(gltfEntity)) return
+
+    GltfContainer.deleteFrom(gltfEntity)
+  }
+)

scenes/9,69-gltf-node/tsconfig.json

@@ -0,0 +1,11 @@
+{
+	"compilerOptions": {
+		"allowJs": true,
+		"strict": true
+	},
+	"include": [
+		"src/**/*.ts",
+		"src/**/*.tsx"
+	],
+	"extends": "@dcl/sdk/types/tsconfig.ecs7.json"
+}