scaleX,scaleYに対する処理
scaleX,scaleYに対する処理:
enchant.jsでは画像の大きさをX軸、Y軸に倍率をかけることができる。
しかしながら1.5倍などと定数で指定してしまうと、画面サイズに応じて大きさが異なってしまう。
だが、https://qiita.com/takoyaki_vs_okonomiyaki/items/716871bc08e7e1290f7f
でも書いた通りwindow.innerWidth/4などで指定すれば画面サイズに対応できる。
例
変数名.scaleX = window.innerWidth / 400;
変数名.scaleX = window.innerHeight / 400;
しかし、これが難しく画面の縦横比に合わせた画像でないとこの方法では思い通りに動かない。
その場合どうするかというのは各画面サイズに合わせた画像を用意するしかないと思う。
一括サイズ変換などのツールが調べたらあるので使ってみてください。
scaleX,scaleY
enchant.jsでは画像の大きさをX軸、Y軸に倍率をかけることができる。しかしながら1.5倍などと定数で指定してしまうと、画面サイズに応じて大きさが異なってしまう。
だが、https://qiita.com/takoyaki_vs_okonomiyaki/items/716871bc08e7e1290f7f
でも書いた通りwindow.innerWidth/4などで指定すれば画面サイズに対応できる。
例
変数名.scaleX = window.innerWidth / 400;
変数名.scaleX = window.innerHeight / 400;
しかし、これが難しく画面の縦横比に合わせた画像でないとこの方法では思い通りに動かない。
その場合どうするかというのは各画面サイズに合わせた画像を用意するしかないと思う。
一括サイズ変換などのツールが調べたらあるので使ってみてください。
コメント
コメントを投稿