HotJS

What is HotJS?

HotJS is a web game/app framework, mainly for mobile, but also works on PC.

Using javascript & HTML5 Canvas.

Target OS: Android / iOS / WP

Target browser: Chrome / Safari / Firefox / Opera / IE.

Features

Pure Object-oriented;
Architecture: App -> Canvas View -> Scene -> [ Layer ] -> Node
Math vector/matrix calculation.
Sprite / animat / particle system.
Resource preload and dynamic loading.
Physics collision engine.
Mouse/multi-touch event and gesture.
I18N multi-language handling.
Network/social API.
Unit test with QUnit, and performance benchmark utility.
UI add-ons.
AI: gomoku, path finding, etc.

Demos

Gomoku (with smart AI)

Snooker (swipe the screen to shoot ball)

Physics Gravity (try dragging and throwing balls)

Physics Collision (click #1, #2, #3 button)

Benchmark (click start / stop button)

Color Show Board (swip the screen, or drag/drop balls)

Sprite

Animate (frame rate: 25)

Example Code

var viewX = (new hotjs.View())
		.setContainer('mainView')
		.setSize(w,h)
		.showFPS(false);
		
var room = (new hotjs.Physics.Scene())
		.setSize(w, h)
		.setColor("blue")
		.showGrid(false)
		.setBgImage(false, resources.get('img/room.jpg'))
		.showImg(true)
		.setMeter(300)
		.setRestitution( 0.4 )
		.setDraggable(true)
		.setMoveable(true)
		.addTo( viewX );
		
var ball = (new hotjs.Physics.Ball())
		.setImage(resources.get('img/baloon.png'))
		.setSize(r*0.75,r)
		.setDensity(hotjs.Physics.Constant.AIR_DENSITY * 0.7)
		.setRestitution( 0.6 )
		.setThrowable(true)
		.setPos(x + b.size[0]/2, room.height()/2)
		.setVelocity(0,0)
		.setAccel(0,0)
		.addTo( room );