2017-03-21 7 views
0

キャンバスのXとYの取得に問題があります。だから元々はこれが私のキャンバスです。ズームキャンバスのXとYの取得方法p5.js

enter image description here

そして私は私のキャンバスをズームするスケール()を使用している、と私はそれを使用する場合、それはこのようになります。

enter image description here

私の目標は、しかし、私ができる、私は私のキャンバスの幅と高さを取得しようとしました

enter image description here

私のズームキャンバスのこの部分のXとYを取得することですズームしたキャンバスに配置したオブジェクトを表示しないでください。私はそれを表示するためにそれをズームアウトする必要があります。私はキャンバスのその部分のxとyを取得したいので、キャンバスをズームインしたりズームアウトしたりしても、そこにとどまります。どうやってやるの?ありがとうございました。

+0

どのようにしてズームするにはlerpを正確に使用していますか? –

+0

@ MasterYushi私は** scale()**を使ってズームし、** lerp()**を使用して滑らかにしています。 – Rich

答えて

1

その値はちょうどwidth/scaleですか?

キャンバスの幅が1000ピクセルで、scale(2)を呼び出す場合は、右上隅にどのような座標がありますか? 2でスケールしたので、新しい座標は1000/2またはwidth/scaleの500になります。スケール値を自分で追跡しなければならないことに注意してください。

私はこのパターンが幅や縮尺に関係なく保持されていると確信しています。ポイントが期待どおりに現れるかどうかをテストするためのサンプルプログラムをまとめておくことをおすすめします。そうでない場合はMCVEとしてください。

関連する問題