Flash CAS 175

Luciana Alberto FInal

2009-12-09T22:44:00.000-08:00

This is my final Project. I made a website and programed using actionscript 3 in flash CS4. It was a lot of work and took a lot of research and time. The picture in the background was created with few tools such as bezier curves.

This was very complicated and very rewarding to do. I am far from the end result I want for my website, but I will continue it by the end of the year.

I have got lot's of buttons with many functionality and used animation, frames, simbols, shapes.

I merged in the end with dreamweaver and you can view what I have gotten so far in http://studiozula.com/ wich cannot be displayed yet in firefox, but you can use Internet Explorer and Safari.

**Update**

I noticed I forgot to mention I added a non loud crickets audio on the project. And Kinematics were added into the flash projects page.

http://sws.pcc.edu/student/CAS175_pdeangel_45513/lucianaalberto33/final/Final.swf

Final: Diabolical Smileys - (Lazarus)

2009-12-08T19:37:00.000-08:00

Well, the mother of them all was rough! lol - actually, it was pretty fun to do... but having to force yourself to incorporate all the tools is the hard part.

I managed though, and more or less have a coherent "ad" I guess. This project is called "diabolical smileys" and it's a basically a culmination of all the evil smileys I've made in this class. Essentially there are four smileys attacking the city...

Smiley A is a motion tween, falling straight from the sky into the city.

Smiley B is a morphing shape tween, morphing between a smiley and a square as he flies accross the screen.

Smiley C is a kinematic smiley with tentacles that crawls across the screen and roars.

Smiley D is an interactive, nuclear smiley - he sits there, and if it were live, he's a button. you hover the mouse over him and lighting bolts zap out of his head, if you click on him he glows green!

Once the smileys do their damage over the city, they move on.. then..

I used the pen tool to bring in some splattered lines that animate across, eventually using brazier curves into a big smiling evil mouth and eyes. Then the link for diabolical-smileys.com appears across the page... it's interactive, and brings you to this blog.

I did every thing required and more in the project, with a LOT of symbols, and free paint, fill, and just about everything thrown in. The only things not added were stop animation feature and a sound effect.

It was fun! Look forward to perfecting this trade!

- Laz

Project 4 (A bit Tardy) - Lazarus

2009-12-08T16:53:00.000-08:00

Well, missing the last day for action scripts was bad news... lol - I tried, and I kept getting errors. As this term has been hectic in a personal way, I did the best I could. I've got buttons on there, they are mostly coded right, but they don't actually start and stop the animations.

Overall, we're getting into the stuff I love - animation - and this is a great springboard into doing motion comics - which Im' trying to get into.

This project was fairly simple: I have a mechanical arm that's bouncing around (and eventually catches, though it squeezes out of it's grip) a red rubber ball. It was very fun to use the tools we've learned so far. Everything here is a symbol, obviously - but the arm is kinematics, and the ball is actually separate layer that I used motion tweening to do the animation with.

Anyway, it's very fun! Now I'm finishing my late Final Project, lol!

Brianna Barcus_ Final

2009-12-08T02:13:00.000-08:00

I made a document full of objects I might use. Including ornaments, the trees and stars. I created a sort of decorative flower, for the tree and the snowman using the pen tool.
I used mostly classic tweens for the ornaments and lights. One ornament was done using a Motion tween. And the star in the sky that grows a little was done using a Shape tween.
I used Inverse Kinematics to animate the snowman so he could wave I nearly forgot that I needed to use symbols to get it to work though. It's very interesting to watch what happens when you don't use symbols!
I added a sound to go with how the star moved to the top of the tree. It was slightly tricky since I couldn't figure out how to attach the sound to the movie clip for the longest time. And I had in my head that sound was supposed to be on a seperate layer from everything else.

I used a lot of symbols in my project. All of them were new. Ornaments, trees, stars, the moon were all symbols.

I created each button brand new. Two of them, one green, one red for stop and play.

Added a seperate text link that goes to a really awesome website everyone should bookmark!

I think the actionscript is the most challenging for me. I am such a visual person that writing each little bit of code and testing it out annoys me. And it's SO complex I know now why I'm a designer. I admire anyone who can memorize even a little bit of code.

This project was fun. I enjoyed putting all the different tweens in one project. (Classic is my favorite)

-- had some serious technical issues with the blog. Won't let me upload the video, I will try again later..... (again) (tried earlier and the same thing happened)

2009-12-07T22:40:00.000-08:00

