WebGL Chrome Experiments that FAIL IN FIREFOX

Of the twenty-seven total Google Chrome experiments I tried to run in Mozilla Firefox, twenty-four have worked. The Cathedral experiment that A.J. claimed took a little longer to load in Firefox than it did on Chrome, but other than that Firefox worked just as effectively for most of these experiments as Chrome did.

The three experiments that failed for me in Firefox were: "Find Your Way to Oz", "Tron", and "Just a Reflektor".

The rest of the experiments worked in both Chrome and Firefox. Some of the experiments took longer to load in Firefox, such as the "Saint Jean Cathedral", but worked fine once they loaded.

WebGL Chrome Experiments Using Google's Chrome Browser

The Hobbit: Middle Earth

 Above is a Google Chrome experiment based on the Hobbit movies. It is a 3D depiction of Middle Earth (Dol Guldur in these screenshots). This is an online video game that can be accessed by clicking on its screenshots.

Digital Landscapes

The three screenshots above are from a Google Chrome experiment titled "Digital Landscapes." I like this experiment because there are four different landscapes you can view (I provided screenshots of my favorite three) and they have a retro, kind of 1980's look about them. Click any of these "Digital Landscapes" screenshots to go to the program. 

 Car Visualizer

The two screenshots here are from the "Car Visualizer" Google Chrome experiment. I like this program because you can design different models of cars in virtually any color you can imagine. The first screenshot is of a red Ferrari California and the second one is of a navy blue Chevrolet Camaro that I designed. Click on either of these screenshots to view the "Car Visualizer." 

Final #3: Group 3D Building Project

Above is the third final of the Discovering Computer Graphics course. All members of the class built a house together. I worked on the pool and filled the pool with water. This is a finals exercise from the Immersive Education course 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.

The Education Grid

Above are screenshots of The Education Grid website (http://www.theeducationgrid.org). The Education Grid provides students of any age to information about a number a topics. All of this is made available through their website. Perhaps the best aspect of the website is that it provides all of this information for free and is available through any computer with the internet. The Education Grid website can be accessed through the link above or by clicking on any of the screenshots above.

Final 5c: My Customized Java Game

Above is a screenshot of my customized Java game made in Greenfoot. I took the game I created in Final 5b and put my face in place of the snakes and the iED logo in place of the turtle. You can play this game at the Greenfoot website by clicking on the screenshot above. This is a finals exercise from the Immersive Education course 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.

Below is a screenshot of my work in progress.

Final 5b: Greenfoot Lettuce and Snake

Above is a screenshot of the "Trick the Turtle" game I created on Greenfoot. If you click the shot above it will take you to the Greenfoot webpage where you can run it. In this scenario, there is one turtle who moves around eating lettuce and three snakes who move around trying to eat the turtle. This is a finals exercise from the Immersive Education course 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.

Below are screenshots of the work in progress.

Final 5a: Greenfoot JoC #4 Finally Some Code!

This is a screenshot of "Trick the Turtle" running in Greenfoot on my computer. I programmed the turtles using the code "move(5);turn(4);" and took a screenshot of the program running (the turtles were each running around in a clockwise circle). This is a finals exercise from the Immersive Education course 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.

Below are screenshots of the work in progress.

Final #2: Six Monocular Depth Cues

Atmospheric Perspective

In the picture above, the area circled in red shows up somewhat fuzzy. This is because the graphics give the illusion of distance - closer objects appear clearer, while further away objects are less clear. You can see that the objects in close view have very sharp and clear qualities, while those objects in the distance (ie. the windows in the building) are fuzzier.

Lighting and Shading

This is a half-pipe that can be seen in the skate park in Cloud Party. The shading used gives it a 3D quality. The lighting appears to be coming from the left side of the screen and therefore the right sides of the half-pipe are shaded. 

Linear Perspective

These benches are given a 3D look through linear perspective. The lines on the left and right side seem to almost converge at a point in the distance. Up close to the viewer, the benches are wide, but the further away the viewer looks, the narrower the sides get, until they meet at the "vanishing point." 

Occlusion

This sign is blocking out certain objects in the distance (rocks, trees, and grass) which gives the viewer the impression that the sign is closer to us than the other objects which it blocks out. This is known as occlusion as the object in the foreground occludes, or blocks, out other objects. 

Texture Density

In this picture, the bricks in the floor appear to become denser as the distance from the viewer increases. Up close to the viewer, the bricks do not look to be that densely put together, but as the viewer looks farther away, the density appears to increase. This again, gives the viewer the feeling that it is a 3D image as the depth can be perceived through the floor's texture density.

Size Difference

The rocks in the back of the picture are slightly smaller than the rocks in the foreground. This monocular depth cue is known as size difference. Two objects that are the same size, one held 2 feet in front of a viewer and the other held 100 feet in front of a viewer, will look completely different to that person. The object 100 feet away from the viewer will look smaller than the object 2 feet away. Size difference is a good way to portray depth in an instance like this. 

All of the screenshots above are from my adventures at cloudparty.com. The monocular depth cues featured above all give the viewer the feeling that the picture has depth. This is a finals exercise from the Immersive Education course 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.

MT35101 Scorecard

Final #4: High Resolution Avatar

These are pictures of the avatar I created in MakeHuman. I made the avatar fit to my physical proportions and outfitted myself in clothes. This is a finals exercise from the Immersive Education course 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.

Overview of WebGL

                WebGL is a 3D and 2D graphics program that uses JavaScript and can be used online in the Mozilla Firefox, Google Chrome, Safari, Opera, and Internet Explorer browsers. It can also be used in many mobile web browsers. WebGL stands for "Web Graphics Library" and was developed by the Khronos Group. It launched initially in 2011. WebGL does not require any plug-ins to work in web browsers.

Class 9, Cloud Party Assignment

For this assignment, I created a structure in Cloud Party. Below are the screenshots of the work in progress. 

This is the island I built the structure on.

This is a shot of when I was building the foundation of the structure (a bed and couch).

Below are shots of the final structure from different views. You can tell that the structure remains plausibly in-tact (I use that term loosely) no matter where it is viewed from.

Building structures in Cloud Party varies quite a bit from building them in OSGrid. OSGrid is good for building all types of different structures (for example, the rocket I built in the previous assignment). Cloud Party basically just allows the user to build structures out of pre-existing items (ie. couches, TVs, tables, etc.), where OSGrid allows users to build structures out of basic shapes such as squares and circles. OSGrid also allows the user to change the shape and color of the individual components of a structure. The major advantage of Cloud Party is the ease of use. OSGrid was a lot more difficult to use, but there was a lot more freedom in terms of what you can build. The graphics on OSGrid were not quite as good as the ones in Cloud Party. Overall, I'd say that I like both programs, but if I had to choose one to use I would take Cloud Party because of its great graphics and ease of use.