視界移動ピクチャ ver２
改良版
去年の11月ごろに考えた視界移動ピクチャの改良版です。
以前は1つのピクチャを6分割して拡大し、十字キーで移動させて視点を動かすというものでした。
今回はマウスorタッチ操作でピクチャの特定の場所を押すと、その場所を拡大移動して注目を表現してみました。
問題点
重い
スマホのタッチ操作も想定して、画面サイズを1280×720にしました。
しかしピクチャを多用するため、かなり相性が悪いです…。
拡大するとピクチャが粗くなる
画面と同じサイズのピクチャを用意すると、拡大したときに粗さが目立ちます。
かといってピクチャのサイズを大きくすると、処理が重くなります。
一番重いのはやはり背景ピクチャなので、それだけ小さいピクチャにするというのも考えたのですが、ピクチャサイズを統一しないと拡縮・移動の座標がズレてしまうので難しいです。
パースがキツすぎ
ピクチャを引いたとき、足元付近を視界に入れたかったのでかなりキツいパースがかかっています。
そのせいで、私の描画能力ではこれを元にイラストを描くのは難し過ぎました（笑）
全身タイツのエイリアンを書くのがやっとです（影を付けただけ）。
更なる改良が必要
スマホ対応は一度諦めて、マウス操作を基本の想定としようと思います。
結局、↓のようなことをしたいと考えているので、横着して1つのピクチャ・画角に納めず、２つのピクチャで表現してみようと思います。
正面を見る画角と足元を見る画角、この２つを切り替えるような感じにしてみようと思います。