Fullmer_Final
I’m struggling with IK and don’t know why the function doesn’t want to behave for me. The rest wasn’t too hard. The train and track is a movie clip while the shooting starts (w/ a motion guide) are all tweens/animations. I added a train sound for the audio clip. The moon turns the animation off. I enlarged a small star and turned it into a button that connects to an absolute URL. I added script rather than use a text link to maintain in integrity of the design.

I must be experiencing computer or connectivity issues or both. My .mov wont upload to this post, I'm getting an error that's telling me to technical support. I also had trouble with my moon disapearing although the button functionality was still working.....who knows what's going on here???? It's too late to try and figure this out.

I uploaded all my files to both my SWS final folder and the shared final folder.
Steph

Final - Christian Boneta

2009-12-07T22:21:00.000-08:00

I used motion tween on the thunder classic tween on almost everything else a shape tween on the stick-man - The Dragon is just IK armature did used 2 different gradients for the background reused some symbols like the rock but had to make a few new ones like the sword and the little dude going up classic tween on the clouds. Used 3 sound files one from a roaring lion another one from a thunderstorm and a ambient sound to give it a blizzard sound cause his high in the mountains. link URL and a restart button cause i could not find a tutorial to find the stop start scrips at all, they where all old version that dint work for action script 3

over all it was interesting. The challenging part was the scripting but that was my own fault for being sick that week and all the tutorials i found were old and out of date

Final Project Ginnie MacPherson

2009-12-07T22:05:00.000-08:00

Ok, let's see if this can be somewhat brief. Required elements: some motion tweens used are the barrel, brick wall and monster getting bigger within the beginning of the the movie. The fire in the barrel is a shape tween. The monster's hands moving back and forth by the fire is a classic tween. The tree moving (in the wind) is an armature.
The barrel and wall are drawn with primitive shapes, the monster and fire with bezier tool as drawing objects turned to symbols.(Avoid the merge shape is my mantra, maybe it will be useful at some point,)
The movie clip symbol is the oval at bottom left. I followed the book example, though I'm not sure how to code it to work, to be honest. There are a bunch of graphic symbols created for the motion tweens used. I did not get to make an audio clip as I ran out of time. I wanted to have a happy monster noise at the end . . . maybe will add it later. For the button requirement, I made the "stop" button with different states. I could not get the Actionscript to stop the movie, however. There were some errors stated by Flash in the code, but I lacked time to get that sorted out. Actionscript is still a bit of a mystery at this point. Got the "start"button to work in Assignment 4, but not a "stop" button yet. The url link was thankfully easy at the end of the project.

What worked well? Drawing the scene was fun and pretty easy. The buttons and Actionscript were challenging. Hopefully that will become easier in the future.

The almost final, Final

2009-12-07T21:03:00.000-08:00

Ok, well it didn't go exactly as planned.

Here is the link to take a look at: it sws.pcc.edu/student/CAS175_pdeangel_45513/nathandavis21/final/

What I did was made a shape tween to make it rain. I then did a motion tween to move the sun and the clouds. I did a classic tween to make the flower "grow". Finally, I did the kinematics tool to move the caterpillar, to eat the flower.

I then added some text as a symbol and used that symbol to have the "hooray" sound play.

As far as the button goes....it was SUPPOSED to take you to a link about the water cycle, and top the movie...but I was gone the week we went over it. It was my own hubris that made me think I could figure it out. Well two days later, and dozens of compiling errors, I still couldn't get it to work right. If anyone is reading this in the next....3 hours and wants to email me how to do it before the deadline, that would help. zombiefoxx@gmail.com

Darby Hasbrouck: Final Project

2009-12-07T20:29:00.000-08:00

I used PowerPoint to create my storyboard for this project and get an idea of what I wanted to do with the animations. I imported all of the forward facing houses from assets I had on file. I was able to resize them and lay them out in a row. I then grouped all of the houses together and converted them from to a symbol. I did all of this in a separate project then imported them into my final project via the library.

I used a lot of the drawing tools to create the truck. The truck, road and grass are a combination of merge & primitive shapes as well as objects. I’m much more comfortable using the pen tool now than I was in October. The window and the shape of the cab of the truck and tree were created with the pen tool. The truck and tree were also created on a separate project that I opened specifically to create these assets with out interfering with the other graphics in the project. I find it’s a lot easier for me to create these assets on their own project and then import them all into one file. These two items are the two symbols that are required. (The fla files for the truck/tree and houses are included so that you can see I actually did the work.) I used a classic tween to give the clouds a little motion. The effect of the buildings moving is my motion tween. I used the shape tween to create the effect of the sky getting darker.

