monacaのonsenUIとenchant.jsについて

Question

現在、monacaを利用してRPG系のゲームの開発をしようと思ってます。
onsenUIを利用した(ons-tab)タブ機能を使用し、1ページ目にはenchant.jsの画面、2ページ目には設定などを表示させようと考えていましたが、
onsenUIのタブ機能とenchant.jsのゲーム表示を同時に使用しようとすると、エラーが出てタブが全く機能しなくなり、ゲーム画面も動かなくなってしまいます。
試しに、onsenを使用せずにmonacaでenchant.jsを使ったところ、正常に動作しましたため、enchant.jsのコードは間違っていないと思います。
これは、onsenとenchant.jsは同時には使用できないと言うことなのでしょうか？
ちなみに、enchant.jsの内容はサンプルのrpgを使用しました。

Answer 1

私もOnsenUIを使ったらThree.jsをうまく表示出来ませんでした。
エラーの内容が不明なので、何とも言えませんが

enchant.jsはHTML5のcanvasを利用したフレームワークなので
enchant.jsとHTML5 canvasを同列に並べることはできません。
っと言う記事を見たことがあります。

こんな感じでcanvasタグを使ってみてはどうでしょうか？
的外れならスイマセン。

  <ons-page id="page1">
    <div id="canvas-holder" style="width:100%">
      <h1>game page</h1>
      <!-- enchant.jsエリア -->
      <canvas id="game-area" width="300" height="300">
      </canvas>
    </div>
  </ons-page>