gl.enchant.jsを最新のブラウザーに対応させる!?

実現したいこと

gl.enchant.jsで作ったゲームが、最新のブラウザーでも正しく表示されるようにしたい!

前提

お世話になります。
古いモジュールですので、あきらめるのも手ですが、できれば対応したいと考えています。
PCや古いスマホでは、正しく表示されるのですが、
新しいスマホでは、ポリゴンが崩れて表示されます。
新しいスマホでもedgeでは大丈夫だったりと、まだブラウザーによってはまちまちなのですが、流れからして、今大丈夫なブラウザーも今後は見れなくなっていくと思われます。

つまりgl.enchant.js中に、最新のjavascriptでは廃止されてしまった構文が使われているのではと考えています。

問題個所を探しやすくするために、code9leapに、次のように必要最小限のコードを書きおろしました。

enchant()
const game = new Game()
game.onload = () => {
const sn = new Scene3D, cb = new Cube
sn.addChild(cb)
}
game.start()

これは、画面にただ立方体を表示するだけの単純なコードです。
しかし、これを最近のandroid端末で実行すると、ポリゴンが崩れて6面ある立方体のうち、1面だけが薄く表示されるだけになってしまいます。

次のアドレスから上のコードを実行できますので、試していただきたいです。
https://coderun.9leap.net/codes/211902/

そして、
gl.enchant.jsのどこをどう修正すれば良いか解説をお願いします。

コメントを投稿

0 コメント