$text area テキストエリアの設定

テキストエリアの見た目を変えたりする。
area以外はCSSがそのまま使える。大きさ・位置・表示／非表示切り替え等。jQuery.css()でオブジェクトで指定してるのと同じ。
```
$text area
  area: "main" <text-area area="main">で指定してるarea名。
  display: "none" 非表示にする。
```
非表示にしてると次に進めるためのクリックができないので注意。
非表示はPhaser側でクリックしてなにかする時に使う用。
テキストエリアクリックで次に進めるように戻すにはPhaser側で表示に戻すか、Phaserから戻った先のスクリプトで表示にする。

## タイトル画面サンプル
Phaser側でなにかする時のサンプル。
テキストエリア非表示にした後、スクリプトでtitle2 stateに切り替え。
```
$state add
  id: "title2"

$state start
  id: "title2"
  clearWorld: false
  next: false
```
title2.coffeeでは「はじめる」を表示してクリックされたらgame stateに戻して次のスクリプトに進めている。
```coffeescript
      onClick: ->
        @game.state.start('game', true, false)

        #直後が$labelでstateがrestartされるので1秒待つ。次のコマンド次第で$timeoutは不要。
        $timeout ->
          Sequencer.next()
        , 1000
```