tmlib.js を使ってみよう

enchant.jsが人気ですが、「tmlib.js」もなかなか良いと聞いたのでちょっと調べてみました。ライセンスは MIT License です。

Starter Packというのがあるので、これを使ってみます。2013-06-13時点での最新版は「https://github.com/phi1618/tmlib.js/blob/develop/starter-0.1.6.zip?raw=true」のようです。これをダウンロードします。

$ mkdir -p $HOME/workspace/tmlib.js
$ unzip $HOME/Downloads/starter-0.1.6.zip -d $HOME/workspace/tmlib.js/

Webブラウザで file:///home/user001/workspace/tmlib.js/starter/index.html のファイルを開きます(ここではユーザのホームディレクトリが/home/user001としています)。マウスを動かすと、星の絵がついてくるという単純なアプリです。ファイルの内容は下記のとおり。

<!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="lib/tmlib.js"></script>
        <script src="http://dat-gui.googlecode.com/git/build/dat.gui.js"></script>
        <script src="https://raw.github.com/mrdoob/stats.js/master/src/Stats.js"></script>
        <script src="main.js"></script>
    </head>
    <body>
        <canvas id="world" width="640" height="480"></canvas>
    </body>
</html>

メインの処理は「file:///home/user001/workspace/tmlib.js/starter/main.js」にあり、結構短いプログラムになります。lib/tmlib.jsだけでなく、Stats.jsも必要で、これは「https://raw.github.com/mrdoob/stats.js/master/src/Stats.js」にあります。main.js, Stats.jsに相当するものを自作してプログラムを作っていくことになります。

コードを入手したい場合はgit cloneをします。

$ git clone https://github.com/phi1618/tmlib.js.git

0.1.6のZIPが欲しい場合は「https://github.com/phi1618/tmlib.js/archive/0.1.6.zip」からダウンロードします。

同じタグの記事: JavaScript
同じカテゴリの記事: Program
関連書籍: JavaScript