LimeJS Hello World

2012.01.02  Category:Javascript

巷で流行っているLimeJSをHello Worldまでやってみたメモ。
Lime js

セットアップまでにターミナルとPythonを使用しないといけなくて、jQueryとかアニメーション系ライブラリに比べるとちょっと壁が高い。

1.ダウンロード

↓↓こちらからダウンロード。
LimeJS HTML5 Game Framework
ダウンロード先が二種類あるけど「Download as ZIP package」を選択。

2.インストール

ターミナル(winの場合はコマンドプロント)を立ち上げて、
cdコマンドで、先程ダウンロードしたLimeJSのディレクトリに移動します。

以下のPythonのコマンドを叩きます。
※Pythonのインストールは省きます。(Macは、最初からインストールされています)

python bin/lime.py init

するとこんな感じでインストールが始まります。
terminal

3.プロジェクト作成

helloworldというプロジェクトを作成します。
この作業もターミナルで行います。以下のコマンドを叩くと、自動的に必要最低限使用するファイルが生成されます。

python bin/lime.py create helloworld

4.HelloWorldする

ローカルサーバーを起動します。
helloworld/helloworld.htmlをブラウザで開くと以下のようなサンプルが表示されます。
※これはただの画像です。サンプルでは、オレンジのボールをドラッグできます。
limeJSサンプル

5.リリースビルドする

LimeJSは、Googleのclosureライブラリを使用しており、closureライブラリの機能で、複数のJSを1つのJSファイルに圧縮してくれます。
現在、僕がそのやり方が分からないので、このブログではここまで。

RSS Reader
RSSリーダーへの登録をお願いします。
トップへ戻るボタン

著者

大庭俊介
株式会社サイバーエージェント所属の紙デザイナー上がりのFlashデベロッパー。アメーバピグ内のコンテンツ企画、実装を手掛けています。金沢美術工芸大学出身。
follow twitter

おすすめ

イニシエーション・ラブ/ 乾 くるみ

最後の2行目を見たときにマジでビビり、最初からまた読み返してしまい、ネタばれのサイトに行き着く。

フィジカルコンピューティングを「仕事」にする

初めての共著作。Kinect作品PiggFighterの項目を執筆しています。

基礎からのiOS SDK

iPhone開発ド素人の僕が現在、勉強中の本。結構丁寧に書かれてあって分かりやすい。特にWebブラウザ作成のチュートリアル部分の説明でかなり理解が深まった。