canvas2djs
Version:
HTML5 canvas based game engine
72 lines (62 loc) • 1.52 kB
HTML
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Demo</title>
<script src="/dist/canvas2d.js"></script>
<style>
html,
body {
width: 100%;
height: 100%;
}
body {
overflow: hidden;
}
* {
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<!--<div style="width: calc(50%);height: calc(50%); overflow:hidden;position:relative;">-->
<canvas style='background:#000'></canvas>
<!--</div>-->
<script src="main.js"></script>
<!--<script>
var stage = new canvas2d.Stage(
document.querySelector('canvas'),
960,
640,
canvas2d.ScaleMode.SHOW_ALL,
true,
canvas2d.Orientation.LANDSCAPE
);
stage.touchEnabled = true;
stage.start();
var ball = new canvas2d.Sprite({
alignX: canvas2d.AlignType.CENTER,
alignY: canvas2d.AlignType.CENTER,
radius: 50,
bgColor: 0xf00,
onClick(e) {
console.log('click ball', e)
}
});
var box = new canvas2d.Sprite({
y: 60,
x: 60,
width: 100,
height: 100,
bgColor: 0xf00,
onClick(e) {
console.log('click box', e)
}
});
stage.addChild(box);
stage.addChild(ball);
</script>-->
</body>
</html>