Functional website in a 3D WebGL scene
Didgehouse . Yogazentrum . Yoga direkt . Scamitec . Sonne, Mond, Sterne . Edel & Stein . Webstylerei
Mouse: Rotate an Zoom – Move / Pan: WASD and arrows
Browse: Browser with functionality and lock to position (not Edge)
Rotate: Rotate/Zoom (View only)
Browse: Browser with functionality and lock to position (not Edge)
Rotate: Rotate/Zoom (View only)
ES5 Version for IE11 Support. Best viewed on desktop with latest Firefox, Chrome or IE11.
Clicks are not working in Edge because of pointer.event troubles.
Die Three.js Variante von 2016 nochmal nachgearbeitet und fit für den Responsive-Einsatz gemacht. Jetzt klappt 3D auch im Blog-Format …und auch die Inhalte klappen, z.B. Video oder Bilder-Galerie oder ganz abgefahren 3D in 3D. Auch ganz witzig, die gleiche Seite hier nochmal in sich selbst in 3D.
Natürlich alles mehr eine Spielerei und Vorsicht weiterhin mit iPads und allem sonstigem „Smartem“ und „Touchigem“ (da macht es nicht soviel Sinn). Am Besten am Desktop anschauen mit einem dieser Browser: Firefox, IE 11 oder Chrome. Mit Edge kann man schauen und rotieren aber nicht klicken …and of course…