diff --git a/autorotate.html b/autorotate.html index 3b02546..17aa5d6 100644 --- a/autorotate.html +++ b/autorotate.html @@ -55,22 +55,23 @@

JavaScript:

alt="An image of a model of a teapot" /> - - + + function update() { + try { + const angleY = performance.now() / 10; + model.entityTransform = initialTransform.rotate(0, angleY, 0); + } catch (error) { + console.warn('failed to set transform', error); + } + requestAnimationFrame(update); + } + + diff --git a/basic-blob-url.html b/basic-blob-url.html index c0e408e..2f5ae5f 100644 --- a/basic-blob-url.html +++ b/basic-blob-url.html @@ -38,13 +38,13 @@

JavaScript

alt="An image of a model of a teapot" /> - - + + diff --git a/css-scale.html b/css-scale.html index 9a277b6..fc052c2 100644 --- a/css-scale.html +++ b/css-scale.html @@ -13,40 +13,42 @@ -

Model: CSS scale test

-
-

- This model has a CSS transform scale applied to it. Click the button to - toggle the scale. -

+
+

Model: CSS scale test

+
+

+ This model has a CSS transform scale applied to it. Click the button to + toggle the scale. +

-

CSS

- 
+      
CSS

+      
 .scale {
   transform: scale(0.5, 1);
 }
 

+      >
 
-    
HTML

-    
+      
HTML

+      
 <model alt="A model of a teapot" class="scale">
   <source src="./teapot.usdz" type="model/vnd.usdz+zip" />
   <source src="./teapot.glb" type="model/gltf-binary" />
 </model>
 

+      >
 
-    
-      
-      
-      An image of a model of a teapot
-    
-    

+      
+        
+        
+        An image of a model of a teapot
+      
+      

 
-    
+      
+
+ + diff --git a/data-url.html b/data-url.html index eb39e56..5b092b0 100644 --- a/data-url.html +++ b/data-url.html @@ -8,30 +8,32 @@ -

Model: Data URL

-
-

- A model source can use a data URL to embed a model file inline, without a - separate network request. -

+
+

Model: Data URL

+
+

+ A model source can use a data URL to embed a model file inline, without + a separate network request. +

- 
+      
 <model alt="A model of a cube">
   <source src="data:model/vnd.usdz+zip;base64,UEsDBAoAAA..." type="model/vnd.usdz+zip" />
   <source src="data:model/gltf-binary;base64,Z2xURgIAAA..." type="model/gltf-binary" />
 </model>

+      >
 
-    
-      
+        
-      
+        
-      An image of a cube
-    
+          type="model/gltf-binary" />
+        An image of a cube
+      
+
diff --git a/jsorbit.html b/jsorbit.html index 19aee37..c6d35b4 100644 --- a/jsorbit.html +++ b/jsorbit.html @@ -26,89 +26,89 @@

Result

- - + requestAnimationFrame(tick); + + diff --git a/playbackrate.html b/playbackrate.html index 4c2c55c..4f3ff90 100644 --- a/playbackrate.html +++ b/playbackrate.html @@ -32,16 +32,16 @@

JavaScript

- - + +