• Getting started
  • How Crafty works
  • Download and setup
• Entities and components
  • Providing structure
  • Example game
• Events
  • communication
  • Example game
• Top-down game: Bananabomber
  • Create a game
  • Sprites and animations
  • Movement, controls, events
• Administrative
  • Structure
• Resources
  • Resources list
• Flexpi integration
  • Introduction
  • Custom data logging
  • Login user with social
  • Sell premium items in game
  • Add badge for user

What we need

Welcome to the Crafty tutorial section. This is very much a work in progress. You can find already written chapters to the left. Please help out by forking

The proposed way to structure the tutorials is to explain only one topic in each chapter. If other (perhaps more advanced) parts of Crafty are required to aid in examples and text, a reference should be given to a chapter explaining the topic in detail, and a simple explanation can be given in place.

The bananabomber chapter was written by sorenbs a while ago. I have updated it and ported it to markdown to provide a starting point and quick syntax reference.

Getting started

• How Crafty Works
• Download and Setup

Entities & Components

• What and Why
• Simple Game

Events

• What and Why
• Simple Game

Collision

• What and Why
• Simple Game

Input

• Mouse
• Keyboard
• Simple Game

Animation

• Sprite Animation
• Tween

Viewport

• What and Why
• Simple Game

Development Techniques

• Editors
• Debugging
• Testing On Mobile
• CoffeeScript

Mobile

Modules

Flexpi integration

• introduction
• installation
• custom data logging
• login user with social or browserid
• sell premium items in game
• add badge for user

Old Tutorial Site

The old tutorial page is available at http://craftyjs.com/tutorials.php

Please keep in mind that a lot has happened in the last year and as such code presented in old articles are of little use. If you need help and are not using the latest version pf Crafty the first thing we will help you with is to update :-)