Skip to content

t-na/Arctic.js

This branch is up to date with Arcticjs/Arctic.js:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

c70134d · Nov 26, 2014

History

64 Commits
Jan 1, 2014
Dec 30, 2013
Jan 6, 2014
Jan 6, 2014
Dec 30, 2013
Jan 1, 2014
Dec 30, 2013
Dec 30, 2013
Jan 1, 2014
Nov 26, 2014
Jan 24, 2012
Jan 24, 2012
Jan 24, 2012
Mar 27, 2012
Dec 30, 2013

Repository files navigation

Arctic.js

Canvas Framework for smartphone

DOWNLOAD

GETTING STARTED

  1. Download Arctic.js

  2. Load Arctic.js

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>Game</title>
</head>
<body>
    <canvas id="canvas"></canvas>
    <script type="text/javascript" src="js/arctic.js"></script>
    <script type="text/javascript" src="js/game.js"></script>
</body>
</html>
  1. Create a game class in your JavaScript file
var GameMain = arc.Class.create(arc.Game, {
    initialize:function(params){
        console.log(params.hp);
    },
    //This method is called in every frame
    update:function(){

    }
});
  1. Use the game class
window.addEventListener('DOMContentLoaded', function(e){
    //Pass the width and height of your game and id of the canvas element
    var system = new arc.System(320, 416, 'canvas');

    //The second parameter will be passed as a parameter of initialize method in the game class
    system.setGameClass(GameMain, {hp:100, mp:100});

    system.addEventListener(arc.Event.PROGRESS, function(e){
        console.log(e.loaded + ", " + e.total);
    });

    system.addEventListener(arc.Event.COMPLETE, function(){
        console.log('loaded');
    });

    //After finishing its loading, an instance of the game class will be created automatically
    system.load(['a.png', 'b.png']);
}, false);

LICENSE

  • MIT License

About

HTML5 game framework

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 97.8%
  • CSS 1.3%
  • Other 0.9%