現在php/js / html5で実行されているブラウザベースのアプリケーション、jqueryは私が使用している唯一のフレームワークです。
画面を約100倍にするのに十分な64x64の画像がある場合、スクロールしているように見えるように画像を移動するためにどのような手法をお勧めしますか?
必要に応じて、オールドスクールのトップダウンRPGを考えてみてください。
私が現在検討していること:
- HTML5キャンバス
- すべての画像を含むarray1、各画像の座標である配列キー
- 現在画面に表示されている画像のみを含むarray2
- 左に移動する場合:
- すべての画像を64px右に移動します(増分で移動するように)
- 不足している画像をarray1からフェッチし、画面から落ちた画像を取り除きます
- 画面から落ちた画像をキャンバスから削除する
それは実際のゲームではありませんが、それは私が達成しようとしている効果です。
このために得られるヒント/ヒントを取り上げます。「Canvasの代わりにhtmlテーブルを使用する」から「Web用にこれを合理化することは不可能」まで。
私の主な関心事:スピード。画面上でさらに多くの画像(32x32、おそらく16x16)を使用するようにズームアウトできるようにしたいのですが、ブラウザーベースのアプリケーションが起動しない可能性があることを認識していますそのタスクに。