問題タブ [pan]

OpenGL を使用して、キャンパスの原始的な地図を描こうとしています。

パン、ズーム、回転が通常どのように実装されているか、誰か説明してもらえますか?

たとえば、パンとズームでは、ビューポートを調整しているだけですか? それで、マップを構成するすべての線をプロットして描画し、ユーザーがクリックしてドラッグすると、ビューポートが調整されますか?

パンの場合、ビューポートの x/y 値をシフトし、ズームの場合、ビューポートをある程度増減しますか? 回転についてはどうですか？

回転の場合、キャンパス マップを表すポリラインごとにアフィン変換を行う必要がありますか? これは、まともなサイズのマップでオンザフライで行うには費用がかかりませんか?

または、ビューポートは同じままで、パン/ズーム/回転は別の方法で行われますか?

たとえば、このリンクにアクセスすると、ビューポートを変更することで、上記のようにパンとズームを正確に説明していることがわかります。

これは正しくありませんか？

WPF でのズームとパンに関するこの質問に応えて、ScaleTransform を使用し、MouseMove イベントで RenderTransform の起点を更新することを提案しました。これは機能しますが、パンの動きがマウスと完全に一致しないという事実に満足していません. このアルゴリズムの問​​題点はわかりますが、正しい実装はまだわかりません。

このアプローチを機能させる方法についてのアイデアはありますか?

私の博士号プロジェクトでは、顕微鏡イメージングを行う必要があります。C#/winforms/GDI を使用して、画像の表示、ズーム/パン、およびルーラーの表示を可能にするアプリケーションを作成しました。

ただし、使用できるものの、かなりバグがあります...

私が今必要としているのは、ユーザーの操作に基づいて POI (関心のあるポイント) のリストを保存するための何らかのシステムです。

これらのポイントを使用して、画像を中央に配置したり、イメージングハードウェアをそれらに向けたりすることができます...

これを最も効率的な方法で行う方法がわかりません。私が望むことをほとんど実行する商用コントロールが少なくとも 1 つありますが、非常に高価で、オープン ソースではなく、Web フォームでの使用を目的としています。

ズームコントロールの例

誰が助けてくれますか...締め切りが迫っています... :s

Jquery gzoom という名前の Jquery プラグインを使用しています。とても素敵なスクリプトですが、IE でテストすると. スクリプトは、無効な引数エラーを示しています。エラーは IE でのみ表示されます。

スクリプトのどこでエラーが発生したかを誰かが理解できるかどうか疑問に思っています。

プラグインページ: http://lab.gianiaz.com/jquery/gzoom/index_it.html

前もって感謝します。

プラットフォーム:

• C# を使用した .NET 3.5
• WPF
• 3Dツール

3D モデルの回転とパンのために、Codeplex サイト ( 3D Tools )の 3DTools を使用しています。これはうまくいきます。Trackball クラスには、マウス ホイールでモデルをズームするためのメソッドも含まれています。ただし、このメソッドは、常に Point(0,0,0) をズームの中心としてモデルをスケーリングします。しかし、マウスポインターの座標にズームしたいと思います（Googleマップのように、ここではマップの中心ではなくマウスポインターの座標にズームします）。

この問題を解決するためにさまざまなことを試しました：

• Trackball クラスの ScaleTransform3D オブジェクトのCenterX/Y/Zをマウスポインタの座標に設定→ 動かなかった
• ズーム後にモデルをパン-> 機能しませんでした。マウスポインターの座標が変わらないため、パン距離を計算できません。
  • ズーム前の MousePointer 座標 -> 334、210
  • Trackball クラスから Zoom(-e.Delta) を呼び出す
  • ズーム後の MousePointer 座標 -> 334、210
  • MousePointer Coordinates が 330, 205 などに変更される場合、モデルを左に 4 ポイント、上に 5 ポイントパンすることができます (私のプログラムには 2D モードもあり、そこで座標が変更されます)。
• カメラの位置を移動-> 機能しませんでした。現在のカメラ位置と MouseWheelEventArgs.Delta に基づいて、新しいカメラ位置を計算しました

この問題を解決する方法を知っている人はいますか?

リモートソースからロードした画像をビットマップ変数に保存していて、それらを表示したいと思います。これらの画像を切り替えるだけでなく、ユーザーは画像をズームおよびパンできる必要があります。私の最初のアイデアは、組み込みのギャラリーアプリケーションへのインテントを介してそれらを何らかの方法で渡すことでしたが、これは不可能のようです。いくつかの場所で提案されている解決策は、すでにズームとパンをサポートしているWebViewを使用することです。私の質問は、ビットマップデータがどのようにWebViewに入るのかということです。最初にファイルに書き込む必要がありますか？後で再度削除する必要がありますか、それとももっと簡単な方法がありますか？

または、ビットマップデータをズームおよびパン可能な画像として表示するという私の主な目標を達成するためのさらに良い方法はありますか？

それで、まさにそれを行うように見えるスクリプトを見つけました<g>が、変換マトリックスを適用することにより、svgコンテンツ全体をラップするaをズームします（ただし、スニッフィングのためにOperaではズームしません）。すべての要素を a でラップする<g>ことはオプションではありません。これは、画像ビューアーを作成していて、さまざまなファイルが読み込まれる可能性があるためです。

transform="matrix(...)"ルートに設定 して<svg>も効果はありません。currentScaleオンに設定すると<svg>、画像がズームされますが、マウスの位置や画像の中心からではなく、左上隅からズームされます。<svg>また、要素全体をドラッグすることは不可能に見えるため、パン機能も機能しません。

属性を操作するviewBoxことは役に立ちますが、必要な値を理解するのは非常に困難です。

では、そのようなコンテキストでズームとパンを行う方法を考えることができますか?

デモはこちらからダウンロードできます。Opera がコンピュータにインストールされている必要があります。

Cocos2dforiPhoneでパン可能なズーム可能なゲームマップを実装するための最良の方法は何ですか。画面に完全に収まらないゲームマップを除いて、モバイルSafariに似ています。または、Angry Birdsでどのように行われるか、ロープを切るなどのように。

これは横スクロールゲームではなく、ズームイン/ズームアウトできる固定ゲームエリアです。

私は新しいので、このためのチュートリアルがあれば素晴らしいでしょう。

ありがとう