Front End Developer
Servin Nissen

Hey ik ben Servin, een Front End Developer uit Alkmaar. Met een passie/obsessie voor code en mooie animaties. Vind hier wat van mijn school werk en vrije tijds geklooi.

Web VR
Doolhof

Doel:

Een 3D wereld creƫren met behulp van de library Three.js waarin een doolhof gegenereerd word aan de hand van een simpele string. Dit gegenereerde doolhof vervolgens ombouwen zodat je hier met een VR headset en controllers doorheen kan lopen. (Kijken en lopen werkt met de Htc Vive. Ocules kan nog alleen rond kijken.)

... maze: "| 1---------5---------2" + "| | | |" + "| | | 1---2 4-2 | 1-2 |" + "| | | | | | | | |" + "8---6 | | 4-2 4-3 | | |" + "| | | | | | |" + "| | | 8-7-- 4-----6 --6" + "| | | | |" + "| 8---3 --2 1---2 8-- |" + "| | | | | | |" + "| | --5-- | | | 4-6 1-6" + "| | | | | | | | |" + "| 4-2 | 1-7-6 4-2 | | |" + "| | | | | | | | |" + "8-- | | | | 8-- | | | |" + "| | | | | | | | | |" + "| 1-3 | | | | --6 | | |" + "| | | | | |" + "4-7-- 4---7-----7-----3", render: function() { for (var i = 0; i < this.total(); i++) { this.wall(this.maze[i], i); } }, ...

Tools:

Three.js

Bezoek de website
!

Om deze website goed te kunnen bekijken is een Htc Vive of Oculus Rift nodig met browser die Web VR ondersteund. Ga hiervoor naar https://mozvr.com/.

Het doolhof
Maze