Thursday, November 21, 2013

WebGL Chrome Experiments that FAIL in Firefox


FAIL in Firefox:
Saint Jean Cathedral of Lyon – took over a full minute to load, very slow
Find Your Way to Ox – same issue as Cathedral
Just a Reflektor
Indras Net


Work in Firefox:
Spacerun 3D II
FaceTron
100,000 Stars
Car Visualizer
The Hobbit
Digital Landscapes
Goo Video Sphere
KineMan Interactive 3D Skeleton
Are You Being Watched?
Spherical Normal Mapping
Water/Ocean
Squishy Earth
WebGL Attractors Trip - Iacopo Sassarini
WebGL Bookcase - Google Data Arts Team
Depth of Field
PlayMaps Cube
WebGL Terrain Indras Net
Simple Maze Game
Asterank
Parallax



WebGL Chrome Experiments using Google's Chrome Browser

1. Spacerun 3D II: Click here for experiment

In this experiment/game that was built in HTML5 and JavaScript using open web technologies such as WebLG. We have the opportunity to enjoy a simple one person race game against yourself. Your mission is to go around the track twice until you beat your best time. Its game where you learn by mistake and you only improve against yourself. Great game! Hard at the beginning, but as you play the game you learn to get good and finish the race faster.
  
2. FaceTron: Click here for experiment


In this experiment/game that was built in HTML5 and JavaScript using open web technologies such as WebLG. I played with a tank that was guided by the movements of my head. The game allows you to be involved in the game as if you were actually driving. When i moved my head left the tank went left, same when i turned my head right the direction of the tank changed.

3. 100,000 Stars: Click here for experiment

In this experiment that was built in HTML5 and JavaScript using open web technologies such as WebLG. We can appreciate a learning tool as well as an interactive script that allows you the opportunity to feel like you are in a planetarium and you feel part of the universe. The interactive feature is an awesome opportunity to learn more about the closest and farthest stars that surround our solar system. 

Friday, November 15, 2013

FINAL 5c: My Customized Java Game

Here's a screenshot of my final game! I used the Joy of Coding videos to learn about making the game my own, specifically adding my own images. Click here to play my game on the Greenfoot website! This is a final exercise from the Immersive Education course that I am taking at Boston College. The course is called Discovering Computer Graphics. For details, visit the immersive BC portal at http://ImmersiveEducation.org/@/bc

Here is a work in progress shot:

FINAL 5b: Greenfoot Lettuce and Snake

This is a screenshot of my final Trick the Turtle game! Click here to play my game on the Greenfoot website. I created this game following the Joy of Coding videos (http://blogs.kent.ac.uk/mik/category/joy-of-code/page/2/).This is a final exercise from the Immersive Education course that I am taking at Boston College. The course is called Discovering Computer Graphics. For details, visit the immersive BC portal at http://ImmersiveEducation.org/@/bc

Work In Progress Shots:











Thursday, November 14, 2013

FINAL 5a: Greenfoot JoC #4 Finally some code!





This is a final exercise from the Immersive Education course that I am taking at Boston College. The course is called Discovering Computer Graphics. For details, visit the immersive BC portal at http://ImmersiveEducation.org/@/bc

Thursday, November 7, 2013

Final #2: Six Monocular Depth Cues

Size Difference
I thought this was a good example of size difference. As you can see, the cactus in the front is bigger, and the one further away is smaller. The size difference signals the distance between them. 


Atmospheric Perspective
Here is a screenshot demonstrating atmospheric perspective. The rock in the foreground is very clear, while the rock all the way in the back is fuzzy and lacks detail. As objects are further in the distance, they become less detailed. 


Lighting & Shading
Here, you can see lighting and shading on the tree pots and on the light post. The light is hitting the left side of the objects, and so the shadow falls on the right side, giving the curved shape to the objects.


Linear Perspective
In this picture, you can see the linear perspective in which the lines converge to create movement and distance. The lines run parallel and become closer as the distance increases. 


Occlusion
This is an example of occlusion, where we can see the plant obstruct the view of the tree, and then the tree obstructing the view of the rock. This leads to portions of the rock and the tree being hidden. This creates depth in the image.



Texture Density
This screenshot demonstrates how texture becomes more dense as distance increases. The stones closer to view are more spread out, and the ones in the distance are more dense. 


This is a final exercise from the Immersive Education course that I am taking at Boston College. The course is called Discovering Computer Graphics. For details, visit the immersive BC portal at http://ImmersiveEducation.org/@/bc