問題タブ [2d]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
4 に答える
21217 参照

3d - 3D から 2D への射影行列

正確な位置がわかっている 3D 空間に 3 つのポイントがあります。それらが次のとおりだとします: (x0,y0,z0)(x1,y1,z1)および(x2,y2,z2)

また、これらの 3 点を見ているカメラがあり、カメラ ビュー プレーン上のこれらの 3 点の 2D 位置を知っています。たとえば、カメラの視点からは 、、、 となり(x0,y0,z0)ます。(x0',y0')(x1,y1,z1)(x1',y1')(x2,y2,z2)(x2',y2')

これらの 3D ポイントをカメラ ビュー プレーン上の 2D ポイントに投影する投影行列を見つける最も簡単な方法は何ですか。カメラの位置については何もわかっていません。

0 投票する
4 に答える
21913 参照

image - 2Dスプライトのお気に入りの画像ファイル形式

ゲーム(つまり2Dゲーム)でお気に入りのロスレス画像形式は何ですか?なぜ?

考慮すべき点は、ディスク上のサイズ、使用可能な形式に変換するためのオーバーヘッド、および形式の機能(つまり、アルファサポート)です。

最善の答えはありませんが、できる限り最善を尽くしてバックアップしてください。

0 投票する
8 に答える
13455 参照

c# - 2D ゲーム物理学のリソース

ゲームで 2D 物理をモデル化する方法を学習するための参考資料を探しています。私は自分のためにそれをやってくれる図書館を探しているわけではありません - 私は考えて学びたいのです。

私はグーグルでかなりのことをしました.GameDevなどに関するいくつかのチュートリアルを見つけましたが、それらのチュートリアルは不十分に書かれているか、数学的な理解のレベルを想定していないため、理解するのが難しいと思います.まだ所有していません。

詳細については、タンク戦闘ゲームのようなトップダウンの 2D ゲームをモデル化する方法を探しています。(とりわけ) 加速と速度、「コンポーネント」の熱蓄積、モデルとレベルの境界、およびミサイル型の武器。

Web サイト、推奨書籍、ブログ、コード例 - 理解に役立つものであれば、すべて歓迎します。私は C# と F# を使用してゲームを構築することを検討しているので、これらの言語のいずれかでコード例を作成することをお勧めします。=)

編集:私は数学を理解していないという意味ではありません - 関連するシステムを理解するために何を知る必要があるのか​​ わからないということであり、そのリソースを見つける方法を本当に知らないということです。分かりやすく教えてくれます。

0 投票する
3 に答える
29172 参照

python - Python での 2D アニメーション

私は Python でシミュレーターを書いていますが、基本的な 2D アニメーションに関するオプションと意見に興味があります。アニメーションとは、事前にレンダリングされた画像を表示するのではなく、その場でレンダリングすることを指しています。

私は現在、matplotlib (Wxagg バックエンド) を使用しており、引き続き使用できる可能性がありますが、パフォーマンスや機能の点で十分にスケーリングできないと思われます。

要件は次のとおりです。

  • クロスプラットフォーム (Linux、MacOS X、Windows)
  • 複雑なオーバーヘッドが少ない
  • wxpython とうまく連携します (少なくともお互いのつま先を過度に踏むことはありません)
  • インタラクティブ。オブジェクトがクリックされたとき、マウスオーバーされたときなどを検出します。

高いパフォーマンスはリストにありませんが、画面上で最大 100 個のビットマップ オブジェクトを処理できる機能があればよいことに注意してください。

あなたの考え?

0 投票する
5 に答える
3842 参照

c++ - WIN32の「iPhone」スタイルのアニメーションに最適な2Dアニメーションライブラリ/技術?

全て、

内部システムに関するデータをフルスクリーンの「ビルボード」スタイルのディスプレイとして表示する、気の利いたデモアプリケーションを作成しました。これは、国の赤字を表示するアプリケーションのようなものと考えることができます。急速に増加し、一日中非常に速くアニメーション化されます。

問題は、デモが本当にうまく機能し、クライアントが私に工業用強度バージョンを作成することを望んでいることです!

これをC++で実行したいのですが、JavaまたはC#の可能性があります(ただし、その環境ではそれほど強くないため、C#は使用しない方がよいでしょう)

私はSDLまたはAllegroをいじっていますが、どちらも経験がないので、最高の(そして理想的には最も簡単な)ツールキットを利用できます。

私が「iPhone」スタイルと言うとき、私はパネル間のシンプルでエレガントなトランジションを意味します。iPhoneは、スライド、フェード、ブレンドを上手に利用しています。私のアプリは3Dスタイルのアニメーションを実行する必要はありません。グラフィックに関しては、本当に必要なのは単純なものだけです。90%のテキスト、一部の画像、線、長方形、グラデーションの塗りつぶしなどの単純なプリミティブです。

もちろん、これを「昔ながらの」DirectDrawまたはOpenGLで実装することもできますが、タイマークラスを作成したり、アニメーションのタイミングメソッドを選択したりすることは考えたくありません。これに適したツールキットがいくつかあります。

助けてくれてありがとう!

RF

0 投票する
11 に答える
12663 参照

math - 数学とゲームプログラミング

すでに知っている基本的な2Dゲームよりも複雑なグラフィカル2Dゲームをプログラムしたいと思います。3Dプログラミングはしたくありません。より複雑な2Dのもの。たくさんのことを学ぶ前に高校を中退したので、小切手帳のバランスを取り、軽い2Dデカルトプログラミングを行うのに十分な代数の知識を持って立ち去りました。

