The game is not challenging enough with only platforms. You can put some obstacles on the platforms to force the hero to jump over them.
- [Narrator] Hi there, welcome back to the video.…In the last video, we implemented logic…to check if the Hero is standing on any platform.…In this video, we extend the GameObject…to define moving logic.…We will begin by extending the GameObject with moving logic.…Then, we'll make the Hero to use the MovableGameObject.…We will also focus the Hero at the center…of the game screen whilst it is moving.…Let's begin at the game+es6.js file in the project.…
We create a new class named MovableGameObject.…It extends GameObject class.…In the constructor, we take two parameters.…The first one is graphic,…which follows the GameObject's constructor.…The second one is a World reference,…which we will need to access…the other GameObjects in the World.…That's because the moving GameObject…will interact with other GameObject.…We call this super with the graphic reference.…Then, we use this.world to store the World reference.…
We also define a velocity object,…which contains both x and y velocity.…For testing purpose, we give them value one.…
Author
Makzan Hin
Released
6/9/2017Note: 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
Duration
Views
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.
-
1. Planning Your First Game
-
Planning your game3m 51s
-
Setting up HTML and JS3m 45s
-
-
2. Creating the Core Game Logic
-
Adding click input events2m 35s
-
Adding the game logic5m 5s
-
Adding the game over logic2m 42s
-
Restarting the game3m 4s
-
3. Adding Graphics to Your Game
-
Preparing your graphics10m 29s
-
Preloading graphics4m 22s
-
Adding custom web fonts4m 46s
-
-
4. Planning Your Second Game
-
Planning the rush game4m 7s
-
Creating a platform class1m 50s
-
-
5. Game Objects and Collisions
-
Moving the character3m 54s
-
Applying gravity to the hero4m 22s
-
Making the hero run2m 39s
-
Making the hero jump4m 7s
-
-
6. Character Movement and Input Handling
-
Collision detection3m 44s
-
-
7. Adding Graphics and Animations
-
Building levels6m 8s
-
-
8. Polishing Your Final Game
-
Creating a main menu scene7m 48s
-
Creating a game over scene4m 20s
-
Displaying scores3m 30s
-
Displaying a scoreboard4m 20s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press 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.
Share this video
Embed this video
Video: Creating movable game objects