$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
```
先のスクリプトで表示に戻してる。
```
$text area
  area: "main"
  display: "block"
```
next: trueで自動で進むなら間に別のスクリプト入れても大丈夫。表示まで進めないとクリックでの操作不能になる。
ラベルでのジャンプはできるけど飛んだ先で表示にしてなければ同じこと。

ジャンプでどこでも行けるのでスクリプト書く時は現在のラベルや現在のstateを意識する必要がある。
難しいなら「stateは使わない」と決める。