Just come and hangout!
De klant ben ik zelf. Ik wil vooral een space creëren waar ik met mijn vrienden kan afspreken gelijk welk platform ze gebruiken.
Ik denk dat ze dit zullen doen door virtual reality. Om uit de realiteit te kunnen komen waar ze momenteel inzitten.
Door een platform te creëren waar iedereen op kan gaan. Iedereen met een vr headset zal dit kunnen moeten meemaken. Men heeft dan een platform om even uit de echte wereld te ontsnappen.
In virtual reality is de gebruiker meer imerseved dan op een gewoon scherm. Hier zal de gebruiker zich kunnen zijn en doen men wilt. Hij kan met allerlei voorwerpen prutsen of relaxen in zin virtuele space.
Aan de hand van elke browser die VR ondersteunt of er door naar te surfen in je headset zelf. Daar moet men niet een lange inlog formulier invullen. Je gaat online kiest een kamer en je kan beginnen aan je advontuur.
Ik zal gebruik maken van Three.js , Aframe, Cannon.js en webRTC. Three.js zal ik gebruiken voor de 3D-models in te kunnen laden. Aframe voor het VR gedeelte. webRTC voor de connectie. Cannon.js gebruik ik om physics te simuleren aan bepaalde objects.
De gebruiker zal doen wat hij wilt. Hij zal zijn eigen prive virtuele space kunnen creeren of hij kan naar een public room gaan. Hij kan verschillende activiteiten doen als hij zelf zijn VR bril aan heeft mett zijn/haar controllers . Hij kan ook zijn vrienden uitnodigen om te kunnen tonen wat hij allemaal al kan doen met zijn of haar handen.
De gebruiker zal een andere gebruiker in real time kunnen zien bewegen in een kamer aan de hand van webRTC. Hier wordt ook gebruik gemaakt van 3d audio naar mate hoe ver de persoon staat in de kamer. De gebruiker krijgt dan ook een willekeurig model. Die varieert van 5 kleuren.
- Week 01: De controls / environment.
- Week 02: De decoratie en interactie in de room.
- Week 03: WebRTC invites / online gedeelte.
- Week 04: Finishing touches.
- Week 05: Presentatie moment.
Als je de volledige real experience wilt. Heeft u een VR-Headset nodig die op een browser kan surfen. Bv. De oculus Quest 1 en 2 Of de HTC Vive, etc...
Als je gewoon rustig wilt praten met vrienden en kijken hoe zij bewegen tijdens hun vr sessie. Dit kan je op alle platformen die het webXR supporten. De tweede beste expierence is mobile. Dit volgt de tracking van uw gsm waneer u de website start.
🔗 Link naar alle supported browsers
🔗 Link naar alle supported VR-Headsets
De activiteiten werken alleen op VR-headsets.
Je kan gaan basketten. De ball smijten in de hoop om punten te verzamelen. De punten vind je dan op jouw persoonlijk bord. Die te vinden is op het startplein.
Je kan gaan spelen met dozen. Je kan er meer toevoegen door een knop in te drukken. Deze dozen kan je dan ook wegsmijten en resizen om iets moois te kunnen maken.
Dan als laaste kan je stockjes gaan zoeken op het plein om daar daan ook het park schoon te houden.
Of speel verstoppertje in hhet parrk met uw vrienden. Wie niet weg is gezien!
- Clone the project
git clone https://github.com/Wotusay/Personal-Passion-webVR-webAR.git
cd Personal-Passion-webVR-webAR
yarn
When running locally, make sure to:
- Generate a localhost certificate:
openssl req -x509 -out localhost.crt -keyout localhost.key \
-newkey rsa:2048 -nodes -sha256 \
-subj '/CN=localhost' -extensions EXT -config <( \
printf "[dn]\nCN=localhost\n[req]\ndistinguished_name = dn\n[EXT]\nsubjectAltName=DNS:localhost\nkeyUsage=digitalSignature\nextendedKeyUsage=serverAuth")
- Create an .env file in the root of this project where you sent NODE_ENV to development:
NODE_ENV=development
- Run it
yarn start