Programming games Cannonball due. Drawing & printing example. Acquiring video or sound Homework: Catch up: complete projects (rps, Bo, cb). Start video.

Slides:



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

2.02F Publishing Animated Videos 2.02 Develop Computer Animations.
1 Introduction to Computer Science بسم الله الرحمن الرحيم MULTIMEDIA LEVEL -9 King Khalid University Kingdom of Saudi Arabia Ministry of Higher Education.
Using Windows Live Movie Maker DO NOT USE WINDOWS MOVIE MAKER 2.6!!!
 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.
SM5312 week 11: Flash Objects in HTML1 Flash Objects in HTML Nick Foxall.
Motion Graphic Design Week 7. Motion Graphic Design :: Week 8 :: Calendar.
Find your video on youtube e.g. Place the work ‘kick’ in the url.
Flash Video Flash ActionScript 3.0 Introduction to Thomas Lövgren, Flash developer
6-1 OBJ Copyright 2003, Paradigm Publishing Inc. Animating Using Symbols and Masks and Publishing Flash Movies Macromedia Flash Design & Application.
Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.
Chapter 9 Introduction to ActionScript 3.0. Chapter 9 Lessons 1.Understand ActionScript Work with instances of movie clip symbols 3.Use code snippets.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Programming games Flash drawing trick(s). Rock paper scissors. Classwork: Complete rock paper scissors.
Chapter 15 Video. Importing Video Into Flash Once you import video into Flash MX 2004, you can control it using behaviors and very basic ActionScript,
Presented by Chad Kafka This Month’s Topic: Wikispaces Advanced Today’s session is an introduction to what a WIKI is and how they can be used in education.
BUILDING RICH MEDIA ELEMENTS. Design Decisions Based on Design Specification  Following the design specification will ensure that the application is.
IV.Creating & Editing a Video/Movie. Editing Techniques To open a project On the File menu, click Open Project. In the File name box, locate the saved.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Button library Create a button Learn.
Tutorial 5 Making a Document Interactive. XP Objectives Explore the different button states Add a button from the Buttons library Edit a button instance.
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.
2.02G Publishing Animated Videos 2.02 Develop Computer Animations.
Adobe Flash CS5.5. What is Adobe Flash? formerly Macromedia Flash Is software is a powerful authoring environment for creating animation and multimedia.
Interface & navigation (How to build a simple presentation interface) Flash ActionScript Introduction to Thomas Lövgren
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® INTRODUCTION TO FLASH ANIMATION.
® Copyright 2010 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO ADOBE FLASH PROFESSIONAL CS5.
Learning the features. *Right Click Collections. *Choose Create New Collection *Name the Project.
Copyright © 2003 Pearson Education, Inc. Chapter 5 – Slide 1 by Michael Kay The Web Wizard’s Guide to Flash.
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Our Examples Video Capture Working With Interactive Video Objects Buttons symbols – are areas on the monitor that a sensitive to user actions such.
Programming games Flash drawing trick(s). Past due: Your completion of rock-paper-scissors) Classwork: Bouncing ball: read tutorial. Start coding.
Programming games Reflection Bouncing things, Memory Server-side: Survey. ActionScript 2 examples. Homework: Finish Video or Audio. Post proposal for your.
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.
Adobe Flash CS5 Introduction. What is Flash? Flash is a multimedia platform used to add animation, video, and interactivity to Web sites. It is often.
Creating Buttons – Lesson 71 Creating Buttons Lesson 7.
Programming games Registration experiment. Drawing. Equations of motion. Odds and ends. First phase of cannonball due. Preview video, audio. Homework:
CSC 361/661 Digital Media Spring 2010 Professor Burg.
Programming Games Preview Video & Audio. Work on cannonball. Homework: finish cannonball!
Chapter 16 Video. Importing Video Into Flash  Once you import video into Flash, you can control it using behaviors and very basic ActionScript, target.
Introduction to Flash Animation CS 318. Topics Introduction to Flash and animation The Flash development environment Creating Flash animations  Layers.
5-1 OBJ Copyright 2003, Paradigm Publishing Inc. Adding Sound, Video, and Basic Interactivity with Buttons Macromedia Flash Design & Application.
Adobe Flash CS3 Chapter 1 Spring Adobe Flash Adobe Flash is a development tool that allows you to create compelling interactive experiences, often.
INTRODUCTION TO FLASH CS5 Understanding the Workspace (Review: Animation Key Terms)
Quick Introduction to creating Eyeblaster ads.  Steps for creating an Eyeblaster ad  Building Eyeblaster compatible flash assets  Adding Eyeblaster.
Glogster: Create Virtual Posters Created by Russell Smith, Technology Facilitator, North Edgecombe High School.
Programming games Problems. Schedule Various examples. Homework: rps, bo (don't go back to do this), cannonball, Video or Audio should be complete. Now.
WORKING WITH SOUND & VIDEO CHAPTER 7 PART I. USING SOUNDS Mp3 & WAV files Drag the sound files from the Library panel onto Stage at different points along.
IMovie 10 Overview. Importing Files from a Video Camera into iMovie 1.Plug the camera into a wall outlet using the power supply. (Some cameras will not.
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 Show your rock-paper-scissors. Demonstrate bouncing ball. Demonstrate and examine Bo the dog. Homework: Modify Bo to make your own.
Appendix A Becoming an Adobe Certified Associate.
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.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
© 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.
Getting Started with Flash Chapter 1 Understand the Flash workspace Lesson 1.
CS 200 Multimedia Objects in Web Pages. MultiMedia Objects Three primary types of multimedia objects  Audio  Video Includes Flash Objects  Images.
CDM105 Session 12 Macromedia FLASH MX 2004 Part 5 : Sounds, publishing your movies, and the ‘Get URL’ action.
Download & Convert Videos 1.How to Download Videos from YouTube & other Web sites; and 2.Convert them to WMV format so can be edited in Windows Movie Maker.
 When preparing a lesson, create a new folder  Put ALL materials related to the lesson into the folder  Include all video clips, audio clips, documents,
Creating a Flash Web Site
Using Video, and Flash Components, and Printing Flash Content
3.02 Publishing Animations
2.02G Publishing Animated Videos
2.02F Publishing Animated Videos
INTRODUCTION TO ADOBE FLASH CS4
Programming games Classes and objects (used for Jigsaw, Bouncing stuff, other projects) Homework: Complete cannonball. Video or Audio. Your own project.
Programming games Demonstrate cannonball
Presentation transcript:

Programming games Cannonball due. Drawing & printing example. Acquiring video or sound Homework: Catch up: complete projects (rps, Bo, cb). Start video or audio. Plan your project.

Cannonball extension You may consider adding sound to cannonball for your sound/video project. Can use –coding or –sound in frame

Flash terms Create.fla and.as files using Flash development environment. This is development time. Runtime (aka execution time) –Test program using the development environment. This does create a.swf file. –Publish creates.html file and.swf file

Development time Bring instances of movie clip symbols in Library to the Stage. –Give instance names –ActionScript refers to instances by name Can File/Print –May not do what you want… –I copy and paste code into Word or Dreamweaver

Drawing & printing Adding content, namely a movie clip symbol to Stage at runtime –Various calculations –Use Properties of symbol (right mouse click) to set up: Export for ActionScript Print during runtime –Can set up to print several pages. My example just prints one page.

Demonstrate Drawing example Note: this is a ‘stub’ for a bigger application.

Features Create wall symbol. Change settings to Export for ActionScript. Set up handling for mouse click on board. –One handler for 1 st click and another for 2 nd click –Use ev.localX and ev.localY to get coordinates. –Use Math.atan2(…) and Point.distance(…) Use PrintJob

Making your own video for Flash playback Shoot video Upload to computer [Edit] Produce.flv Create Flash movie and test Publish Flash movie –Upload.html,.swf, and all the.flv files to the server

Initial steps Shoot (?) video Upload to computer

Producing.flv Just like images, there are different encodings for videos. –wmv, mov, avi, dv, …. Adobe Flash CS4 Media Encoder will accept many different types and produce an.flv file (an.flv version of the same video clip) –Can set quality settings Tradeoff: size (space on server, loading time) versus quality

Start queue Creating the.flv file takes a while…. You can do more than one encoding at a time. –The name of each file is the same name, with filetype.flv Use the pre-set settings OR get into more detail –Higher quality means larger files

Acquire video Find website with video (or audio) go to –Enter URL of site –Check off agree to terms, filter (movies or audio) –click on get files –be patient –choose from list.

Sound Two (at least) methods for incorporating sound into Flash All coding: create Sound objects, set source of sound, play. Can manipulate volume, pan, etc. using Soundchannel. Also, register and handle events, including when sound has been loaded. Frame: associate [start of] sound with frame.

Acquire sound Many types of sound. For coding method, need mp3 Find on-line sound editors. Need to know location (URL) of sound file(s).

Coding method import flash.media.Sound; import flash.net.URLRequest; var urlname:String = "missle.mp3"; var requestsf:URLRequest = new URLRequest(urlname); var msound:Sound = new Sound(requestsf); // at appropriate place in the code msound.play(); This file is located in the same folder on my computer. It doesn't have to be.

Frame method File/Import/Import to Library –Select sound file(s). Click on appropriate frame in timeline In property panel, select Sound [file]. –You can select a set effect and/or edit the sound.

Cautions In either method, need to be aware that sound lasts certain amount of time. Be careful about starting sound again and again (unless that is what you want)

Examine source Sound added to frame –Bo the barking dog –consider for collapsing/exploding target Code –Play sound as event handler for button click –Play random choice of tune from [short] list. Note: pause, pan, volume features. These require other objects.

Homework Decide on video or audio –Create or acquire video clip(s) –Create or acquire audio clips. Can use Common Library / sounds. –Keep in mind: this is a short assignment. –You can incorporate sound or video into your final project. Think about what you want to do for your project –Check with me AND make proposal to blog.