Class 3 & 4 Assignment - immersive stories and interfaces

[BarakChamo]

For next two weeks, choose one of the following, and complete in Three.js with or without WebVR:

Immersive interfaces

Design and implement a new form of interaction or interface that is tailored for 3D interactions and immersive web experiences. Your design should take into consideration the modalities of 3D space (and immersive web such as VR and AR) the affordances of 3D graphics and space and consider UX as well as UI given an additional dimension.

Immersive stories

Build a space for a 3D narrative. This could be a narrative over time or over space, a directed story or open exploration of multiple perspective / elements. Think of how your users will navigate the space, interact with content and how to progress through a narrative in a 3D environment (what is the VR equivalent of scrolling or hiting next?) Some ideas: Use images and videos in 3D to build a visual narrative Build transitions using interactive element to progress a story Explore multiple perspectives using multiple cameras

Please post your works-in-progress, porotypes and ideas here

[Gman9000]

https://gman9000.github.io/GranvilleCreativeWeb.github.io/gj506HW3.html

• attempted to add a canvas to view a video (it will be heroes of the storm gameplay for now) for added interaction in the map but it is not functional. The sound plays in the background nicely, however. I Will update in the future if i can figure it out

[dpinna13]

Diego https://dpinna13.github.io/The-Creative-Web/classes/class_03/index.html

Change cubes to spheres and started adding rotation to mimic planets' rotations. Found online matching rotation for Earth and Moon.

[yinyucheng0601]

Yucheng https://yinyucheng0601.github.io/My-Creative-Web/class%203/examples/assignment%203.html Inspired by Google Cardboard Demo, planting flowers.

[ChawaZhang]

Xueren Zhang (https://chawazhang.github.io/XuerenCreativeWeb.github.io/XuerenCreativeWeb.github.io/Xueren%20Zhang%20assignment%203.html) Press 1 or 2 to change the point of view Press the phone to customize it.

[xtcEcho]

https://github.io/xtcEcho/echo_creative_web/blob/master/class%203/class%203.html 3d interface work in progress

[tina04281]

Tina https://tina04281.github.io/Creative-Web/Assignment%20%233/index.html

[Aparna-Ramakrishnan-3323]

Assignment 3 https://aparna-ramakrishnan-3323.github.io/Assignment%203/Google-Earth%20-3.1%20VRstory.html I would love to have a zoom in effect on New York on click and have a human figure wave at you.But proud that I could build it to atleast this level !

[flora233]

Fangzhou Guo https://flora233.github.io/creativeWeb19/assignment/class4.html

[ChawaZhang]

Assignment 4 (https://chawazhang.github.io/XuerenCreativeWeb.github.io/XuerenCreativeWeb.github.io/XuerenZhangassignment4.html)

Prototype of the phone, interact with the app, home button and the side button. Press 1,2 to switch views

[dpinna13]

Assignment #4 https://dpinna13.github.io/The-Creative-Web/classes/class_04/index.html

Improved past assignment, added labels on planets on raycasting. Attempted to scale planets to a relative size so that they are interactive and do not move too quickly. Sun is not in scale. Current issue: if click on "Show all labels", it can kill the browser. Not sure why, I guess is rendering all labels and attempting to update their position?

[Gman9000]

• VR experience on Mobile
• same map but your gaze interacts with the buildings instead of you moving around
• i tried to implement motion to movement but that proved to be challenging. i'll probably do that in the next iteration of this project
• ambient music is in now! the phone forced me to do user interaction to start it so i decided to make it happen on a touch input which the user has to do in order to start the VR experience anyway
• Here is the link to Homework 4 https://Gman9000.github.io/The-Creative-Web-Granville's-HW/classes/class4/examples/index.html

[xtcEcho]

• 3D web interface

https://github.com/xtcEcho/echo_creative_web/blob/master/class%203:4/3D_UI.html

[yinyucheng0601]

Assignment 4

Turn my assignment 3 into WebVR experience. It's quite hard to test without an Android phone so I will keep working on it.

https://yinyucheng0601.github.io/My-Creative-Web/class%203/examples/paint.html

[Aparna-Ramakrishnan-3323]

https://aparna-ramakrishnan-3323.github.io/Assignment%204/Google-Earth%20v4.html

Audio and scene 2 panorama works locally but not on server.

This is the VR version, but encountering errors: https://aparna-ramakrishnan-3323.github.io/Assignment%204/Google%20Earth%20VR.html

[tina04281]

Tina - Assignment #4 [Randomly Falling Cubes] It's an experimental project and keep working on it. I'm trying to add the panel of the visual controller and make it looks more complete. https://tina04281.github.io/Creative-Web/Assignment%20%234/index.html

[dpinna13]

Improvements on assignment #4 https://dpinna13.github.io/The-Creative-Web/classes/class_05/index.html

Couldn't install successfully the GUI with the sliders. Need to spend more time on it and how to configure it correctly. Added a button to scale up the planets & sun to a seemingly more realistic size.