レイヤーを導入し、Canvasと文字/画像の重ね合わせをイージーに

  • ViewとLayer
    • View は Layerの親。View一つに対し、Layerは複数存在する。1:N の関係
    • Viewはposition, bgcolor, clip等のスタイルを持つ
    • まずViewを作成しViewにLayerを追加する
    • Layerは、Div要素またはCanvas要素で表現する
      • Div要素なら画像や文字を配置できる, UI(form/当り判定等)もこのレイヤーが担当
      • Canvas要素なら描画できる
    • Layerは親要素(View)に対するオフセット(x,y)を持ち、サイズ(w,h)を持つ
      • 表示/非表示/不透明度はViewまたはLayer個別に設定可能