0

投稿を読みましたが、ハードウェア アクセラレーション キャンバスと呼ばれるものがあります
。コード スニペットは次のとおりです。

// ハードウェアスケーリングの設定
キャンバス幅 = 300;
canvas.style.width = window.innerWidth + 'px';
キャンバスの高さ = 200;
canvas.style.height = window.innerHeight + 'px';

ここがよくわからないのですが、どういう意味ですか?
キャンバスに大きなピクセルを表示するなど、キャンバス内のコンテンツの品質を低下させませんか?
ありがとう

4

2 に答える 2

0

どうやら、はいそうです。

これは、640x480 などの低解像度でゲームを全画面表示するようなものです。

これをカバーする別の記事があります。

ちなみに、これは HTML5 に固有のものではありません。最新のコンソール ゲームのほとんどは、内部で 720p または 1080p で計算されていません。それらのほとんどすべてが、ゲームをより低い解像度 (たとえば 1024x600 など) でレンダリングし、GPU にスケーリング/アンチエイリアシング プロセスを実行させます。これは、ほとんどの場合、FPS を向上させるのに役立ちます。

于 2012-04-19T02:21:23.937 に答える
0

はい、解像度は低くなりますが、投稿には次のようにも書かれています。

... より小さな解像度で作業し、GPU に結果を DOM オブジェクトに合わせて再スケーリングさせることができます (結果をぼかすための美しく無料のフィルターを使用)。

理論的には、この手法は品質をあまり犠牲にすることなくパフォーマンスを向上させるはずです。最高のパフォーマンス/品質比を実現するために、試してみるcanvas.widthことをお勧めします。canvas.height

于 2012-04-19T02:20:03.513 に答える