Class #17

No links today since I want to show you some of your fellow student's first assignment. I'm thrilled that they are so varied and distinct and I'm also thrilled that so many of you solved your own technical problems or pushed yourselves beyond what you had learned in class.

I'll show you some stuff from Amber, Asta, Ellen, Judith, Kyla, Neil, Stephanie and Nguyet. They all did strong work that I think we can talk about a bit. The full selection of files are on the server in the OCTOBER_ASSIGNMENT folder. Check out what everyone else did when you have time.

Finally, Madeliene, for her project, did a nice hack of the Royal Society of intertubes that I found to be generous and great to look at too - http://23ac.appspot.com/ She added the radial buttons at the top with theme options, One of them being the original hacker's work, the other being her own pacman hack and of course the classic version.

When Paul shows you how to post these on the university servers, I'll link to some of the other pieces on this site.

Also, Madeliene pointed out that image bucket can do batch uploads, so you might want to get an account there so that we can post some of the earlier projects that you did.

For today, I want you to look at the addendum to class 16 post and do a bit of navigation scripting in your flash movies. I want you to have that as an option for your other projects this term.

I'll go into more detail on navigation options, but I wanted to get some scripting on line so that you could copy and paste, since I got tired of looking for curly brackets in the right places etc. etc.

We probably won't have time to go into video uploading today, but use your work time to download an flv, convert it to an avi and start playing with it, we aren't using final cut pro here but there are a lot of things we can do to video with the tools we have. (alternatively, you can output a flash file to avi or quicktime as well) Play around with it.

Finally, some of you did halloween pages and here is a good one from Olia Lialina and Dragan Espenschied: http://www.igac.org/container/midnight/

Addendum to Class #16 (because you make me crazy some days)

Before we all got sidetracked turning Flash button objects into musical instruments I was starting to explain some simple flash navigation to you. (AS1, this will be meaningless soon, but you can use it for your remaining projects if you prefer Flash to HTML)

So here were the steps: (think of this as an exciting opportunity to work with a vintage version of flash and impress your friends with your new knowledge of arcane scripting methods)

1) make a button object in flash by drawing on the stage and converting the shape to a button (F8 key).

2)open up the button from the library and create a roll-over state, a down state and a hit area, (change graphics, add an animation, add sounds in the over and down frames)

3) CREATE A NEW LAYER ON YOR TIMELINE AND CALL IT 'ACTIONS' This is the only place on the stage where you will write any scripts.

4) Select your button and in the properties window give it an instance name: button1, button1 is a nice name don't you think? Then save your file with the new instance name. (this version has a bug where sometimes the instance name doesn't save properly, it is fixed in subsequent versions) (a hell of a lot changes in subsequent versions)

5) SELECT THE EMPTY LAYER THAT YOU NAMED 'ACTIONS'. press F9 to see the actions window and then copy the following code:

button1.onPress = function(){
trace("pressed");
}
button1.onRelease = function(){
trace("released");
}
stop();

If you did it right, you will see two messages: "pressed" and "released" when you test the movie. if it doesn't work, repeat the above steps again, at least 5 times before you ask me for help.

Now change the onRelease handler to read:

button1.onRelease = function(){
trace("onReleased");
play();
}

Now create another key frame in your timeline right next to your first frame with the button (F6). make a key frame in the actions layer as well and then write stop(); in the actions window of that key frame.

Make another button that looks different than the first one. Give it a different instance name. Me, I like button2.

In the new key frame in the actions panel where you currently should only see stop(); add this script:

button2.onPress = function(){
trace("onPress");
play();
}
stop();

there are all sorts of variations on this simple navigation script that I can go through with you

OK, now make a new movie, make a round shape and convert it to a button, add your fun sounds and graphics to it, give it the instance name button1, in the properties panel.

Select the button on the stage and press F8 and convert it into a movieclip

When you open the movie clip you'll see the button you made nested in there.

Create an actions layer, hit F9 and write the following:

clip1.button1.onRelease = function(){
trace("released");
_root.moveMe();
}

moveMe = function(){
clip1._x+=100;
trace("at move me");
}
stop();

You have now started to make a game of tiddlywinks. Write your first invoice NOW. (charge them one third of the job quote)

OK, sure its out of date action script, but your client won't know. However, the tech lead will fire your ass. (so I'd advise you to get that third of the quote up front before you even start) (of course you are totally screwed if I am the tech lead on the project)

Class #16

I love the youTube coloured frame scripts.

More youTube art pieces: http://iheartphotograph.blogspot.com/2008/10/video-youtube.html

More stuff with video: http://www.julienlevesque.net/loop.html

Onwards to some misc. links:

John Michael Boling (these are gorgeous) - http://jmboling.blogspot.com/2006/10/whatgivesgif.html, http://jmboling.blogspot.com/2006/06/pause.html http://jmboling.blogspot.com/2006/06/used-to-think.html

http://www.sittes.net/beautiful/ from http://www.sittes.net/menu/

Nice tumblr collection http://psflannery.tumblr.com/

some flash: http://www.stickfigureninja.com/display.php?galtype=3&page=1&picID=1, http://www.stringtheories.org/harp.swf

--Comments on the recent assignments (grades and comments will be sent to you by email by Thursday)

Right now, open up Flash and we will make some movieClips, buttons and some basic scripts for a more interactive Flash piece. We will be exporting these as swf's. If you have a flash animation file handy, open it, do a save as and we will add buttons.

Next class we are going to remix/mashup youTube videos and upload them, so in preparation for it I want you to select a very short youTube that you want to work with and download it to your system using the steps we learned in class #5:

1) got to http://www.ripzor.com/youtuberipper.html and enter the URL of the video you selected.

2) Remember that what we go was an flv and we want an avi, (If the original downloaded file does not have an extension .flv, add it.) so now go to http://www.ripzor.com/flvconverter.html to download an FLV converter. We want to change this youtube flash video to an .avi file that we can dick around with.

3) Open the converter software, and select your file and select .avi in output options. Save the new file to your desktop. Now you should have an avi that you can open and edit in windows video editor or any editing software.

4) Load Camtasia and start editing, remember you can export frames to easyGIF animator, paint on them and re-import them.

5) from here we are going to upload our finished product to youTube, so get your account for youTube before Thursday.

http://jmboling.blogspot.com/2007/01/woe-this-weight.html

Class #15

Daniel's_emoticons

Class #14

skelwalk

http://www.clubinternet.org/

http://iamchriscollins.com/falsssssssssssssssssse/strt.html (source)
http://iamchriscollins.com/and/so/I/touched/the/hand/of/god/ Transcendently goofy, so I love it.
http://iamchriscollins.com/scrollytest/UntitledFrameset-6.html

http://www.gooooooooooooooooooooooooooooooooooooooooooooooooooooogle.com/bongodrums.html

http://alaplantine.livejournal.com/?skip=20

http://www.digitalmediatree.com/tommoody/?35503

http://out-4-pizza.livejournal.com/

http://lal-blog.blogspot.com/2008/10/no-no-no-or-my-hair-is-getting-so-long.html

http://lal-blog.blogspot.com/2008/10/ballet1gif.html

Work period today. I'll help with any tech stuff you aren't sure of.

catsun2

Think about how you use your white-space (backgrounds).

voroni

older posts...