[訂正]LimeJS Hello World
![はてなブックマーク - [訂正]LimeJS Hello World](http://b.hatena.ne.jp/entry/image/http://reinit.info/blog/archive/2012/01/04/relimejs-hello-world/ "はてなブックマーク - [訂正]LimeJS Hello World")
先日、LimeJS Hello World | reinit_creative logという記事を書いたのですが、なんか最後のビルドでうまくいかなかったので、僕の環境でうまく行った方法を書いていきます。
1.ダウンロード
↓↓こちらからダウンロード。
LimeJS HTML5 Game Framework
ダウンロード先が二種類あるけど「Download as ZIP package」ではなく、「Download from GitHub」を選択します。
ターミナルを起動して、limejsファイルをダウンロードする場所に移動します。
※以下のコマンドを叩くと、デスクトップに移動します。
cd /Users/各Macのユーザーネーム/Desktop
以下のコマンドを叩くと、LimeJSがダウンロードされます。
※gitがインストールされている必要があります。
git clone git://github.com/digitalfruit/limejs.git
2.インストール
ターミナルで、ダウンロードしたLimeJSのディレクトリに移動します。
※デスクトップにダウンロードした場合は、以下のコマンドでlimejsに移動します。
cd /Users/各Macのユーザーネーム/Desktop/limejs
以下のPythonのコマンドを叩きます。
※Pythonのインストールは省きます。(Macは、最初からインストールされています)
python bin/lime.py init
するとこんな感じでインストールが始まります。
3.プロジェクト作成
helloworldというプロジェクトを作成します。
この作業もターミナルで行います。以下のコマンドを叩くと、limejs/helloworld内に自動的に必要最低限使用するファイルが生成されます。
python bin/lime.py create helloworld
4.HelloWorldする
以下のファイルをブラウザで実行するとサンプルが実行されます。
※ローカルサーバーは起動させる必要はありません。
limejs/helloworld/helloworld.html5.ビルドする
以下のコマンドを叩くと、プロジェクト内で使用しているJSを一つのファイル(下記の例だとcompile.js)にまとめてくれます。
python bin/lime.py build helloworld -o helloworld/bin/compile.js
下記のように任意のhtmlにcompile.jsのパスを通したら終了です。
<!DOCTYPE HTML> <html> <head> <title>helloworld</title> <script type="text/javascript" src="compile.js"></script> </head> <body onload="helloworld.start()"></body> </html>
最後に各ソフトのバージョン
・Mac OS X 10.6.8
・Python 2.6.1
・git 1.7.7.3
余談
Windows環境でも試しました。
WindowsもMacのやり方とほぼ同じやり方で行けました。
※コマンドラインからgitコマンドでLimeJSをダウンロードするとうまく行けました。
