【CSS】ドット絵をぼやかさずに表示する


ドットキャラクターの様に小さなピクセルで描かれた画像をブラウザで表示すると、アンチェリアスがかかりぼやけてしまう

Unityではピクセルパーフェクトをオンにするとドットをそもまま表示してくれる機能がありますね

javascriptだけでドットキャラのゲームを作る場合はCSSでimage-renderingを指定すると切り替える事が出来ます

要素単位でもbodyに記述してもいいですね

【CSS】ドット絵をぼやかさずに表示する

See the Pen 【CSS】ドット絵をぼやかさずに表示する by yochans (@yochans) on 【CSS】ドット絵をぼやかさずに表示する


左がimage-renderingを指定した表示で右が指定していないものです