CoffeeScript
enchant.js
tmlib.js
enforce
enforceIDE

enforceIDEチュートリアル(1)

More than 2 years have passed since last update.

enforceIDEはじめてみませんか

CoffeeScriptでWebゲームを作成する「enforceIDE」の初め方を書いていきます。
まずは「アカウント作成〜新規プロジェクトを作ろう編」です。

アカウント作成

アカウントの作成では、メールアドレスを使用して登録する方法と、Twitterアカウントで登録する方法があります。

enforceIDEにアクセスすると下記画面になります。

スクリーンショット 2016-05-02 17.12.22.png

Twitterアカウントで登録するには、Twitterアイコンのボタンをクリックしてください。使用するアカウントで認証を行うことで、自動的にアカウントが作成されログイン状態になります。アカウント名はTwitterのスクリーンネームが使用されます。

メールアドレスで登録するには「新規登録」ボタンをクリックします。
すると下記画面になります。

スクリーンショット 2016-02-28 18.04.19.png

ここで、enforceIDEで使用するアカウント登録申請を行います。
アカウント名とメールが受信出来る有効なメールアドレスを入力し「OK」をクリックすると下記画面になります。

スクリーンショット 2016-02-28 18.04.46.png

すると下記のようなメールが届きます。

スクリーンショット 2016-02-28 18.04.53.png

このリンクはワンタイムトークンを含んでいるので、一回使用してしまうと使えなくなります。
このリンクをクリックすると下記画面になります。

スクリーンショット 2016-02-28 18.05.06.png

パスワードを入力し「登録」をするとアカウント登録は完了し下記画面になります。

スクリーンショット 2016-02-28 18.05.20.png

「ログイン画面へ行く」をクリックするとenforceIDEトップ画面に戻ります。

enforce_screen02.png

ここで登録に使用したメールアドレスとパスワードを入力し、「OK」をクリックしログインに成功すると下記画面になります。

enforce_screen03.png

殺風景な画面ですが、ここでプロジェクトを管理していきます。

新規プロジェクト作成

それではプロジェクトを作ってみます。
上の「enforceIDE」というロゴの右にアイコンが2つあると思います。
この2つのアイコンの右側をクリックしてください。
すると下記のような画面になると思います。

スクリーンショット 2016-02-28 18.05.55.png

プロジェクト名「hoge」で作成してみます。
パスワードはログインパスワードと同じものを入力します。

スクリーンショット 2016-02-28 18.06.05.png

プロジェクト名とパスワードを入力し「OK」をクリックするとプロジェクト作成が開始します。

enforce_screen04.png

しばらく待つとプロジェクトの作成が完了して下記画面になります。

スクリーンショット 2016-02-28 18.07.17.png

「OK」をクリックすると下記画面になります。

enforce_screen05.png

「hogeプロジェクト」が出来ています。
このプロジェクトを編集していくことでゲームを作成します。