Thursday, November 20, 2014

WebGL Chrome Experiments the FAIL IN FIREFOX

Note: Using a year-old MacBook Pro with the latest version of Firefox installed

Build with Chrome  was able to work in firefox but it was significantly slower and lagger than when used in Chrome. The map rendering took forever and building was a nightmare that took far too long.

All of the game (not visualizations/3D experience) experiments seemed to work fine with my machine in Firefox.


Meel didn't work, it simply wouldn't display anything. The application launched without any problems though.



SoundViz at first completely crashed my computer when trying to launch, then after I restarted, the application opened with he following error:


Aside from these two major failures, and the lag that made Build with Chrome almost unusable, the rest of the Chrome experiments posted by classmates seemed to work well. Some were lagger than others, but all worked in some capacity.



This is an 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

WebGL Chrome Experiments using Google's Chrome Browse

Voxels Liquid by Mr. Doob. This Chrome extension built using WebGL shows how powerful the graphics engine is. As you move your cursor about the 3D grid, the coordinate closest to your cursor will rise and ripple everything around it. The effect slowly fades out once you stop moving your cursor. 



Generative Machines by Google Data Arts Team. In this WebGL space, a number of mechanical parts are thrown together into a working machine. The interface allows the user to input parameters that determine the complexity of the machine then it will begin to build in front of you. The entire model is fully zoomable and interactive as well. 



100,000 Stars by Google Data Arts Team. In this WebGL 3D environment, the user is allowed to scale and rotate throughout the Milky Way Galaxy.  The animation as a user input was being processed was quite smooth and the rendering of the galaxy from afar was impressive as well.




This is an 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 13, 2014

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

Using JoC to learn the basics of the Java class hierarchy:

 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 6, 2014

Class 10 Final: monocular depth cues

Example 1: Occlusion.

In this screenshot from Meshmoon Rocket, we see two different 3d car models. The red version is clearly in front of the green one and from the camera's perspective. If I were to move further to the right in this frame, the green more would be further revealed. This motion would show the parallax element of 3d motion graphics. 

Example 2: Size Differences.

In this shot, there are three visible stoplights. The closet light pole is the largest in the screenshot as far as # of pixels comprising it is concerned. The background posts are not only shorter, but also significantly thinner. This is the 3d graphic 's way to show that the post facing me is closer than the other ones in the intersection. 

Example 3: Shading.

The tree in this screenshot shows how 3d graphics takes advantage of shading differences a on different parts of an object. There is not a ton of detail in the bush shape at the top of the tree, and this can be shown by the fact that one can easily point out the differences in color along clear lines in the tree. Each polygon created here however is colored in with a different shade of green. The one at the highest point of the tree is the brightest shade of green, as it is closest to the light source.. In this case that is the the virtual sun.


Example 4: Linear Perspective.

As referenced by Prof. Walsh in his text, this element of 3d graphics is taken straight from the Renaissance. 3D point perspective with a vanishing point in which numerous lines head towards is shown in this example. The lines from the curb and sidewalk are where this vanishing point can most clearly be seen. 


Example 5: Texture Density.

In this screenshot, the property of texture density in 3d graphics shown quite clearly. From straight on, these yellow light on this sign are equidistant apart from each other. When I look at them from an angle however (as in the case of this screenshot) they seem to cascade together. The closest light is not only biggest, but it has the most space between it and the next light. the rest have just a fraction of space next to them. 


Example 6: Atmospheric Perspective.

In this example from Meshmoon we can see that the bricks closest to the right of the frame and not only bigger and closer to the virtual camera, but more clear than than the rest as well. The bricks further out and fuzzier and begin to fad together as the texture density of them increases. This is a way a computer can save power, as it only needs to render out what the character is close to, and not necessarily everything at once, it also emulate near-sighted vision in humans.


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

Class 9, Second life







The graphics are significantly better than in meshmoon rocket, which was interesting seeing as the file was much smaller. 

This is an  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, October 30, 2014

CLASS 9: M 3D ROCKET IN MESHMOON


Starting with square shaped objects to get the basic outline done.



tapering off the size of the cubes:

'

Added a cube to the top and a rounded off bottom to complete my rocket:


This is an  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

CLASS 9: CUSTOMIZING MY AVATAR

My original avatar:

I like this person's style as someone who could represent me online in an immersive environment, but I think it's a girl(?)


This guy is still a bit too edgy for me:


 the other's either aren't human or are female so I went back to "Jack." The semi naked version is weird, the hip-hop one doesn't fit me and the superman one doesn't either. I think I'm sticking with where I was at before:


This is an  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, October 16, 2014

Class 7 Assignment 2 (5 parts)

B. Stroke: 


final: stroke.png




C. Paste into

Copied george washington then pasted into mouth:


also pasted another image into his ear:




D. Transparency


adding an image over the original and lowering its opacity:


The opacity control in detail:


Final opacity.png:



E.   Text


creating more text layers:


adjusting opacity and rotation:


final export text.png



F. Scale

original:

bringing up the size change dialogue:



choosing my dimensions: 


final: size2.png



exercises 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  

All MIDTERMS

Midterms completed with links to each:

My blog: http://ryanreede.blogspot.com
1. http://ryanreede.blogspot.com/2014/09/midterm-1-red-eye.html
2. http://ryanreede.blogspot.com/2014/09/midterm-2-cat-w-text.html
3. http://ryanreede.blogspot.com/2014/09/midterm-3-multiple-image-formats.html
4. http://ryanreede.blogspot.com/2014/09/midterm-4-meshmoon-sefie.html
5. http://ryanreede.blogspot.com/2014/10/midterm-5-interlacing-files.html
6. http://ryanreede.blogspot.com/2014/10/midterm-6-layers-with.html
7. http://ryanreede.blogspot.com/2014/10/midterm-7.html
8. http://ryanreede.blogspot.com/2014/10/midterm-8.html
10: http://ryanreede.blogspot.com/2014/10/midterm-10.html

midterm exercises 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  

MIDTERM #9


Working w/ vectors in Word:

Following along w/ the youtube video:


Adding all three types of bitmap graphics:





Link to Final Vector version .docx file: https://www.dropbox.com/s/kjkmkolj6pogq3c/MIDTERM9.docx?dl=0

This is an  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