Thursday, November 14, 2013

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.






Thursday, November 7, 2013

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.


Wednesday, November 6, 2013

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.

Class 9 OSGrid Assignment

These screenshots are a step-by-step synopsis of my creation of a Rocket in OSGrid. There are screenshots of me experimenting with different shapes and watching videos on Youtube about creating 3D graphics in virtual worlds. The last picture shows the finished rocket, made out of a cylinder and a cone and painted red.