@needle-tools/gltf-progressive 1.0.0-alpha.12 → 1.0.0-alpha.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +6 -0
  3. package/examples/modelviewer.html +27 -0
  4. package/examples/react-three-fiber/.prettierrc +10 -0
  5. package/examples/react-three-fiber/index.html +26 -0
  6. package/examples/react-three-fiber/package-lock.json +3587 -0
  7. package/examples/react-three-fiber/package.json +35 -0
  8. package/examples/react-three-fiber/tsconfig.json +22 -0
  9. package/examples/react-three-fiber/vite.config.js +44 -0
  10. package/examples/threejs/index.html +51 -0
  11. package/examples/threejs/main.js +76 -0
  12. package/gltf-progressive.js +74 -68
  13. package/gltf-progressive.min.js +3 -3
  14. package/gltf-progressive.umd.cjs +3 -3
  15. package/lib/extension.js +8 -0
  16. package/lib/index.d.ts +1 -1
  17. package/lib/index.js +1 -1
  18. package/lib/plugins/modelviewer.js +5 -1
  19. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -4,6 +4,13 @@ All notable changes to this package will be documented in this file.
4
4
  The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
5
5
  and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
6
6
 
7
+ ## [1.0.0-alpha.13] - 2023-05-24
8
+ - fix: modelviewer error when trying to access undefined texture extensions
9
+
10
+ ## [1.0.0-alpha.13] - 2023-05-24
11
+ - add: vanilla three.js example
12
+ - fix: texture LODs losing filter setting
13
+
7
14
  ## [1.0.0-alpha.12] - 2023-05-19
8
15
  - fix: update LODs when using postprocessing
9
16
 
package/README.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  Support for loading of glTF or GLB files with progressive mesh or texture data for three.js based engines.
4
4
 
5
+ ## Samples
6
+
7
+ - [Vanilla three.js Example](https://engine.needle.tools/demos/gltf-progressive/threejs/)
8
+ - [\<model-viewer\> Example](https://engine.needle.tools/demos/gltf-progressive/modelviewer)
9
+
10
+
5
11
  # Contact ✒️
6
12
  <b>[🌵 needle — tools for creators](https://needle.tools)</b> •
7
13
  [Twitter](https://twitter.com/NeedleTools) •
package/examples/modelviewer.html ADDED
@@ -0,0 +1,27 @@
1
+ <html>
2
+
3
+ <head>
4
+ <title>Minimal Example</title>
5
+ <script type="importmap">
6
+ {
7
+ "imports": {
8
+ "three": "https://unpkg.com/three/build/three.module.js",
9
+ "three/": "https://unpkg.com/three/"
10
+ }
11
+ }
12
+ </script>
13
+ <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js"></script>
14
+ <script type="module" src="https://www.unpkg.com/@needle-tools/gltf-progressive@latest"></script>
15
+ </head>
16
+
17
+ <model-viewer src="https://engine.needle.tools/demos/gltf-progressive/assets/church/model.glb" ar shadow-intensity="1" camera-controls
18
+ touch-action="pan-y"></model-viewer>
19
+
20
+ <style>
21
+ model-viewer {
22
+ width: 100%;
23
+ height: 100vh;
24
+ }
25
+ </style>
26
+
27
+ </html>
package/examples/react-three-fiber/.prettierrc ADDED
@@ -0,0 +1,10 @@
1
+ {
2
+ "printWidth": 140,
3
+ "tabWidth": 2,
4
+ "useTabs": false,
5
+ "semi": false,
6
+ "singleQuote": true,
7
+ "trailingComma": "none",
8
+ "bracketSpacing": true,
9
+ "jsxBracketSameLine": true
10
+ }
package/examples/react-three-fiber/index.html ADDED
@@ -0,0 +1,26 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <link rel="icon" href="favicon.ico">
6
+ <meta name="viewport" content="width=device-width, user-scalable=no">
7
+
8
+ <title>Made with Needle</title>
9
+ <meta name="description" content="🌵 Made with Needle Engine">
10
+ <meta name="twitter:card" content="summary_large_image">
11
+ <meta property="og:title" content="Made with Needle" />
12
+ <meta property="og:description" content="🌵 Made with Needle Engine" />
13
+
14
+ <meta property="twitter:image" content="" />
15
+ <meta property="og:image" content="" />
16
+
17
+ <meta name="robots" content="index,follow">
18
+ <meta name="url" content="http://needle.tools">
19
+ <link rel="stylesheet" href="./src/style.css">
20
+ </head>
21
+
22
+ <body>
23
+ <script type="module" src="./src/index.tsx"></script>
24
+ <div id="root" style="width:100vw; height:100vh;"></div>
25
+ </body>
26
+ </html>