View current page
...more recent posts

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

Class #12

Dumpster.gif from: http://meineigenheim.org/dumpster/

Possibly the best thing on the planet this month: http://www.flickr.com/explore/panda via http://www.artfagcity.com/

A few links from John Michael Boling posting on Rhizome:

http://ramsaystirling.com/Root/Work,
http://youfellasleepwatchingadvd.com/

http://www.beigerecords.com/cory/index.html (are you all so young that I have to explain how cheesy this is?)

http://www.epiclylaterd.com/contents.html (simple, and the photos are great, i don't know why this works so well, but it does)

http://www.ljudmila.org/~vuk/ascii/film/

http://parisfacial.ytmnd.com/

http://www.livegif.ru/archive/dance/15_3.html (the awesome Olia Lialina again)

http://hippygifteconomy.blogspot.com/

A feast of GIFS: http://www.ilxor.com/ILX/ThreadSelectedControllerServlet?action=showall&boardid=60&threadid=2955

-I think by now you've all twigged to the idea that different tools and different enviroments will change the form your art will take.

-you are learning multiple tools because otherwise every large software developer wants you to just learn their line of programs.
-and buy the upgrades. (I am currently in upgrade hell for my programming work) We are in a bit of a quandary here as some tools really do become obsolete, meaning they don't run properly on newer platforms.
- or the delivery medium becomes irrellevent to a large number of people (when was the last time you looked at art on a CD-Rom? If you ever exhibit in a public gallery and they offer to make you an interactive CD (woot woot booya) instead of a printed catalogue, tell them to piss off, no one will look at it. They're just trying to save money.)
-even the big fat expensive packages have major flaws for a variety of interesting reasons (market competition, customer feedback, management, planning,)
b/t/w expert systems don't replace experts, they just demand a different sort of expertise. (back in '95, my programming guru wondered if programmers were in the same position as mechanics at the turn of the 20th century)

YouTube has added some custom features in their embed code, only 6 colour choices but we know how to get more: http://www.december.com/html/spec/colorhslhex6.html

So just append to the end of the URL string in the embed code: rel=0&color1=3F1452&color2=4D1938&border=1

A short Flash lesson, in colour mixing because I am tired of seeing those damn default gradients. (make your own rainbows worthy of the awesome image barfing flickr Panda that I linked to at the top).

older posts...