add videos

index.html

@@ -123,6 +123,7 @@ <h2>3d-grid-video</h2>
 
 <div class="doodle">
 <h2>webgl-threejs-multiple-windows</h2>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/niEejN8dYTg?si=4xYsdbAbBiDb5hUc" title="ThreeJS multiple windows" frameborder="0" allow="encrypted-media; web-share" allowfullscreen></iframe>
 <p>Resurrecting an old example I wrote about using WebGL via three.js across multiple windows. It used to be part of the three.js examples but was removed</p>
 <p>It shows an example of having multiple windows with different views into the same scene, like for example a 3D editor like Maya would allow</p>
 <p>Click <b>create for new window</b> in the top left then drag a sphere. The windows stay in sync. You can create more than one extra window</p>
@@ -134,6 +135,7 @@ <h2>webgl-threejs-multiple-windows</h2>
 
 <div class="doodle">
 <h2>syncThreeJS</h2>
+<iframe width="560" height="315" src="https://www.youtube.com/embed/ef20wKxt5aY?si=Cafo8Dv3o3esu7x6" title="syncThreeJS" frameborder="0" allow="encrypted-media; picture-in-picture; web-share" allowfullscreen></iframe>
 <p>A port of <a href="https://github.com/greggman/hft-syncThreeJS">https://github.com/greggman/hft-syncThreeJS</a> that only works on the same machine without <a href="https://docs.happyfuntimes.net">happyFunTimes</a>.
 <a href="https://github.com/greggman/hft-syncThreeJS">The Original</a> syncs across machines using <a href="https://docs.happyfuntimes.net">happyFunTimes</a>
 </p>