Programming games Reflection Bouncing things, Memory Server-side: Survey. ActionScript 2 examples. Homework: Finish Video or Audio. Post proposal for your.

Slides:



Advertisements
Similar presentations
Tutorial 7 Planning and Creating a Flash Web Site.
Advertisements

Thomas Lövgren, Flash developer
 2004 Prentice Hall, Inc. All rights reserved. Chapter 18 – Macromedia Flash MX 2004: Building an Interactive Game Outline 18.1 Introduction 18.2 Object-Oriented.
1 Flash Actionscript Event Handling. 2 Event Handling Right now we know all about variables lets go back to our text input/output example: Suppose we.
1 Flash Actionscript Animation. 2 Introduction to Sprites We will now look at implementing Sprites in Flash. We should know enough after this to create.
1 Flash Actionscript Adding Interactive Actions. 2 ActionScript 3.0 ActionScript is the language you use to add interactivity to Flash applications, whether.
1 Flash Programming Introduction Script Assist. 2 Course Description This course concentrates on the teaching of Actionscript, the programming language.
BoardMaker Ver 6 Creating Interactive Activities for the Classroom.
© 2011 Delmar, Cengage Learning Chapter 8 Building Complex Animations.
GAME:IT Junior Bouncing Ball Objectives: Create Sprites Create Sounds Create Objects Create Room Program simple game.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
Created in 2011 at Liberty High School. Getting Started Overview on Magnet Tool – Graphics – Text – Image – Video – Sound – Wall A Sample Glog How to.
Programming Games Computer science big ideas. Computer Science jargon. Show virtual dog Homework: [Catch up: dice game, credit card or other form.] Plan.
Programming games Flash drawing trick(s). Rock paper scissors. Classwork: Complete rock paper scissors.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
Exercise : Animated Navigation Structure in Flash 1.Develop Answers to “What did you learn in ITI program?” “What do you have to offer?” “What are your.
Programming Games Basic HTML5 audio example. Catch-up. Work on basic video. Homework: Complete basic video.
Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.
© 2011 Delmar, Cengage Learning Chapter 9 Introduction to ActionScript 3.0.
Programming games Another sound example General review Homework: [finish project], look over study guide.
Understanding Web Sites. What is a Web Site A collection of Web pages which you can view on the Internet Contains text, graphics, sound, and video to.
Interface & navigation (How to build a simple presentation interface) Flash ActionScript Introduction to Thomas Lövgren
TUTORIAL. Windows Movie Maker Tools  Tasks pane  Menu bar  Contents pane  Storyboard/ Timeline  Preview monitor.
Programming Games Show your simple video. More video examples. Audio. Classwork/Homework: Produce more complex video program.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Getting a handle on ActionScript A basic primer for non-programmers.
AD 305 Electronic Visualization I : School of Art and Design : University of Illinois at Chicago : Spring 2007 Intro to Action Script 2 "The games of a.
Supplementary Materials on Web Authoring. Insert Anchors & Add Hyperlinks Insert other multimedia elements: Flash animations Video clips & Audio clips.
Programming games Flash drawing trick(s). Past due: Your completion of rock-paper-scissors) Classwork: Bouncing ball: read tutorial. Start coding.
Enhancing a Video/Movie. I.Narrate the Timeline To narrate the timeline Add any video clips, pictures, titles, or credits that you want to display in.
Programming games Show your version of Bo the dog. Start cannonball Preview: video, audio work session (cannonball) Homework: Cannonball with ball in a.
Tutorial 7 Planning and Creating a Flash Web Site.
More Tips on Flash CSC361/661 Digital Media Spring 2007 Burg.
Programming games Registration experiment. Drawing. Equations of motion. Odds and ends. First phase of cannonball due. Preview video, audio. Homework:
Flash Flash. It’s components and usage. New generation of web- design  Definition Multimedia technology developed by Macromedia to allow much interactivity.
Programming Games Preview Video & Audio. Work on cannonball. Homework: finish cannonball!
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO ADOBE FLASH CS3.
Creating Databases applications for the Web Basic HTML review, forms Preview: Server side vs client side Flash HW: Review HTML forms and FLASH examples.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
Programming Games Reprise on drawing on canvas. Jargon (concepts): objects. Demonstrate slingshot. Mouse events. Work on your cannonball. Homework: Finish.
Saving Work to Your School Server Click through this presentation at your own speed. Use it as a review or a guide while saving a project.
5-1 OBJ Copyright 2003, Paradigm Publishing Inc. Adding Sound, Video, and Basic Interactivity with Buttons Macromedia Flash Design & Application.
Visual Basic Games: Week 4 Recap Parallel structures Initialization Prepare for Memory Scoring Shuffling Homework: when ready, move on to next game/chapter.
ActionScript 3 Using Sound Related Classes by Martin Stanhope The University of Bolton.
No movie would be complete without opening titles, captions and closing credits. In the Title Step, you can create animated text titles or choose from.
Programming games Problems. Schedule Various examples. Homework: rps, bo (don't go back to do this), cannonball, Video or Audio should be complete. Now.
Programming Behavioral Experiments in Flash Session 2 of 3 Building Your First Flash Experiment January 30, 2009 – Jeff Galak (NYU)
© 2011 Delmar, Cengage Learning Chapter 10 Using ActionScript to Enhance User Experience.
XP Tutorial 7 Creating a Flash Web Site. XP New Perspectives on Macromedia Flash 82 Objectives Plan and create a Flash Web site Create a Flash template.
Programming games Cannonball due. Drawing & printing example. Acquiring video or sound Homework: Catch up: complete projects (rps, Bo, cb). Start video.
Programming Games Show your rock-paper-scissors. Demonstrate bouncing ball. Demonstrate and examine Bo the dog. Homework: Modify Bo to make your own.
CompSci Introduction to Jam’s Video Game Package.
Flash Develop Rich Internet Content and Applications –Design motion graphics or build data-driven applications Flash Document = “.fla” filename extension.
Programming games Flash concepts. Coin toss. Filezilla: upload your project(s) Homework: Enjoy Spring Break.
Video in Macromedia Flash (Optional) – Lesson 121 Video in Macromedia Flash (Optional) Lesson 12.
© 2011 Delmar, Cengage Learning Chapter 11 Adding Sound and Video.
Programming Games Reprise: radio buttons. Creating instances at runtime. Buttons. Present your sound or video. Final project assignment. Homework: [Catch.
Debugging tools in Flash CIS 126. Debugging Flash provides several tools for testing ActionScript in your SWF files. –The Debugger, lets you find errors.
PHP Form Processing * referenced from
AMCA Training Contents Module selection Navigation Assignments (Online) Assignments (Upload a file) Forums (online discussions) Wikis Reveals Watching.
 Movieclip symbols are reusable pieces of flash animation  consisting usually of one or more graphic/button symbols  thus they are flash movies within.
Game Maker Tutorials Introduction Clickball IntroductionClickball Where is it? Shooting Where is it?Shooting.
 Motion Tween allow us to move a shape on the stage from one place to another.  In order to use motion tween, the shape to be moved must be converted.
Creating a Flash Web Site
Programming games Classes and objects (used for Jigsaw, Bouncing stuff, other projects) Homework: Complete cannonball. Video or Audio. Your own project.
Develop Rich Internet Content and Applications
Programming games Demonstrate cannonball
Catchup. Work on project.
Programming Games Reprise on drawing on canvas. Jargon (concepts): objects. Demonstrate slingshot. Mouse events. Work on animation project. Homework: Finish.
Exercise : Animated Navigation Structure in Animate (= Flash)
Presentation transcript:

Programming games Reflection Bouncing things, Memory Server-side: Survey. ActionScript 2 examples. Homework: Finish Video or Audio. Post proposal for your game.

Sound volume and pan SoundTransform object –property of SoundChannel object that is assigned playing of a Sound object. Demonstrate NOTE: what is done here in functions that respond to button events could be done anywhere!

Reflection Check out if you can think about the applications and summarize what you/your code does (events, instances on Stage,etc.) coin flip: button (from Common Libraries), set up CLICK event, function uses Math.random(), makes only one of two movie clip instances visible rock-paper-scissors ? Bo ? cannonball ? video or audio ?

Demonstrate Bouncing things Memory Survey –Ballot showed previously saved data on client computer. This survey accumulates all 'votes' in one place: on the server Video clips in database

Bouncing Things.fla file has import morestuff.* The morestuff package is a folder that contains files for each of these classes: –Canvass –Stuff –Ball –Star –Rect Note: Star, Ball and Rect each are subClasses of Stuff

General idea Creating and moving stars, circles, rectangles around involves –Code in common –Code distinct for the 3 things (types of stuff…) How to do this? –ANSWER: Inheritance Ball, Star, Rect are each subclasses of the Stuff class

Common coding Creation –Getting information from the mouse actions to determine width, height, direction of motion –Choosing random color Movement –Setting up Timer for moving Checking on collision with walls

Distinct coding Details of creation Note: Star and Rect rotate random amount

Ball.as package morestuff{ import flash.geom.*; import flash.events.*; import flash.display.*; import flash.utils.*; public class Ball extends Stuff { //subclass has no properties public function Ball(size:int, pt1:Point, pt2:Point ) { this.width = size; this.height = size; super(size,pt1,pt2); }

Memory/Concentration memorygame.fla Memory package: contains Card class In.fla file, card (back of card) in Library, is linked to Card class

Memory/Concentration Requires a pause Use Timer object

Server-side Html files and swf files are downloaded from server to client (your) computer and executed How to store information that lasts? Answer: user server-side programs and files or databases AKA middleware Example: php Database: MySql

Presidential Survey Flash to php to file back to php back to Flash Uses URLRequest and URLLoader objects

ActionScript 2.0 examples Project for this course must be ActionScript 3.0!! But…you may get ideas from the old examples –Origami and/or instructions in general demonstrate –other ActionScript 2.0 had code in buttons and movieclips. Must change to code in frames with use of addEventListener. ActionScript 2.0 had Var name for text fields. Must change to instance name with use of result.text

Coding for advance button advbtn.addEventListener(MouseEvent.CLICK, advance); function advance(ev) { goToAndPlay(nextframe); } In the last frame of each animated sequence, reset nextframe variable to be the start of the next sequence: nextframe = "Turnover";

Jigsaw If you do this application, initial version has explicit check button. What needs to be changed to make checking automatic? remove check button Remove code addEventListener setting up event handling for the button DO NOT remove the checkit method Do add call to checkit to stopdragging method Also need to make a change to mixup. Didn't need this when checkit called from.fla file

Saving work Save often!!!! Also, need to coordinate saving –the.fla file and –publishing to produce.html and.swf file Flash does not do this for you!!!!!!

Location of files when creating packages In Publish/Settings, browse to identify folder CONTAINING the package folder This appears to need to be at top of drive The.fla file needs to be in the same drive –????

Publish/Settings Create a folder at top of drive as3 In Publish/Settings, browse to this folder –C:\as3 In as3, create a folder called jigsaw or whatever the package name is. In C:\as3\jigsaw –Put the file Piece.as –General case: put files for each class.

Class names The convention is that class names start with a capital letter Consistency is required –In ActionScript and in Publish/Settings In this (and other things) find and replace is your friend…

Notice in Jigsaw Piece(s) rotate around transformation point The transformation point is (should be) midway horizontally and vertically even if this is not on/in the piece

Homework Projects Past due –Complete your versions of rps, Bo –Complete first stage and rest of cannonball due next class: Video or Audio Due 2 weeks: Original project –(can be enhancement of sample projects. Need to change & add to programming.) –Can be jigsaw or bouncing stuff –Can be more elaborate video or audio project ???? –MAKE PROPOSAL to Flash proposal moodle forum.