Programming Games Preview Video & Audio. Work on cannonball. Homework: finish cannonball!

Video in Flash More than one way to incorporate video into Flash –bring in whole video that plays along with the frames. We will not use this way! For this class, we will use a FLVPlayback object Requires an import statement –This allows shorthand names for built-in parts of ActionScript Requires statement adding to Display list –Objects created in code (as opposed to put directly on the Stage) need to be added to the Display list to be shown.

Videos Different types of videos (like different types of images) Flash video playback requires videos of type.flv Can use Adobe Flash Media Encoder (part of the Adobe CS5 package) to take one type of video and produce an flv

Basic coding import fl.video.*; //get the builtin classes var flv:FLVPlayback; //set up variable flv = new FLVPlayback(); //give it a value flv.source= "dickey2.flv"; //set source attribute flv.x = 10; //position on screen horizontally flv.y = 10; // and vertically addChild(flv); // make visible by adding to // Display list

addChild Adds to the Display list. In my tutorials, you also will see canvass.addChild(stuff); This adds the newly created stuff object as a child of canvass. This will determine the positioning of stuff.

Skins These are the video clip controls. Appropriate when you want to give the player/user/customer more controls –You may choose NOT to give user control in certain cases Many choices USE HELP! Requires you to upload an.swf file to the server.

Files for your application Your application will consist of the following files. Say your application is called mywork.fla –mywork.html –mywork.swf –For each video: f1.flv, f2.flv, etc. The names f1, f2, need to be replaced by the names you gave the video. (Remember: no blanks!) –For each skin: the name of the skin file: xxxx.swf

Video examples Play back single video Play back choice of video (two ways) Bouncing Ball –Used mask to make the playback a circle Jigsaw puzzle turning into video –This can be your final project, not this 1 week assignment. ???

Video Use camera –Need to upload If not.flv, use Flash Media encoder to made an.flv Use (or other sites) to download video from YouTube –Note: I prefer you to use your own. If you use someone else's, you must make 'value-add' to the project.

Audio The name of the Flash object is Sound. The object for video is FLVPlayback. So I tend to say video and sound…. Two ways for including audio –associate with a frame See Bo the Barking Dog. –use code to get the sound file to set a Sound object to start and stop and….

Sample sound code import flash.media.Sound; import flash.net.URLRequest; var req:URLRequest=new URLRequest("missle.mp3"); var msound:Sound=new Sound(); msound.load(req); function playsound(event) { msound.play(); } playbtn.addEventListener(MouseEvent.CLICK,playsound); could be any URL

Reprise: Cannonball Mixture of computed and cel animation. Caution: angle –set in editable/input text field as text, –code calculates number representing degrees, and –code calculates number representing radians. Must test (and keep testing) ball missing target (in front and over…) and hitting target. Collisions –hitTestPoint: origin of ball versus occupied pixels of target. –Check of ball.y > (further down screen) of ground.y.

Collision detection alternatives a.hitTestObject(b) checks for intersection of bounding boxes around a and b. compose target of multiple distinct objects and do hitTestPoint versus each one. Can calculate points intersecting circles: is distance from point to center of circle less than radius.

distance function function distance(px,py,qx,qy) { var xd = px-qx; var yd = py-qy; var dsquared = xd*xd+yd*yd; return (Math.sqrt(dsquared)); }

Phases Doing projects in phases is the way to go… Any division of work is better than trying to do the whole thing before testing. …

Homework Complete cannonball. Start planning sound or video project.