@needle-tools/gltf-progressive 1.2.5 → 1.2.7

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 (45) hide show
  1. package/CHANGELOG.md +4 -1
  2. package/examples/modelviewer-multiple.html +1 -1
  3. package/examples/modelviewer.html +1 -1
  4. package/gltf-progressive.js +1039 -0
  5. package/gltf-progressive.min.js +8 -0
  6. package/gltf-progressive.umd.cjs +8 -0
  7. package/{dist/lib → lib}/loaders.d.ts +2 -2
  8. package/{dist/lib → lib}/lods_manager.d.ts +1 -2
  9. package/{dist/lib → lib}/lods_manager.js +2 -10
  10. package/{dist/lib → lib}/version.js +1 -1
  11. package/package.json +60 -73
  12. package/dist/CHANGELOG.md +0 -139
  13. package/dist/README.md +0 -125
  14. package/dist/examples/modelviewer-multiple.html +0 -125
  15. package/dist/examples/modelviewer.html +0 -33
  16. package/dist/examples/react-three-fiber/.prettierrc +0 -10
  17. package/dist/examples/react-three-fiber/favicon.png +0 -0
  18. package/dist/examples/react-three-fiber/index.html +0 -24
  19. package/dist/examples/react-three-fiber/package-lock.json +0 -4023
  20. package/dist/examples/react-three-fiber/package.json +0 -34
  21. package/dist/examples/react-three-fiber/tsconfig.json +0 -22
  22. package/dist/examples/react-three-fiber/vite.config.js +0 -39
  23. package/dist/examples/threejs/index.html +0 -51
  24. package/dist/examples/threejs/main.js +0 -181
  25. package/dist/gltf-progressive.js +0 -1043
  26. package/dist/gltf-progressive.min.js +0 -8
  27. package/dist/gltf-progressive.umd.cjs +0 -8
  28. package/dist/package.json +0 -60
  29. package/tsconfig.json +0 -42
  30. /package/{dist/lib → lib}/extension.d.ts +0 -0
  31. /package/{dist/lib → lib}/extension.js +0 -0
  32. /package/{dist/lib → lib}/index.d.ts +0 -0
  33. /package/{dist/lib → lib}/index.js +0 -0
  34. /package/{dist/lib → lib}/loaders.js +0 -0
  35. /package/{dist/lib → lib}/plugins/index.d.ts +0 -0
  36. /package/{dist/lib → lib}/plugins/index.js +0 -0
  37. /package/{dist/lib → lib}/plugins/modelviewer.d.ts +0 -0
  38. /package/{dist/lib → lib}/plugins/modelviewer.js +0 -0
  39. /package/{dist/lib → lib}/plugins/plugin.d.ts +0 -0
  40. /package/{dist/lib → lib}/plugins/plugin.js +0 -0
  41. /package/{dist/lib → lib}/utils.d.ts +0 -0
  42. /package/{dist/lib → lib}/utils.internal.d.ts +0 -0
  43. /package/{dist/lib → lib}/utils.internal.js +0 -0
  44. /package/{dist/lib → lib}/utils.js +0 -0
  45. /package/{dist/lib → lib}/version.d.ts +0 -0
