STEP 2 MAKE YOUR OWN AVATAR + GROUP-SELFIE

You can create your own Avatar that looks a bit more like you. Once you have it ready, download a .glb file. GLB files are 3D files and can be pasted into the Mozilla Hubs space or linked as your own Avatar.

• Create your own avatar with: Hubs Avatar Maker
  
• Or create your own avatar with: Hubs Robot Maker
  
• Make your owns avatar that looks like you (webcam or smartphone needed): Ready Player Me
  WARNING: Choose Halfbody Avatar. Fullbody avatars do not work in Mozilla Hubs.

Go to your Hubs-room, click 'More' and choose 'Change Name and Avatar'.
Click on your current avatar 'Change Avatar' and do:

1. My Avatars + Create Avatar
   
2. If you are logged in you can upload your .glb file via the upload link: 'Custom GLB'
3. If you have a link to an Avatar, such as with Readyplaye.me, you can also enter the link to a GLB-file at the top right.
4. Take a (group) selfie in the room where you are now (buttons Create + Camera)

TIP: Save your Avatar to Dropbox or Google Drive. Set sharing to Public. The share URL can be used in Hubs, but still needs a small adjustment to work:

• Example Share-link from Google Drive: https://drive.google.com/uc?export=download&id=1kNANFHa0VVsBwH1G8d5ZE3WEwjb--XkF
• Example Share-link from Dropbox: https://www.dropbox.com/s/knlidvqarogi8i3/raoul-postel-avatar.glb?dl=1
  

STEP 3 BUILD WITH MOZILLA SPOKE:

1. Log in to https://hubs.mozilla.com/spoke
2. Start a new project and choose your own world
3. Select the green Crator (mountains)
   
4. Experiment with the 3 Tools at the top left of the menu bar: Move, Rotate and Scale.
   Turn off the blue magnet (horseshoe) to use these tools very precisely.
   
5. Adjust the 'Directional Light' of the entire room. Select in Hierarchy-panel, right and change the values, right-bottom.
   
6. Use the 'architectural objects' to draw a base plate (plane) and 4 walls that represent your room.
   
7. Choose from the Sketchfab objects furniture that is in your room. Note that some 3D objects are too large for the space and do not load. Also type after the search term: 'poly'. These images usually have a low amount of polygons and resolution, making them easier to load into Hubs.
   
8. Add a 'Spot-Light' in a place where extra light is needed. Choose a personal light color.
   
9. How can you give the space even more character?
   
10. View your scene from a nice point of view and adjust the 'Scene Camera' accordingly
11. Move the 'Way Point' to where you want visitors to enter your space.

STEP 4 PUBLISH TO MOZILLA HUBS:

1. Log in to https://hubs.mozilla.com/spoke
   
2. Open your self-built Space in Mozilla Spoke (See STEP 1, item 6).
3. Click on the blue button at the top right: 'Publish'
4. Follow the directions in the dialog boxes.
5. Go to https://hubs.mozilla.com and create a new Room (Create Room)
6. Click the 'More' button and then 'Room info and Settings'
7. Choose: 'Change Scene' and choose the 'My Scenes' tab.
8. Select your newly built room and wait for the room to load.
9. If necessary, give the room its own name.
10. Invite a few friends to your space via the 'Invite link'
    

ALTERNATIVE BUILDING WIDTH MAGICAVOXEL AND BLENDER

1. Download and install the free 3D software MagicaVoxel
2. Download and install the free 3D software Blender
3. Open MagicaVoxel and draw your own world/building in cubes. This looks a bit like MineCraft.
4. Start building with online Help-tutorials.
   
5. Export your world/building as .obj file
6. Open Blender and import the .obj file via 'import'
7. Or draw in Blender your own objects
   
8. Check the button at the top right: 'Material Shading' (Material Preview).
9. Export the file as a gltf/glb file.
10. Place the glb-file in your Hubs or Spoke space.

You can now walk through your own creation in VR!

Software to build in 3D: Blender, MagicaVoxel, Minetest
You can use as a source of inspiration: SketchFab
In Mozilla Hubs, you can only upload 3D files as .glb plaatsen.

ASSIGNMENT 1:

Download this open-box.glb to get you started.
Drag this file into your space in Spoke.
Once this is placed, you can enlarge, rotate, reduce, duplicate (control + D).
By cleverly stacking and rotating these, you can create a simple building.

Once you have a base building, open the Architecture Kit tab under Assets. Then choose the Stairs. By connecting the floors of the stacked boxes with stairs, you can walk through your building as an avatar.

TIP: if you use walls from the assets Architecture Kit, you will see that they are invisible on 1 side. It is therefore preferable to use the floor assets from this kit for the walls. Of course you can also create a square piece of wall in Blender and export it as a GLB file. Then both sides are visible. By scaling and turning you can create as many walls as you need.

ASSIGNMENT 2:

Furnish your building with:

1. three images (jpg format, maximum 1024x1024 pixels)
2. three lights fitted via Spoke
3. three links to friends' rooms
4. two Vimeo-videos. Vimeo works better then Youtube in Mozilla Hubs. TIP: Switch Vimeo-video's on Public to play directly into your Hubs room.