Zelf je eigen VR-Space of Digital Twin bouwen? Ik help je graag op weg in deze maatwerk werksessie van 1,5 uur. Leer werken met Mozilla Spoke, het publiceren van VR-Spaces, Digital Twinning en meer....

De bouwsessie vindt plaats via Zoom of Teams en de ruimte(s) die tijdens de sessies gebouwd worden.
Een VR-bril is niet noodzakelijk. Ook met een computer of smartphone zijn deze ruimtes te bezoeken.

Om te beginnen:
Je hebt een e-mail adres nodig, waarmee je kunt inloggen. Zodra je inlogt bij hubs.mozilla.com, ontvang je per mail een link waarmee je inlogt. Daarna kun je ruimtes bewerken en bouwen.

BASICS

STAP 1 ONDERZOEK MOZILLA HUBS:
https://hubs.mozilla.com

1. Log in bij https://hubs.mozilla.com
   
2. Maak een eigen Room (Create Room)
3. Kies een avatar en typ je voornaam
4. Bewaar de wijzigingen en ga de ruimte in (Join Room). geef toestemming om microfoon en webcam te gebruiken
5. Loop rond in de ruimte met de pijltjes of met de AWSD-toetsen. Wat gebeurt er als je de Q en E toets gebruikt?
   
6. Klik op de knop: 'More' en kies: 'Room info and Settings'. Kies een andere ruimte via 'Change Scene' en geef jouw ruimte een zelfbedachte Kamer-naam.
7. Deel hierin een YouTube-video van je favoriete band/kunstenaar/influencer
   TIP: URL’s kun je kopiëren en plakken in je browservenster
   Je kunt ook afbeeldingen en PDF's in je browservenster slepen. Let op: alleen kleine bestanden (max. 1-2 mb) en video's (max. 4 mb).
   
8. Hang 3 favoriete, op social-media gedeelde, foto’s in jouw ruimte.

STAP 2 MAAK JE EIGEN AVATAR + GROEP-SELFIE

Je kunt zelf een Avatar maken die wat meer op je lijkt.  Zodra je die klaar hebt, dowload je een .glb-bestand. GLB-bestanden zijn 3D bestanden en kun je zo in de Mozilla Hubs ruimte plakken of koppelen als eigen Avatar.

• Maak je eigen avatar met: https://mozilla.github.io/hackweek-avatar-maker/
  
• Maak je eigen avatar met: http://tryquilt.io
  
• Maak een avatar die op je lijkt (webcam of mobiel nodig): https://readyplayer.me/avatar
  LET OP: Kies Halfbody Avatar. Fullbody avatars werken niet in Mozilla Hub.

Ga naar je ruimte, klik op 'More' en kies 'Change Name and Avatar'.
Klik bij je huidge avatar op 'Change Avatar' en dan:

1. My Avatars en + Create Avatar
   
2. Als je bent ingelogd kun je je .glb-bestand uploaden via de upload link: 'Custom GLB'
3. Als je een link hebt naar een Avatar, zoals bij Readyplaye.me, kun je rechtsboven ook de link naar een glb-bestand invoeren.
4. Maak in de ruimte waar je nu bent een (groep) selfie (Knop Create + camera)
   
   
   

STAP 3 BOUWEN MET MOZILLA SPOKE:
https://hubs.mozilla.com/spoke

1. Log in bij https://hubs.mozilla.com/spoke
2. Start een nieuw project en kies een eigen wereld
3. Experimenteer met de 3 Tools, linksboven in de menubalk: Move, Rotate en Scale. Zet de blauwe magneet (hoefijzer) uit om deze Tools heel precies te gebruiken.
   
4. Pas het 'Directional Light' van de hele de ruimte aan.
5. Teken met de architectual-objects de tafel die in je slaapkamer staat.
6. Wat staat/ligt er bij jou op tafel? Maak hiervoor gebruik van Google Poly-bibliotheek. Als het laden te lang duurt, kies dan iets anders. Ook Sketchfab-objecten kun je plaatsen. Let wel op, sommige 3D-objecten zijn te groot voor de ruimte en laden niet.
   
7. Voeg een 'Spot-Light' toe op een plek waar extra licht nodig is. Kies een persoonlijke kleur licht.
   