注意力が限られている人(たとえば、私が非常に興味を持っている主題については、1人あたり20分)がプログラミングで数学を使ってもっと役立つことを徐々に学ぶための良いリソースはありますか?

0 投票する
3 に答える
3991 参照

3d - 平面交差から 3D ジオメトリから 2D スライスを抽出するにはどうすればよいですか?

最近、私たちのチームは、平面と 3D ジオメトリのセット (三角形のセット) の間に 2D スライスを構築するというタスクに直面していました。Google は私たちが望んでいたほど役に立たなかったので、ここで注意を払い、誰かがこの問題に遭遇し、可能な解決策があるかどうかを確認します. リンクも募集中です。

交点を見つけること自体は難しい作業ではありませんが、正しいコーナー構成で三角形が正しく生成されるようにすることは、私たちにとって難しいゲームです。任意のモデルからの三角形の構築がどのように行われるかについての数学/理解が欠けているだけです。

私たちがやろうとしていることを理解するのに問題がある場合は、次のシナリオを想像してください。

うさぎのモデルがプログラムに読み込まれます。次に、「レーザー」が宇宙を横切って移動し、バニーを半分に切ります. レーザーカットしたその薄いスライスが、生成したいスライスです。これは 2D 三角形セットである必要があります。レーザーで切断できない場合 (しゃれた意図はありません)、ナイフ、飛行機など、平面で何かをスライスするものを考えてみてください。

前もって感謝します。

0 投票する
2 に答える
8058 参照

iphone - OpenGL ES の大きなスクロール背景

私はiPhone用の2Dスクロールゲームに取り組んでいます。たとえば 480×6000 ピクセルの大きな画像の背景がありますが、一部しか表示されません (ちょうど 1 画面分、480×320 ピクセル)。このような背景を画面に表示する最良の方法は何ですか?

現在、背景を複数のテクスチャに分割し (最大テクスチャ サイズの制限を回避するため)、各フレームの背景全体をテクスチャ付きの三角形のストリップとして描画します。スクロールは、モデル ビュー マトリックスを変換することによって行われます。シザー ボックスのウィンドウ サイズは 480×320 ピクセルに設定されています。これは高速であることを意図したものではありません。最適化を行う前に、動作するコードが欲しかっただけです。

おそらく OpenGL の実装は、背景の見えない部分を破棄するのに十分スマートであると考えていましたが、私が書いたいくつかの測定コードによると、背景の描画には平均で 7 ミリ秒、最大で 84 ミリ秒かかるようです。(これはシミュレーターで測定されます。) これは、レンダリング ループ全体の約半分です。私にとってはかなり遅いです。

背景の描画は、VRAM のある部分から別の部分に 480 x 320 ピクセルをコピーするのと同じくらい簡単です。つまり、非常に高速です。そのようなパフォーマンスに近づくための最良の方法は何ですか?

0 投票する
1 に答える
4004 参照

math - 2D 暗黙的スカラー フィールドのアイソ ラインの描画

私は 2D で定義された暗黙的なスカラー フィールドを持っています。2D のすべてのポイントに対して、正確なスカラー値を計算させることができますが、その計算はやや複雑です。
そのサーフェスの等値線、たとえば「0」値の線を描きたいと思います。関数自体は連続していますが、「0」アイソラインは複数の連続インスタンスを持つことができ、それらすべてが接続されているとは限りません。
各ピクセルの値を計算することはオプションではありません。これには数秒程度の時間がかかりすぎるため、可能な限りリアルタイムで行う必要があります。

私が現在使用しているのは、一種の四分木と考えることができる空間の再帰的な分割です。空間の最初の非常に粗いサンプリングを行い、正から負の値への遷移を含む正方形を見つけたら、それを再帰的に 4 つの小さな正方形に分割し、再度チェックして、ピクセル レベルで停止します。四隅の四角形をサンプリングすることにより、正負の遷移が検出されます。これは、そうでない場合を除いて、かなりうまく機能します。エッジの小さな領域で発生し、正方形の角を横切らないトランジションのトランジション検出が失敗するため、描画されるアイソラインが切断されることがあります。

この設定で等値線描画を行うより良い方法はありますか?

0 投票する
10 に答える
1171 参照

language-agnostic - ノイズの多い X、Y データからパスを決定する方法

ノイズの多い X、Y ポイントのソートされていないリストがあります。ただし、それらは世界を通る道を形成します。線分を使用してこのデータの近似値を描画するアルゴリズムが必要です。

これは、ライン フィッティング アルゴリズムを使用して線形データの近似値を選択する方法に似ています。私の問題は、道が曲がりくねって世界中を曲がりくねっているので、難しいだけです。 代替テキスト http://www.praeclarum.org/so/pathfinder.png

これを達成するための標準/堅牢/理解しやすいアルゴリズムを知っている人はいますか?

質疑応答

うるさいってどういう意味ですか?パスを理想的に実現した場合、X 要素と Y 要素にガウス ノイズを追加して、その理想的なパスから点のセットをサンプリングします。そのノイズの平均または標準偏差はわかりません。std devで推測できるかもしれません...

ポイントは、近似しようとしている理想的だが複雑なパスの近くにありますが、そのパス上にはありませんか? はい。

パスの形状に関するアプリオリな情報はありますか? そのような情報を取得する他の方法はありますか?残念ながら違います。