底辺SE奮闘記

年収300万SEブログ

【WebGL 1】画面全体が汚い。それRetinaじゃない?

タイトルで全て終わりです。

WebGLでいくらテクスチャの拡縮設定変えたり、アンチリエイアス周りみても画面が汚い...

って時は、たぶんこれ。

画面全体をWebGL製のキャンバスにする場合

コード

var c = document.getElementById("canvas");
    c.width = document.documentElement.clientWidth;
    c.height = document.documentElement.clientHeight;

正(付け焼き刃的対処)

もっといい方法があるような気がしますが...

var c = document.getElementById("canvas");
    c.width = 2 * document.documentElement.clientWidth;
    c.height = 2 * document.documentElement.clientHeight;

正誤の画像比較

f:id:uma-no-kawa:20181225143733j:plain
Retina非対応

f:id:uma-no-kawa:20181225143814j:plain
Retina対応