GithubHelp home page GithubHelp logo

madmarcel / js13k-boilerplate-platformer Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ooflorent/js13k-boilerplate

5.0 2.0 3.0 265 KB

JS13KGames Boilerplate - simple platformer - Super Dragon Rescue

JavaScript 99.50% HTML 0.50%

js13k-boilerplate-platformer's Introduction

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

js13k-boilerplate-platformer's People

Contributors

krzychukula avatar ooflorent avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.