final project b

P r o j e c t BC o n c e p t

My concept is to have an interactive video cube that the user can navigate the space by using the mouse. I plan use six photos taken from one equirectangular projection then recombined on the interior space of the cube. I also plan to have the camera placed inside the middle of the cube space so the user can rotate the view on any axis to look around the space. To encourage interactivity I plan to animate the photos and make the basi-cally video files and in the end it will appear to look like the viewer is in the middle of a animation if everything goes as planned.

I n t e r f a c eI ideally want no buttons to be involved just the rotation of the mouse should be enough to operate the camera.

user point of view

P r o j e c t BReseachedCode

The biggest obstacle for me will be code manly because I am a animator in AE, Maya, C4D, and know nothing about interactivity outside the basics of html. So I have been looking for tutorials and code that I can use in order to complete this project. I know this has been done before in a similar fashion and this is what I have found so far.

This is from Joy Galluci from class which I thought was very helpful:

stop();startGameBtn.addEventListener(MouseEvent.MOUSE_DOWN, begin);function begin(evt:MouseEvent) { startGameBtn.removeEventListener(MouseEvent.MOUSE_DOWN, begin); nextFrame();}

Most promising info I have come across has been the use of a program called papervision3d which is used as a loader for the images. Moderncarpentry.com has been the site that has had a couple tutori-als on how to go about doing this. Here is a bit of code they have put out there:

//camera settings using Camera3D

cam.zoom = 1;

cam.focus = 1000;

cam.z = 100;

//setting up materials and the cubevar quality :Number = 24;// Materialsvar b = new BitmapAssetMaterial( "back" );

var f = new BitmapAssetMaterial( "front" );

var r = new BitmapAssetMaterial( "right" );

var l = new BitmapAssetMaterial( "left" );

var t = new BitmapAssetMaterial( "top" );

var d = new BitmapAssetMaterial( "down" );b.smooth = true;

f.smooth = true;

r.smooth = true;

l.smooth = true;

t.smooth = true;

d.smooth = true;

P r o j e c t BReseachedCode

b.oneSide = true;

f.oneSide = true;

r.oneSide = true;

l.oneSide = true;

t.oneSide = true;

d.oneSide = true;// creating materials list with afore-created materials

var materials:MaterialsList = new Materi-alsList(

{

front: f,

back: b,

right: r,

left: l,

top: t,

bottom: d

} );// Create the cube.

cube = new Cube( materials, 5000, 5000, 5000, quality, quality, quality);

scene.addChild( cube, "Cube" );

Related l inkshttp://modern-carpentry.com/flvees/eagle.swf

P r o j e c t BEquirectangular Projection

P r o j e c t BEquirectangular Projection

P r o j e c t BFeedBack




P r o j e c t BFinal

The response I got from my friends and peers was expected since most of the coding wasn’t done just yet. One of the biggest problems was getting the audio to sync and I had the bottom movie playing in reverse. These things are expected I guess, and really wasn’t as bad as it could have been seeing as I was headed into new territory. I really couldn’t have got this done with out the help of my friend Brandon Brown ( who helped with coding) and lynda.com papervision tutorials. In the end I am pleased and I achieved my goal of having something cool on my website.



www.thedigitalmondo.com

Documents

final project b