画像

構築" id="building_a_galaxy" tabindex="-1">銀河の構築

星のデータのコンテキストに沿って銀河のモデルをプロシージャルに生成し、銀河系における地球の位置を素晴らしい視点で表現することを計画しました。

銀河の初期プロトタイプ。
Milky Way パーティクル システムの初期プロトタイプ。

銀河を生成するために、10 万個の粒子を生成し、銀河の腕が形成される仕組みを模倣して螺旋状に配置しました。これは数学的なモデルではなく表現モデルであるため、渦巻き腕の形成の詳細についてはあまり心配しませんでした。ただし、らせん状の腕の数はほぼ正確にし、「正しい方向」に回転するようにしました。

後続バージョンの銀河モデルでは、粒子の使用を抑え、粒子に付随する銀河の平面画像を優先することで、より写真のような外観になるようにしました。実際の画像は、約 7, 000 万光年離れた渦巻銀河 NGC 1232 で、天の川のように見えるように画像処理されています。

銀河のスケールを把握する。
GL の単位はすべて光年です。この場合、球体は 11 万光年で、パーティクル システムを囲んでいます。
反転
ページをめくったりドラッグしたりしたとき、ページの折り目は次のようになります。

フレームを見つける

ゲームのトレーシング ツールで正しい行を見つけたら、次はメインループを見つけます。メインループは、トレースデータ内の繰り返しパターンのように見えます。トレースデータ内を移動するには、W、A、S、D キーを使用します。A キーと D キーは左右(時間軸の前後)に移動し、W キーと S キーはデータのズームインとズームアウトに使用します。ゲームが 60 Hz で実行されている場合、メインループは 16 ミリ秒ごとに繰り返されるパターンになります。

3 つの実行フレームのように見える
3 つの実行フレームのように見える

ゲームのハートビートを特定したら、各フレームでコードが何を行っているかを詳しく調べることができます。W、A、S、D キーを使用して、関数ボックスのテキストが読み取れるまで拡大します。

実行フレームの詳細
実行フレームの詳細

翻訳を使用してビューを移動する

2 つのビュー間での翻訳。

わかりやすくするため、リストビューと詳細ビューの 2 つのビューがあるとします。ユーザーがリストビュー内のリストアイテムをタップすると、詳細ビューがスライドインし、リストビューがスライドアウトします。

ビュー階層。

この効果を実現するには、overflow: hidden が設定された両方のビューのコンテナが必要です。これにより、水平方向のスクロールバーを表示せずに、2 つのビューをコンテナ内に並べて配置できます。また、必要に応じて、各ビューをコンテナ内で左右にスライドできます。