Join Joseph Labrecque for an in-depth discussion in this video Collectibles movement, part of HTML5 Canvas and WebGL in Flash Professional CC.
- View Offline
- We are generating a set of Collectibles,…and providing them with a bit of variation.…Yet, the Instances themselves exhibit no behavior.…We will now utilize the create js tick.…The internal heartbeat of any Flash Professional application…targeting HTML5 Canvas to enable movement…and object recycling.…So let's open up our Actions panel.…And scroll to the top.…Because there's a number of new variables…we're going to want to set here.…The first one is speedmin.…And we'll set that equal to 6.…
The next one is speedmax.…And that'll be set to 22.…We'll also create a variable…to keep track of our tick start.…So var tickstart.…And this will start off as 0.…So speedmin and speedmax are both going to be used…to randomize the speed at which our Collectibles fall.…Whereas tickstart is going to be used later on,…in terms of keeping track of how much time has gone by…since we started playing the game.…
So to actually use the ticker,…we just need to go and say…createjs.Ticker.on…and the event we want to listen for.…So in this case, the even is "tick".…
This course focuses on using Flash Professional CC to create a shared pool of content for a set of related projects: an HTML5 video, an interactive ad, and a simple web-based game. Author Joseph Labrecque shows how to use Flash's familiar toolset to build and manage assets that fit into a modern web publishing workflow.
- Using code snippets and actions
- Assembling and animating a scene for video
- Rendering the video
- Programming a game in HTML5 Canvas