Wednesday, July 31, 2013

Final #4: High Resolution Avatar

This is a picture of my body in MakeHuman.  I made the body a female by moving the bar all the way to the left.

This is an image of the side of my face, as it is zoomed in.

This is a picture of my body after I have added hair and started to create an outfit for myself.  As you can see, the control panels are on the left.

This is an image of my body after the outfit is complete.  I chose the blue dress as my outfit.

The last image is a wire version of my body.  I can change the angle in which I see my body. 

These are screenshots of my body in MakeHuman. It is a final exercise for 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

Tuesday, July 30, 2013

Final #2: Six Monocular Depth Cues

This image demonstrates monocular depth cues, which are visual hints about the depth and location of objects that can be recognized with only one eye.  This shows size differences, which can be seen by looking at the soccer balls that are circled.  Objects that are further away from us seem to be smaller than objects that are closer, when really they are the exact same size.  In this image, the soccer ball far away looks smaller than the one that is closer.  This picture was taken in Rocket World. 

This image demonstrates occlusion, which is when objects that are closer to us can block objects that are further away.  In this image, my avatar is blocking the door.  Obviously the door is larger than the avatar in the picture.  We can tell the avatars relative positioning because she stands in front of the door.  The avatar is occluding the door in this picture, which shows us that she is in front of the door.  This picture was taken in Rocket World. 
This image demonstrates lighting and shading.  This is when light strikes an object that has depth, the surface of the object that is hit directly by the light appears to be the brightest.  I chose the hot air balloons in Rocket World because it seems like their is a shadow on them from the sun that might be beaming off of them.  If you look to the left side of the balloons, there are shadows.  These light sources are often used to calculate shadows for objects. 
This is an example of texture density found in Rocket World. Textures seem to be become more dense the further away they are, which is the result of objects appearing smaller at greater distances.  I used these rocks as an example because the bigger one is closer than farther away. I can see more texture on the rock closer to me than the rock further away. I can see a ton of details on the closer rock, while the rock that is further away is not as detailed.  

This is an example of linear perspective in Rocket World. Lines that are parallel to our line of sign, such as railroad tracks, seem to narrow as they get longer and farther away.  I added blocks to resemble a railroad track, as it seems like they are growing more narrow as they go further down. 
This is an example of atmospheric perspectives.  This states that objects that are closer to us generally appear very sharp and detailed, opposed to objects that are further away that seem quite blurry.  I used these 2 chairs to demonstrate this.  The closer one seems to have sharp and rough, clear edges, which the further one seems blurry and as if it is missing details.  

This is a series of screenshots that demonstrate 6 Monocular Depth Cue, which are used to create the illusion of 3D in a virtual world.  It is a final exercie from the Immersive Education course that I am taking at Boston College.  This course is called Discovering Computer Graphics.  For details, visit the immersive BC portal at http://ImmersiveEducation.org/@/bc








7/30 Game Board


Class 9, Assignment #1




I created this bookcase headboard within Cloud Party, using 10 different pre-made materials.  I wanted the blocks to be red to symbolize brick.

Class 9: WebGL

WebGL is a part of the canvas HTML element that is able to show a 3D graphics into a web browser without using plug-ins.  It is within all web standards of any browser, which uses physics image processing and effects as a part of the web page canvas.  WebGL is based on OpenGL ES 2.0 and can provide  the user with an API for 3D images.  The main purpose of WebGL is to run next to the user with its heavy rendering operations done by the users computer GPU.  Eventually, it could be used to develop embedded monitor and control systems for many different applications and purposes.

Thursday, July 25, 2013

Rocket




This is the rocket I built in Cloud Party.  I made this by using the block tool and putting them all together in order to create the rocket shape.  I added red blocks at the bottom to look like fire.

Class 9, Assignment 1






Tuesday, July 23, 2013

Final #1: Flash/Powerbullet .swf Files

I combined assignments 1-3 for the last assignment.  I was able to create different pages, each with a different animation on it.  The first page was my name, the second was a circle, and the third was an image.

To view this animation, click the following: https://wfs.bc.edu/ceglarsc/assignment4.swf?ticket=t_zGIuJwKV

Final #1: Flash/Powerbullet .swf Files

This is a Flash file that animates an image.  I used a similar technique for this assignment, but I used an image instead.

To view this animation, click the following: https://wfs.bc.edu/ceglarsc/assignment%203.swf?ticket=t_eVfgDi2Y

Final #1: Flash/Powerbullet .swf Files

This is a  Flash file that animates an object.  This assignment was very similar to the first one, although I used a circle instead of my name.

To view the animation, click the following: https://wfs.bc.edu/ceglarsc/fred.swf?ticket=t_zjxoUhYu

Final #1: Flash/Powerbullet .swf Files


This is a screenshot of a flash file that animates my name using text.  I wrote my name using the text tool then added the animation onto it.

To view the animation, click the following: https://wfs.bc.edu/ceglarsc/ocean.swf?ticket=t_mgceD3tg

Thursday, July 18, 2013

Scale



Text


Transparency


Paste Into


Stroke


Midterm 4

This is a picture of me in Cloud Party that was taken by one of my classmates.  I followed the example and used layers to make this image. It is a midterm 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

Midterm 8

These are two pictures of myself that I was able to edit using GIMPshop.  The one on the left is the original picture, while the one on the right is "touched up." I eliminated blemishes, smile marks, and red-eye by using the smudge tool. It is a midterm 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

Midterm 7



This is a picture of Kate Hudson with logos as eyes, as well as three different rows of text on a black background at the bottom. It is a midterm exercise from the Immersive Education course that I am taking at Boston College.  It is called Discovering Computer Graphics.  For details, visit the immersive BC portal at http://ImmersiveEducation.org/@/bc

Tuesday, July 16, 2013

Class 6, Assignment 1 (Part 3)

For this assignment, I tried to convert my image from part 2 into Susan B Anthony coin.  I struggled with this because of the layers and had to redo it several times.  I had a tough time using the lasso tool and getting rid of items I did not want, such as the date on my last coin (as I had to change it to 1999).  After removing what I did not want, I was able to add the new details that I did want.

Class 4, Assignment 4


Class 6, Assignment 1 (Part 2)

This is a picture of a silver dollar that I made using GIMP. This was a bit more channelling for me because I am not as comfortable with GIMP as I am with MS Word.  I used the text tool to add in "Liberty" and the date, then used the "scribble" tool to attempt drawing the face.

Class 6, Assignment 1 (Part 1)

In this assignment, I practiced making a vector drawing of a silver dollar.  This was done in MS Word.  I used a gradient in order to make the coin look semi real, as well as the text tool. I added the starts by using the "Stars and Banners" toolbar, which allowed me to add a star and then copy and paste them where I wanted.

Midterm 10

This is a screenshot of midterm 10, which demonstrates how to create such images using MS word.  It is a midterm 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 5, Assignment 1


Sunday, July 14, 2013

Midterm 9

This is a course diagram that I made using vector graphics in MS Word.  It is a midterm 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

Texture Mapped Objects VS. Flat Shaded Objects

This image illustrates the difference between texture mapped objects (image #2) and flat shaded/colored objects (image #1).  Although both images appear to be an image of a 3D tank, they are very different.  Image #2 is simply a texture mapped object that uses color on its surface to create texture.  Image #1 is only able to display shadowing, which makes it look less realistic.