JS13KGames Boilerplate - simple platformer - Super Dragon Rescue
JavaScript HTML
Switch branches/tags
Nothing to show
Clone or download
Pull request Compare This branch is 6 commits ahead, 5 commits behind ooflorent:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
resources
src
thirdparty
.editorconfig
.eslintrc
.gitignore
CHANGELOG.md
README.md
gulpfile.js
package.json

README.md

JS13KGames Boilerplate - simple platformer

Super Dragon Rescue

Help Dinky the Dragon rescue his friend Sir Knight from the Fire-breathing Princess!

A simple platformer with sloping floors, generously inspired by Super Mario Bros 2.

Five Levels + an endboss.

Use the arrow keys to move and jump. Z to pickup and throw crates and monsters.

Collect chillies for extra lives.

Live demo here:

platformer demo

Level editor

Credits:

Platformer code based on these articles by Loktar:

Creating a canvas platformer tutorial part one

Pixelart by Surt, find the original spritesheet + license details here:

Twin Dragons spritesheet

Installation

Clone the repository, and run this command to install the necessary npm modules

npm install

Features

  • Advanced build system using gulp.js
  • Bundle your game using browserify
  • Empower your CSS using LESS
  • Lint your JavaScript using ESLint
  • Minify assets
  • Compress as a ZIP archive
  • Serve your game during development (live reload)

Sound Effects

Included sound lib:

jsfxr

Make your sound effects here:

as3sfxr

(Right click on the center sliders and use copy and paste to copy sfx data into your code)

Gulp Instructions

gulp build		build the game
gulp clean		delete generated files
gulp dist       generate archive
gulp serve		launch development server
gulp watch		watch for file changes and rebuild automatically

In other words, run this in a terminal:

gulp build; gulp serve

and then in a second terminal, run:

gulp watch

Then open up localhost:3000 in your favourite browser and you're all set!

Any changes to code, css, images, etc will trigger an auto reload of your project in the browser.

When you are ready to submit your project, run

gulp dist --prod

and your final compressed minified project will be created in dist/js13k-dist.zip