『JavaScript をより使いやすく, より便利に, そしてより豊かに』を
コンセプトに制作した JavaScript ライブラリです.
簡単にゲームを作ったりリッチなwebページを作ることができます. 公式ページはこちら.
Usage - Examples - Documentation - Download
ドキュメントはこちら
使い方は tmlib.js を読み込むだけです. これだけで全ての機能を使う事ができます.
<script src="tmlib.js"></script>
読み込み後は下記のような形で使用します.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<title>Starter Pack | tmlib.js</title>
<link rel="apple-touch-icon-precomposed" href="icon.png" />
<script src="http://rawgithub.com/phi-jp/tmlib.js/0.2.0/build/tmlib.js"></script>
<script>
// メイン処理(ページ読み込み後に実行される)
tm.main(function() {
// アプリケーション作成
var app = tm.display.CanvasApp("#world");
app.resizeWindow(); // 画面サイズに合わせる
app.fitWindow(); // リサイズ対応
app.background = "rgba(0, 0, 0, 1)"; // 背景色をセット
// 星スプライト
var star = tm.display.Shape(64, 64);
star.canvas.setColorStyle("white", "yellow").fillStar(32, 32, 32, 5);
app.currentScene.addChild(star); // シーンに追加
// 更新
app.currentScene.update = function(app) {
// マウス位置 or タッチ位置に移動
star.x = app.pointing.x;
star.y = app.pointing.y;
// クリック or タッチ中は回転させる
if (app.pointing.getPointing() == true) { star.rotation += 15; }
};
// 実行
app.run();
});
</script>
</head>
<body>
<canvas id="world"></canvas>
</body>
</html>
使用例です. 随時追加していきます.
また, 「こんなん作ってみた」とかあれば教えて下さい.
MIT License
対応ブラウザの一覧です.
IE なんて知りません.
当プロジェクトで使用させていただいている画像・音楽はこちらの皆様からお借りしております.
tmlib.js に関する最新の情報やチュートリアルなどはこちらのブログで紹介していきます.