Rather than simply adding a sound effect I wanted to add some background music. To do this I was told that all of the symbols in the file needed to be movie clips. I imported the sound file into library then created a layer solely for the track.

I created the buttons and changed the properties on each state of the button. I played with these buttons for 5 hours and I can’t get any of the action script to work. The stop won’t even work! I’m so disappointed because I know I’m going to have to take a hit on my points. Fingers crossed I do well on the final to make up for the 15 points I’ve missed on this project.

Brian Jepperson - Final Project

2009-12-07T19:43:00.002-08:00

Well here it is, my final project. Note that the video above doesn't show all of it, since it's interactive. Click on this link to see it in flash.

The snowman I made with some primitive circles, and the arms, hat, nose, and scarf I drew with the pen tool and filled it in, then made it into a symbol. The scarf used bezier curves. There are two tree symbols, but I duplicated them, scaled them, and flipped them to give some variety. For the snowy hill background, I painted it in three layers, ground, water, and snow on top. For the falling snow, I made a really big rectangle that is about twice the size of the stage, and then used the deco tool to spread snow flakes all over it. Then I animate that big rectangle downward.

For animation, the snowman's wave is obviously done with the bone tool, when the snowman slides I use a motion tween, and snow foreground uses a classic tween. The silly little CAS 175 sign in the upper right uses the 3-D tool to achieve the wierd spinning affect. If you look closely, the Merry Christmas text changes color. I actually have a gradient that reverses itself which gives the appearance of flashing. That was done with a shape tween.

I have three buttons. I tried to make them look website-ish. One starts and stops the animation. One takes you to a cool little Santa flash site, and the other makes the snowman slide down the hill. The start/stop and slide were achieved pretty simply making taking the control to various parts of the timeline. The only sound I used was one attached to the buttons. When you click the buttons, they make a slightly annoying little clicking sound.

