【解決】低解像度のゲームを作りたい

[eiten]

レトロなドット絵をレトロなドットらしく管理するにはゲームの解像度設定を小さくして作るのが一番確実だと考えているのですが
そうすると遊ぶ際にとても視認性が低くなり、プレイ中にウィンドウサイズを大きくするとドットが滲んでしまいます。
現在、YEP_coreEngineで画面解像度を変更しています。

プレイ中にウィンドウサイズを変えても滲まない(ジャギーが出てもかまわない)ようにするための方法を教えてください。

※低解像度素材を拡大して使う方法も試しましたが、結局ウィンドウサイズが変われば滲みますし、半ドットな動きをしてしまうので理想とは程遠かったです。

[eiten]

うーん。とすると奏ねこまさんの言っていた方が正しいのかもしれませんね。
nw.jsのブラウザエンジンはchrome 系というのを昨日見たので…

コード: 全て選択

canvas {
  image-rendering: pixelated;
}

Index.htmlにstyleタグを設けてこれを入れて見てください。

返信有難うございます
ほぼ同時にワタシもその結論に至りました(海外のツクール系フォーラムでBuraやstretchの単語で検索してました)

新規2.gif (598.85 KiB) 閲覧された回数 2411 回

コード: 全て選択

<style type="text/css">	CANVAS{image-rendering: pixelated;}</style>

index.htmlの</body>から</html>の間に上のコードを記入すれば拡大縮小時の補完が切れるようになりました！

ご協力いただきありがとうございました！

[剣崎 宗二]

解決したようで何よりです。



一応後から見る方の為に申し上げておきますと、nw.jsがChromiumベースの為、Windows exeやChromeの場合はこの対応になりましたが、他のブラウザ等に於きましては違う対応が必要になる可能性があります。

https://developer.mozilla.org/ja/docs/W ... -rendering
こちら下方、ブラウザ対応状況　をご確認ください。