Canvas drawing is stateless. Use the EaselJS library to draw something with managed states.
- [Instructor] Hello there, welcome back to the HTML 5…Game Development course.…In the last video, we connected the canvas with…Create JS Library.…In this video, we'll prepare the graphics.…A slight disclaimer,…we use Adobe animate to draw the graphics.…Adobe has renamed the Flash into Adobe Animate.…It's to better reflect the functionality of the application.…That's to create web animation.…
Note: This course was created by Packt Publishing. We are pleased to host this training in our library.
- Planning your first game
- Setting up your file structure
- Setting up HTML and JS
- Drawing basic shapes with EaselJS
- Implementing your first game object
- Creating the core game logic
- Adding graphics to your game
- Planning your second game
- Handling obstacle and hero collisions
- Making the hero run and jump
- Adding graphics and animations
- Polishing your final game
Skill Level Beginner
Q: Should the exercise files be run from a server or locally?
A: Please run the exercise files from a server as directed. The files will not work properly if run locally.
iOS Game Development with Swift 3 and SpriteKitwith Todd Perkins2h 52m Intermediate
1. Planning Your First Game
2. Creating the Core Game Logic
3. Adding Graphics to Your Game
4. Planning Your Second Game
Planning the rush game4m 7s
5. Game Objects and Collisions
6. Character Movement and Input Handling
7. Adding Graphics and Animations
8. Polishing Your Final Game
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.