<html><head><metahttp-equiv="content-type"content="text/html; charset=UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/><title>Game</title></head><body><canvasid="canvas"></canvas><scripttype="text/javascript"src="js/arctic.js"></script><scripttype="text/javascript"src="js/game.js"></script></body></html>
varGameMain=arc.Class.create(arc.Game,{initialize:function(params){console.log(params.hp);},//This method is called in every frameupdate:function(){}});window.addEventListener('DOMContentLoaded',function(e){//Pass the width and height of your game and id of the canvas elementvarsystem=newarc.System(320,416,'canvas');//The second parameter will be passed as a parameter of initialize method in the game classsystem.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 automaticallysystem.load(['a.png','b.png']);},false);