3D Planet

Took my 3D world a little further and made a mini planet. My next step is to explore gravity and movement around a sphere instead of a flat plane

3D modeling in Blender and Unreal Engine

After realizing that im limited to simple shapes and objects within the interface of Goo itself, i decided to try out making a few models in a couple of 3D modeling tools. Through some research considering accessibility over technical capacity i decided blender or the Unreal engine would suit my needs.

My Own World

I tried my hand at making my own little 3D world. I made some trees with collision properties and placed an entity in which the user controls. I also experimented with some lighting by placing a sun in the viewport. 

Phsyics

Through the tutorials i learned about the physics in Goo Create and made a ball roll down a ramp and bounce off pillars. It was meant to be a pinball machine but I didn't see the point in finishing the tutorial after i already figured out how it works.

Box Model

Through the tutorials I played with the box model to create a realistic 360 deg texture in the background

More complicated animation

Through the tutorials i was able to animate an alien ship taking off and flying in orbit around a planet

Animation and Movement

I Animated a flag being hoisted and lowered on the moon. And was able to place a sphere controllable with the WASD keys

Goo Create tutorials

I spent a few hours Working through tutorials on Goo create. A frond end interface for Three.js. 

WebGL and Three.js

After deciding that I was pushing through the Jquery a little faster than i expected, i decided to try something a little different and push it a bit further. I decided i try get a little more into the 3d aspect of websites.

WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D computer graphics and 2D graphics within any compatible web browser

http://threejs.org/ is a franework library for WebGL

This is virtual reality demonstration of a 3d world.

This is a procedurally generated world using 'minimal code' (i call bs) never the less it shows the power of what is possible with three.js

This website has the viewer fly over a 3d version of Switzerland allowing the user to click on landmarks to access extra infomation.

Shadow + Light play

Found a nice shadow effect that moves with the direction of the mouse. This will help supplement the 3d look of the website. It is also very easy to combine with other techniques, For instance i used it with the perspective changing one. 

Perspective change when mouse moves

This was one of the first techniques i tried to do at the beginning of this paper. It turned out to be particularly difficult to find code for, and even more difficult to combine with other things, for instance the positioning and inclusion of my tridiv 3d shape. 

Final test with parallax

Had one more go at the parallax code just for fun really. You cant really tell from the screens but i split an image into 3 pngs to give the effect of depth.