What worked well? I like how the snow turned out, and I'm satisfied with the buttons. Challenging areas are always the artistic parts for me. I probably spent 3/4 of the time on this project just trying to make a decent looking snowscape (the hill and the trees). I'm still not totally satisfied with that (it's kind of amusing how the snowman is so HUGE relative to the trees, lol) but oh well.

Need some help

2009-12-07T19:43:00.001-08:00

Hey classmates,

So this is a little out of the ordinary, I am sure, but I need some quick help.

I am done with my project except the button to stop the animation and get the URL. I was gone that week of class and I CANNOT figure out how the heck to do it, even with with book.

Could someone send me a quick email with a link to a tutorial or something? I looked online for a whole day and everything seems to be old (macromedia flash 8). Any help would be appreciated. zombiefoxx@gmail.com is my email.

sorry for posting to blog, but I know people will be looking here today. thanks!

Elizabeth Wyman Final Project

2009-12-06T23:24:00.000-08:00

I used a variety of tools to create this project. I used Classic, Shape, Motion Tweens, and Inverse Kinematics to create animations. I also added sounds to my bird movie clip and my dog animation. I used text to link to this blog. I used a classic tween and armature to create the clock. I used a classic tween for the water drip. I used a motion tween for the bird movie clip and the bouncing ball. I created two buttons. One to stop the main timeline and one to continue playing it. Both buttons had 4 different states. The most challeging this was getting my clock hands to animate properly. They kept flipping the wrong direction. I also discovered my movie clip does not stop with the rest of the timeline when I use my buttons.

Final- Jeff Ashmore

2009-12-06T20:40:00.000-08:00

For my final project I first created the zip line using the bezier curve to get the bow in the line. Then I used the line tool to create the towers, and the pencil tool for the person on the zip line. Next I created the sound button with a rollover sound and when clicked on a different sound. Then came the star with a shape tween/ motion tween. Next was the armature circles that a animated, and finally the link button to the instructions for creating it. The part that I found the easiest was the url link, and the most difficult was the sound.

Project 4 Ginnie MacPherson

2009-12-06T14:52:00.000-08:00

Challenging project. First I tried to create an animation using the IK shape and also IK with symbols on the same armature. (Doesn't work). Then I attempted an IK shape using an octopus with several tentacles. That didn't work as the illustration was imported from Illustrator. Probably having and IK shape with several connecting "worm-like" shapes is not possible. Finally I decided to create a walking unicorn. (Well, it was going to be galloping, but that is a rather difficult sequence of leg movements to capture. Walking finally came together.)

Having symbols in the IK armature was sort of confusing. You have to turn your shapes into symbols before you can create an armature and "put it through it's paces". But if you discover that your symbols need editing when "putting through paces" reveals funky shape issues at the joints, you can't go back and smooth them out. Kind of a catch-22. How can you know before creating un-editable symbol armatures that you may want to edit them once they are movable? If that makes sense at all. You can see on the back of the unicorn's upper legs, sharp angles point out in some positions when he's walking. At any rate, overall it works pretty well so that was a success.

The .mov file's too big to upload. in fact Flash wouldn't create a .mov file. Probably because the file is too large in memory size. Darn, it would be fun to share it. Some people made links to theirs. Hmm, how does that work?

The buttons weren't hard to create, but the Actionscript was a challenge. My "begin" button finally works, but I couldn't figure out how to make the stop button work. Not too sure if having the "begin" button functioning is an Actionscript mouseEvent or not, or if it's just basic Action Script. I didn't figure out how to add a stop in the last frame to stop the animation, either.

Final--Peterson

2009-12-06T11:45:00.000-08:00

I never really had an idea of what to do for this project. I had a vague idea and a lot of it came together while I was doing it. That's why it might seem a bit weird. I started just giving a background to the picture using most of the animations required. Then to do the IK I drew each piece on seperate layers. I should have zoomed in more to draw it because if you zoom in you can see the ragged edges from drawing it small to begin with. The I set the body where I wanted it and pulled in a body piece far away from the main part and connected the bones and after they were connected I would move the body part to its proper position. I find it hard trying to create pieces that dont move out of their socket during animation.
The link is to a cultural site on Irelands Gaelic TV channel. The word means dream. I thought I'd choose it just cause the whole feeling of the movie is a bit wierd. The stars have two different animations shape and motion and the shine that moves across the blue circle is classic.
I took the sound from a Cure song and added it to the stars because it sort of has that sound to it.
The hardest for me was connecting the button and writing the correct code. Also finding some sort of inspiration to get the project done was kinda hard as I've been on holidays for the last two weeks in Ireland. Other than that, I enjoyed making the stars and even though struggling with IK animations, Im enjoying attempting that as well. Happy holidays to all!

Final - Vincent Phan

2009-12-05T23:42:00.000-08:00

I decided to tackle the IK first, since I thought that would take the longest. I created the arms and hands using the pen tool and bezier curve, the torso and legs with the rectangle tool, the feet with the pencil tool, and the head with oval and brush tool.

The ball layer has a combination of a classic tween and a shape tween. It starts off with the classic tween when its bouncing up and down. It then switches to a shape tween when it's just laying there on the floor, it is slowly inflating near the end. The ball is a graphic symbol.

The fly is moving around the room with a motion tween. I created the fly by zooming in to 800% and make a small black oval for the body and two smaller grey ovals to represent wings. This was then converted to a movie clip symbol.

The play and stop buttons in the top corner are button symbols that have 4 different states set to them. The red square stops the timeline when clicked on, and the green triangle resumes the timeline when clicked on. Also, there's a hyperlink on the bottom corner that opens Google in a new window.

Lastly, the sound. I took a .wav audio file of Austin Powers off of FreeAudioClips.com. Surprisingly, it fitted into the timeline just fine.

What gave me the most difficulty was the coding. When I created the document from scratch, I set the script to ActionScript 3.0, and so the whole time I was coding with Actionscript 2.0 while not thinking it was a big deal. Eventually, I set the document script to 2.0 and everything was working again.

Final Project - Jeffrey S

2009-12-03T19:28:00.000-08:00

Here's my final project. I created a few symbols on here. Lets start on the left side. The tree has a few layers. There is the tree trunk and branches. On another layer are the fall leaves which hide two other layers of falling leaves and a portion of the rope. I had the leaves fall from the tree using a classic tween, which I thought was really cool to do when you could make the leaves move side to side and flip them giving it a little depth. The tire swing was done with a little bit of armature having small sized rectangels attached to one another with the final piece being the tire swing.

The tractor that you will see which moves from right to left has a couple layers. I thought this was difficult because I needed the tractor's hull to move with the wheels and the wheels to go in the right direction. I needed to a bit of easing to make the wheels go in the right direction. I added dirt to the wheels so I know the wheels are going in the right direction.

The barn is a barn

Lastly, there are 3 buttons. The STOP sign stops the timeline of playback. The GO! button begins playback of the clip and also there is a sound effect to it when you click on it. The top button is a link to another site called the Oregon Farmers Market. I just picked this site because it just seemed to fit.

Anyway, I had a great term and this was full-filling to get some experience on FLASH, Thanks!!

Project 4 Elizabeth Wyman

2009-11-29T22:36:00.000-08:00

I enjoyed making my dancing monster although I never could get my stop button to work. I used all symbols to create my monster's armature. I just felt that they were easier to work with. I did use some shapes for the background grass however. I used a couple of different layers and armatures for my monster to be able to have greater range in movement. I had one armature for his head and ears, another for the arms, and another for the legs. I created the button using a modified shape and text that I turned into a symbol. I edited the button symbol so that it had four different states.

2009-11-29T18:29:00.000-08:00

I wish I had started on this earlier before the Thanksgiving weekend and it might have helped if I showed up for the last class.

But, this is what I have accomplished. Meet excercise man! You press the button and he will excercise his arms.

To complete this project, I made a few symbols using various different body parts. I linked each of the body parts together using the bone tool. The parent bone started at the chest and child bones moved out to various points of the arms.

Using the frames I moved the structure of the arms and placing restrictions when needed. Then I added a button. The hard part was figuring out the actionscript, but I ended up getting it. I included my name on the picture, because I wasn't sure if that was supposed to be the watermark portion?

Brianna Barcus - Project 4

2009-11-25T19:47:00.000-08:00

This project was a lot of fun. I probably did about four different prototypes of my dancing man. The constraints were really hard to control and figure out so I just decided to give him free reign. To view him please go here ~ link

I decided to have some fun with actionscripting and add not only a stop button but also a start button. Which was fun to do, especially when it worked!

As for the dancing man, he is made entirely out of symbols. After working with symbols so much I think they are so much simpler to use then individual shapes. Definitely makes things easier.

If at some point I could figure out how to make the constraints work better I think this would be even more fun to play with. Though making something do a split that would be impossible for a human to do is way fun too!!

Happy Thanksgiving all!

~Brianna

Fullmer Project 4

2009-11-25T16:35:00.001-08:00

I created an animated armature, the arm of the Tonka Truck, using Ik. I used the bone tool on each portion of the arm and the black rope. I converted the pieces to symbols and used a shape for the blue ball at the end of the rope. The button was created in the same color pallet as the Tonka Truck, click the button to animate the Tonka truck. The Button contains a mouseEvent and stop action. In order to publish the movie however I had to remove the stop action in the first frame....so...if you want to see how it really works please fo to the SWS and play the .swf file.

Jeff Ashmore-Project 4

2009-11-25T16:26:00.001-08:00

I created my project starting with drawing the arms and hands with the oval tool. Next I used the bone tool to connect all the symbols. Then I created all the frames for the movement, handshake, and wave. Next I created the button, and used this action code to control the animation.
stop();

function startMovie(event:MouseEvent):void
{
this.play();
}
playBtn.addEventListener(MouseEvent.CLICK, startMovie);

I tried to get the extra credit complete, but with all the different codes it wouldn't work for me.

Darby Hasbrouck: Project 4

2009-11-25T16:26:00.000-08:00

I wanted to create a clock for my armature. The only symbols I used in this movie were the clock hands and the button. The rest were simply objects or text for the numbers. I can’t seem to get my numbers to stay situated though for some reason but I wanted them to come in one at a time as the hand winds around. Obviously the bone tool was used to get the clock hand to rotate. And I cad to constrain the hour hand so that it would stay put. It took me a little while to figure out how to change the text on the button but I finally figured it out!! Adding the stop in the movie was fairly easy so that should do it for Project 4. Have a great Thanksgiving!

Pamela Peterson Project 4

2009-11-25T13:12:00.000-08:00

I only used symbols for this project and I used all of them because I only created a symbol for each part of the guy's body. I started with the head and each body part I added I immediately added a bone structure. I initially created the entire body but it proved difficult to add bones to the structure when there were so many other symbols in the way. I had problems too keeping the body joints together and as they moved they would appear to be unattached to the rest of the man. The button I wanted to attach an action to stop the man but when I did so it took away the end stop, so I deleted it and forgot about the extra credit option. I also found adjusting the constraints on the joints to be tricky and suspect its somewhat of an art to get it to work well. Happy Thanksgiving

Brian Jepperson - Project #4

2009-11-24T00:37:00.001-08:00

Well, this is my project.

The robot was created from several different symbols (head, torso, arm, forarm, wheel) attached by "bones".

It starts with a short animation and then it hits a "stop" in actionscript. At that point two buttons appear, and you can either raise or lower thee robots arm. This is achieved by handling the mouse click event and doing a gotoAndPlay to an appropriate place on the timeline.