You prepared the graphics but haven't integrated the graphics into the game yet. Put the static graphics into the game first.
- [Instructor] Hi there, welcome back to the video.…In the last video we generated platforms,…enemies, and coins based on some variables.…In this video we further enhance the code…by setting various widths for the platforms.…Specifically we define a method in the platform class…to clip it's graphic into a mask,…so that we can control the display width of the graphic.…We also update the bangs of our collision detection to work,…then we introduce a new variable to generate platforms…with various widths.…
Let's get started.…Open the Game-ES6.JS file in Code editor.…We want to allow various widths on the platform graphic.…Since it's pixel art styles,…scale the graphic will create blurry image.…We want to use mask to clip the graphic…into shorter platform graphic.…In the platform class we define a new function.…Set clipping width…with a parameter width…as the target width value.…
Inside the function we use mask to clip it.…The graphic is located inside the graphic.instance.…The mask is a created JS shape,…with the coordinates same as the platform graphic.…
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 the Count Game
2. Creating the Core Game Logic
3. Polishing the Count Game
4. Planning the Rush Game
5. Moving the Character
6. Collision Detection
7. Building Levels
8. Polishing the Rush 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.