first test with new ARnft-threejs and three.js v169

webarkit · Oct 30, 2024 · caea518 · caea518
1 parent bb68831
commit caea518
Show file tree

Hide file tree

Showing 5 changed files with 244 additions and 243 deletions.
diff --git a/dist/ARnft.js b/dist/ARnft.js
diff --git a/dist/package.json b/dist/package.json
@@ -39,13 +39,13 @@
         "@types/node": "22.7.5",
         "@types/stats.js": "^0.17.0",
         "@types/uuid": "10.0.0",
-        "prettier": "^3.1.0",
-        "rimraf": "5.0.10",
+        "prettier": "^3.3.3",
+        "rimraf": "6.0.1",
         "stats.js": "^0.17.0",
         "ts-loader": "^9.5.1",
         "typedoc": "0.26.10",
-        "typescript": "^5.3.2",
-        "webpack": "^5.89.0",
+        "typescript": "^5.5.4",
+        "webpack": "5.94.0",
         "webpack-cli": "^5.1.4",
         "worker-loader": "^3.0.8"
     },
@@ -59,9 +59,9 @@
     "license": "LGPL-3.0",
     "resolutions": {},
     "dependencies": {
-        "@webarkit/jsartoolkit-nft": "^1.6.1",
+        "@webarkit/jsartoolkit-nft": "^1.7.1",
         "@webarkit/oneeurofilter-ts": "^0.1.0",
-        "terser-webpack-plugin": "^5.3.9",
-        "uuid": "10.0.0"
+        "terser-webpack-plugin": "^5.3.10",
+        "uuid": "11.0.2"
     }
 }
diff --git a/examples/arNFT_example.html b/examples/arNFT_example.html
@@ -15,11 +15,22 @@
         🖼 Marker Image
     </a>
 
-    <script src="js/third_party/three.js/three.min.js"></script>
-    <script src="js/ARnftThreejs.js"></script>
+    <script type="importmap">
+        {
+          "imports": {
+            "three": "https://cdn.jsdelivr.net/npm/[email protected]/build/three.module.js",
+            "three/addons/": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/",
+            "arnft-threejs": "./js/ARnftThreejs.module.js"
+          }
+        }
+    </script>
     <script src="../dist/ARnft.js"></script>
 
-    <script>
+    <script type="module">
+        import * as THREE from 'three'
+        import ARnftThreejs  from 'arnft-threejs'
+        const { SceneRendererTJS, NFTaddTJS } = ARnftThreejs;
+
         let width = 640;
         let height = 480;
         ARnft.ARnft.init(width, height, [["examples/DataNFT/pinball"]], [['pinball']], 'config.json', true)
@@ -56,11 +67,11 @@
                         }
                     }
 
-                    let sceneThreejs = new ARnftThreejs.SceneRendererTJS(config, canvas, nft.uuid,
+                    let sceneThreejs = new SceneRendererTJS(config, canvas, nft.uuid,
                         true);
                     sceneThreejs.initRenderer();
 
-                    let nftAddTJS = new ARnftThreejs.NFTaddTJS(nft.uuid);
+                    let nftAddTJS = new NFTaddTJS(nft.uuid);
                     nftAddTJS.add(cube, 'pinball', false);
 
                     const tick = () => {

diff --git a/package.json b/package.json
@@ -39,13 +39,13 @@
     "@types/node": "22.7.5",
     "@types/stats.js": "^0.17.0",
     "@types/uuid": "10.0.0",
-    "prettier": "^3.1.0",
-    "rimraf": "5.0.10",
+    "prettier": "^3.3.3",
+    "rimraf": "6.0.1",
     "stats.js": "^0.17.0",
     "ts-loader": "^9.5.1",
     "typedoc": "0.26.10",
-    "typescript": "^5.3.2",
-    "webpack": "^5.89.0",
+    "typescript": "^5.5.4",
+    "webpack": "5.94.0",
     "webpack-cli": "^5.1.4",
     "worker-loader": "^3.0.8"
   },
@@ -59,9 +59,9 @@
   "license": "LGPL-3.0",
   "resolutions": {},
   "dependencies": {
-    "@webarkit/jsartoolkit-nft": "^1.6.1",
+    "@webarkit/jsartoolkit-nft": "^1.7.1",
     "@webarkit/oneeurofilter-ts": "^0.1.0",
-    "terser-webpack-plugin": "^5.3.9",
-    "uuid": "10.0.0"
+    "terser-webpack-plugin": "^5.3.10",
+    "uuid": "11.0.2"
   }
 }