8. Hoe kun je de ruimte nog meer jouw karakter geven?
9. Bekijk je scene vanaf een mooi standpunt en pas de 'Scene Camera' hierop aan
10. Verplaats de 'Way Point' naar de plek waarop je wilt dat bezoekers je ruimte binnenkomen.
    
11. Publish jouw wereld naar Mozilla Hubs
    
    

STAP 4 PUBLICEREN NAAR MOZILLA HUBS:
https://hubs.mozilla.com

1. Log in bij https://hubs.mozilla.com
   
2. Kies jouw zelfgebouwde Mozilla Spoke wereld als Room (Zie STAP 1, punt 6)
   
3. Wat wil je zelf nog toevoegen in jouw Room?
4. Nodig via de 'Invite-link' een paar vrienden uit in je ruimte
   

ALTERNATIEF BOUWEN MET MAGICAVOXEL en Blender

1. Download en installeer de gratis 3D-software MagicaVoxel
2. Download en installeer de gratis 3D-software Blender
   
3. Open MagicaVoxel en teken je eigen wereld/gebouw in blokjes. Dit lijkt een beetje op MineCraft
4. Exporteer je wereld/gebouw als .obj-bestand
5. Open Blender en importeer via 'import' het .obj-bestand
6. Vink rechtsboven het knopje: Material Shading (Material Preview) aan.
7. Exporteer het bestand als gltf/glb bestand.
8. Plaats de glb-bestand in je Hubs of Spoke ruimte.
   

Je kunt nu in VR door je eigen creatie wandelen!

OPDRACHT: BOUW HET KASTEEL VAN DE TOEKOMST

Hoewel de meeste kastelen zijn verdwenen, bewoond of tot ruïnes zijn vervallen, is het wel gaaf om te bedenken hoe een kasteel uit het verleden er in de toekomst uit zou zien.

In VR heb je trouwens geen last van de zwaartekracht en kan je alles zo groot en klein maken als je wilt. Hoe kun je dat gebruiken in jouw ruimte?

Hoe zou het leven op een kasteel in de toekomst eruit zien?
Wat zijn de ridders van de toekomst?
Hoe ziet het leven van de kasteelbewoners eruit?
Hoe verplaatsen ze zich? Toen paarden, in de toekomst...?

• Alleen of als groep van maximaal 2 personen
• Je mag een kasteel bouwen, maar ook 1 gedetailleerde kamer
• Je mag bouwen in Spoke, maar ook in een 3D programma, als je dat kunt.
• Aan het einde koppelen we alle ruimtes aan elkaar tot een mega future castle!
  

Software om in 3D te bouwen: Blender, MagicaVoxel, Minetest
Je kunt als inspiratiebron gebruik maken van: SketchFab
In Mozilla Hubs kun je alleen 3D-bestanden als .glb plaatsen.

Deel 1:

Download deze open-box.glb om mee te beginnen.
Sleep dit bestand in jouw ruimte in Spoke.
Zodra deze geplaatst is, kun je vergroten, draaien, verkleinen, kopieren (control + D).
Door deze slim te stapelen en draaien, kun je hiermee een eenvoudig gebouw creëren.

Zodra je een basis-gebouw hebt staan, open je bij Assets de tab Architecture Kit. Kies vervolgnes voor de Stairs (trappen). Door de vloeren van de gestapelde dozen te verbinden met trappen, kun je je gebouw straks als avatar doorlopen.

TIP: als je gebruik maakt van muren uit de assets Architecture Kit,  zul je zien dat deze aan 1 zijde onzichtbaar zijn. Gebruik voor de muren daarom bij voorkeur de floor-assets uit deze kit. Uiteraard kun je ook in Blender een vierkant stuk muur maken en exporteren als GLB-file. Dan zijn wel beide zijden zichtbaar. Door schalen en draaien kun je dan zoveel muren maken als nodig is.

Deel 2:

Kleed je gebouw aan met:

1. drie afbeeldingen (jpg-formaat, maximaal 1024x1024 pixels)
2. drie lichten aangebracht via Spoke
3. drie links naar ruimtes van vrienden
4. twee vimeo-video's