package/dist/examples/modelviewer-multiple.html DELETED
@@ -1,125 +0,0 @@
1
- <html>
2
-
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>gltf-progressive & model-viewer</title>
7
-
8
- <link rel="preconnect" href="https://fonts.googleapis.com">
9
- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
- <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap"
11
- rel="stylesheet">
12
-
13
- <script type="importmap">
14
- {
15
- "imports": {
16
- "three": "https://unpkg.com/three/build/three.module.js",
17
- "three/": "https://unpkg.com/three/"
18
- }
19
- }
20
- </script>
21
- <script type="module" src="https://www.unpkg.com/@needle-tools/gltf-progressive@latest"></script>
22
- <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js"></script>
23
- </head>
24
-
25
- <div class="layout">
26
- <div class="card">
27
- <h1>glTF Progressive</h1>
28
- <h3><a href="https://www.npmjs.com/package/@needle-tools/gltf-progressive"
29
- target="_blank">@needle-tools/gltf-progressive</a></h3>
30
- <p>Load high quality assets in model-viewer without having to worry about loading times, bandwidth or
31
- performance.</p>
32
- <p>Get started now at <a href="https://cloud.needle.tools">cloud.needle.tools</a></p>
33
- </div>
34
- <model-viewer src="https://api.cloud.needle.tools/v1/public/9162350/2b4509376/" ar auto-rotate shadow-intensity=".5"
35
- camera-controls touch-action="pan-y" autoplay></model-viewer>
36
-
37
-
38
- <model-viewer src="https://engine.needle.tools/demos/gltf-progressive/assets/vase/model.glb" ar
39
- shadow-intensity=".5" camera-controls touch-action="pan-y"></model-viewer>
40
-
41
- <model-viewer src="https://api.cloud.needle.tools/v1/public/908aa03/29b3b3743/" ar auto-rotate shadow-intensity=".5"
42
- camera-controls touch-action="pan-y" autoplay></model-viewer>
43
-
44
- <model-viewer src="https://engine.needle.tools/demos/gltf-progressive/assets/church/model.glb" ar auto-rotate
45
- shadow-intensity="1" camera-controls touch-action="pan-y" auto-rotate autoplay field-of-view="10deg"
46
- max-camera-orbit="auto 90deg auto"></model-viewer>
47
-
48
- <model-viewer src="https://engine.needle.tools/demos/gltf-progressive/assets/putti gruppe/model.glb" ar auto-rotate
49
- shadow-intensity="1" camera-controls touch-action="pan-y" auto-rotate autoplay
50
- max-camera-orbit="auto 90deg auto"></model-viewer>
51
-
52
- <model-viewer src="https://engine.needle.tools/demos/gltf-progressive/assets/jupiter_und_ganymed/model.glb" ar
53
- auto-rotate shadow-intensity=".5" camera-controls touch-action="pan-y"></model-viewer>
54
-
55
- <model-viewer src="https://engine.needle.tools/demos/gltf-progressive/assets/cyberpunk/model.glb" ar auto-rotate
56
- shadow-intensity=".5" camera-controls touch-action="pan-y" autoplay rotation-per-second="60deg"></model-viewer>
57
-
58
- </div>
59
-
60
- <script>
61
- // Example if a model is loaded after the page has loaded
62
- document.addEventListener('DOMContentLoaded', () => {
63
- setTimeout(() => {
64
- const element = document.createElement('model-viewer');
65
- element.src = "https://api.cloud.needle.tools/v1/public/9191068/261b4395b/";
66
- element.setAttribute("camera-controls", "");
67
- const layout = document.querySelector('.layout');
68
- layout.appendChild(element);
69
- }, 2000)
70
- });
71
-
72
- </script>
73
-
74
- <style>
75
- body {
76
- margin: 0;
77
- background-color: rgba(245, 245, 245, 1);
78
- font-family: "Open Sans", sans-serif;
79
- font-optical-sizing: auto;
80
- }
81
-
82
- * {
83
- box-sizing: border-box;
84
- }
85
-
86
- a {
87
- text-decoration: none;
88
- color: #cb0000;
89
- }
90
-
91
- .layout {
92
- position: relative;
93
- width: 100%;
94
- min-height: 100%;
95
-
96
- display: grid;
97
- grid-template-columns: repeat(auto-fill, minmax(460px, 2fr));
98
- gap: 1rem;
99
- padding: 1rem;
100
- }
101
-
102
- .layout>* {
103
- width: 100%;
104
- height: auto;
105
- aspect-ratio: 1;
106
- flex: 1;
107
- background: white;
108
- border-radius: .3rem;
109
- box-shadow: 0 0 1rem rgba(0, 0, 0, .1);
110
- outline: 1px solid white;
111
- }
112
-
113
- .card {
114
- padding: 1rem;
115
- max-width: calc(100vw - 2rem);
116
- }
117
-
118
- @media screen and (max-width: 800px) {
119
- .layout {
120
- grid-template-columns: 1fr;
121
- }
122
- }
123
- </style>
124
-
125
- </html>
package/dist/examples/modelviewer.html DELETED
@@ -1,33 +0,0 @@
1
- <html>
2
-
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>gltf-progressive & model-viewer</title>
7
- <script type="importmap">
8
- {
9
- "imports": {
10
- "three": "https://unpkg.com/three/build/three.module.js",
11
- "three/": "https://unpkg.com/three/"
12
- }
13
- }
14
- </script>
15
- <script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js"></script>
16
- <script type="module" src="https://www.unpkg.com/@needle-tools/gltf-progressive@latest"></script>
17
- </head>
18
-
19
- <model-viewer src="https://engine.needle.tools/demos/gltf-progressive/assets/church/model.glb" ar shadow-intensity="1"
20
- camera-controls touch-action="pan-y" auto-rotate max-camera-orbit="auto 90deg auto"></model-viewer>
21
-
22
- <style>
23
- body {
24
- margin: 0;
25
- }
26
-
27
- model-viewer {
28
- width: 100%;
29
- height: 100%;
30
- }
31
- </style>
32
-
33
- </html>
package/dist/examples/react-three-fiber/.prettierrc DELETED
@@ -1,10 +0,0 @@
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/dist/examples/react-three-fiber/index.html DELETED
@@ -1,24 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <link rel="icon" href="favicon.png">
6
- <meta name="viewport" content="width=device-width, user-scalable=no">
7
-
8
- <title>react-three-fiber with progressive loading</title>
9
- <meta name="description" content="🌵 gltf-progressive example">
10
- <meta name="twitter:card" content="summary_large_image">
11
- <meta property="og:title" content="react-three-fiber with progressive loading" />
12
- <meta property="og:description" content="🌵 gltf-progressive example" />
13
- <meta property="twitter:image" content="" />
14
- <meta property="og:image" content="" />
15
-
16
- <meta name="robots" content="index,follow">
17
- <link rel="stylesheet" href="./src/style.css">
18
- </head>
19
-
20
- <body>
21
- <script type="module" src="./src/index.tsx"></script>
22
- <div id="root" style="width:100vw; height:100vh;"></div>
23
- </body>
24
- </html>