ここにあるウェブサイトを開発しています。
簡単に言えば、これは webgl フラグメント シェーダーで実行される流体力学ソルバーです。結果はテクスチャ化されたクワッドにマップされ、キャンバスにレンダリングされます。
今週末にいくつかの開発作業を行っているときに、ページの低解像度および中解像度バージョンが Chrome で動作しなくなっていることに気付きました (右上隅のリンクを参照してください)。ただし、Firefox でページを開くと、すべてが期待どおりに機能します。このページは、webgl を有効にしない限り、Mac では動作しないと予想されます。IE では動作しません。また、Opera でテストしていません。
その他のいくつかの奇妙な症状:
- ウィンドウがフルスクリーンでない限り、マウス位置からキャンバス位置へのマッピングがクロムで間違っています。
低品質および中品質のバージョンでは、テクスチャの右下隅のごく一部しか表示されていないように見えます。
- これを低/中で観察するには、[分析] タブをクリックし、速度スライダーを低と高の間ですばやく変更します。これを高モードで試して、違いを確認してください。
先週末、Chrome のフレームレートは私のマシンで 60 fps でしたが、現在は高品質でも 30 fps です。Firefoxは安定して60fps
低、中、高の実装の唯一の実際の違いはテクスチャの解像度で、それぞれ 256x32、512x64、1024x128 です。
何が起こっているのか、誰かが光を当てることができますか?