Tutorials
Learn how to use The Render Engine from the ground up. Everything from creating your first render context, to drawing on it, loading sounds, and more is available (or will be soon) below.
Tutorial 1 - Introducing The Render Engine
Create your first "game" and initialize a rendering context. This will get you familiar with the structure of engine objects. A great starting place for those new to the engine
Tutorial 2 - Simple Object with Animation
Learn how to create a simple object within the engine and add it to your rendering context. Render a simple blue square to the screen and move it around.
Tutorial 3 - Interacting With the Player
Add a keyboard input component to the "game" from Tutorial 2 to move the square around the playfield with user input.
Tutorial 4 - Resource Loaders and the Sound Engine
Add a little sound to a game and get familiar with resource loaders at the same time. Resource loaders allow your game to get additional files, of a particular type, from the server all while a game is running.
Tutorial 5 - Rendering Text
The Render Engine currently supports three types of text renderers. Since not all browsers support all of the features of the Canvas context, there are two additional renderers besides the native one: Vector and Bitmap text renderers.
Tutorial 6 - Drawing with Lines
In this tutorial, we'll create an object from a set of lines and use some simple animation to change the look of the player on the fly. Using the Vector2DComponent, we'll show you how simple it is to draw using this component.
View Tutorial 6 - Coming Soon!
Tutorial 7 - When Worlds Collide
Your game won't be much fun if there isn't a challenge to the player. That type of challenge usually comes from something to avoid hitting, or being hit by. We'll show you how to set up a collision model, react to potential collisions, and determine if your game objects are actually colliding.
View Tutorial 7 - Coming Soon!
Advanced Tutorial - The HostComponent Component
Render some text to the Canvas Context with the vector text renderer, and learn about a special component which allows you to adjust the center of rotation. See how to use the HostComponent to build up a complex object with multiple moving parts.