@needle-tools/gltf-progressive 1.2.1-alpha.3 → 1.2.2-alpha

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.
package/CHANGELOG.md CHANGED
@@ -4,6 +4,14 @@ 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.2.2-alpha] - 2023-06-20
8
+ - Add: Register version in global "GLTF_PROGRESSIVE_VERSION" variable
9
+ - Fix: LOD updates for multiple `<model-viewer>` elements
10
+ - Fix: Initial render tick for a few frames for `<model-viewer>` to trigger LOD updates when the model-viewer element is not animated or interacted with
11
+
12
+ ## [1.2.1-alpha.4] - 2023-06-19
13
+ - Fix: SkinnedMesh bounds calculation
14
+
7
15
  ## [1.2.1-alpha.3] - 2023-06-15
8
16
  - update the README
9
17
 
@@ -0,0 +1,49 @@
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
+ <div class="layout">
20
+ <model-viewer src="https://engine.needle.tools/demos/gltf-progressive/assets/church/model.glb" ar
21
+ shadow-intensity="1" camera-controls touch-action="pan-y" auto-rotate autoplay field-of-view="10deg"
22
+ max-camera-orbit="auto 90deg auto"></model-viewer>
23
+ <model-viewer src="https://engine.needle.tools/demos/gltf-progressive/assets/putti gruppe/model.glb" ar
24
+ shadow-intensity="1" camera-controls touch-action="pan-y" auto-rotate autoplay
25
+ max-camera-orbit="auto 90deg auto"></model-viewer>
26
+ <model-viewer src="https://engine.needle.tools/demos/gltf-progressive/assets/cyberpunk/model.glb" ar auto-rotate
27
+ shadow-intensity=".5" camera-controls autoplay rotation-per-second="60deg"></model-viewer>
28
+ <model-viewer src="https://engine.needle.tools/demos/gltf-progressive/assets/vase/model.glb" ar
29
+ shadow-intensity=".5" camera-controls></model-viewer>
30
+ </div>
31
+
32
+ <style>
33
+ .layout {
34
+ position: relative;
35
+ width: 100%;
36
+ height: 100%;
37
+
38
+ display: grid;
39
+ grid-template-columns: 1fr 1fr;
40
+ }
41
+
42
+ model-viewer {
43
+ width: 100%;
44
+ height: 100%;
45
+ flex: 1;
46
+ }
47
+ </style>
48
+
49
+ </html>
@@ -1,7 +1,9 @@
1
1
  <html>
2
2
 
3
3
  <head>
4
- <title>Minimal Example</title>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>gltf-progressive & model-viewer</title>
5
7
  <script type="importmap">
6
8
  {
7
9
  "imports": {