Showing posts with label Interactive Design. Show all posts
Showing posts with label Interactive Design. Show all posts

Tuesday, April 16, 2013

Finals Progress Post

Tumblr has ruined my frequency of posting on here...


      Since i got a tumblr I have stopped really posting on here, which i regret. I am still posting regularly on my tumblr though. I decided since finals are coming up that I'd do a progress post of everything I've been working on.


For my computer animation class we are wrapping up our character models with textures and final render processes.

Skin Texture

Self Model

In my motion graphics class it is a lot of reworking of projects, but we have to do a promotional poster for our pieces done in class.

Motion Graphics Poster


In my interactive design class I am making a portfolio site and in the site there is going to be a walk cycle of my self character.

Walk Cycle Vector 1
Walk cycle sketch
      So I have about 3 more weeks to go to finish everything, so back to the grim. ENJOY!

Don't forget to check out my new behance account.

Thanks for reading,
      MELANIE S MESCHER



Tuesday, February 12, 2013

Frickle Puzzel -coding-

Frickle Pickle...



     So real quick here is a 450 line of code project I had to do for Interactive Design. I used a picture of my cat and "cut" it into 16 different pieces. Then I created 16 squares and positioned them on top of the big picture of Frickle. When a "puzzle piece" is dragged on top of it's respective square both disappears and it gives this illusion of the piece "snapping" into place. This took a big headache to finish, but it is done and turned out pretty cool!



Thanks for reading,
     MELANIE S MESCHER

Sunday, January 27, 2013

Interactive Design -Assignment 2-

Rain, rain go away...

    This week for interactive design we had to code a complex animating scene. I decided to do a raining scene, since it was raining tonight. When you move your mouse around the screen the little umbrella follows it while it is rotating slowly in the "wind".

Here is a screen shot
     It is a very simple code, but it took forever to figure out all the bugs I had with it. But it is pretty adorable. Enjoy!

Thanks for reading,
    MELANIE S MESCHER

Wednesday, January 23, 2013

Interactive Design -Assignment 1-

Basic shape design...


     For my Interactive Design class our first assignment was to create a simple design with shapes. We could also add small animations if we wanted. I did add some animation, but I don't know how to show the code on blogger.


     In this design, the stars rotate and the checkered behind the oval rotates the other direction. It took a long time to get everything positioned just right. Also to actually code everything took a little while. Here is an example of the coding of the animation.
function onFrame(event) {
star1.rotate(3);
star2.rotate(-1);
star3.rotate(2);
star4.rotate(3);
star5.rotate(-1);
star6.rotate(2);
star7.rotate(3);
star8.rotate(-1);
star9.rotate(2);
star10.rotate(3);
star11.rotate(-1);
star12.rotate(2);
checker.rotate(-1);
}
Thanks for reading,
    MELANIE S MESCHER