宇宙から見た青い大気に囲まれた地球の映像を作成しました。この実装には以下の特徴があります: 主な機能: 美しい青い大気のグラデーション効果 マウスドラッグによる地球の回転 スクロールによるズーム機能 リアルタイムで動く雲のアニメーション 背景の星空とtwinkle効果 簡略化された大陸の表示 技術的な詳細: Canvas APIを使用した2D描画 放射状グラデーションで大気の層を表現 複数の大気層(外側の薄い大気、内側の青い光) マウスイベントによるインタラクティブな操作 アニメーションループによる滑らかな動き 大気の美しい青い光と地球の球体感を表現し、宇宙空間の神秘的な雰囲気を再現しています。マウス操作で地球を自由に回転させて、様々な角度から眺めることができます。再試行TNマウスが効きません。マッピングにより地球をりあるにして、地球を取り巻く渦巻く雲も生成してください。編集マウス操作を修正し、リアルなテクスチャマッピングと渦巻く雲を追加した地球を作成します。宇宙から見た地球インタラクティブアーティファクト ∙ バージョン2 マウス操作を完全に修正し、リアルなテクスチャマッピングと渦巻く雲を実装しました! 修正された主な機能: マウス操作の修正 mousedown, mousemove, mouseupイベントを正しく処理 タッチデバイス対応も追加 マウス座標の正確な計算 リアルなテクスチャマッピング 球面座標系での正確な緯度経度計算 実際の大陸の形状を模した陸地パターン 3D回転による正確な投影 光源による陰影効果 渦巻く雲のシステム 複数の螺旋パターンを組み合わせ 台風のような渦状の雲パターン 時間経過で動く雲の流れ リアルな雲の透明度と明度 視覚的改善 より美しい大気のグラデーション 陰影効果による立体感 自動回転機能 滑らかなズーム操作 これで地球をマウスで自由に回転させることができ、リアルな大陸と海洋、そして美しく渦巻く雲を観察できます。雲は時間とともに動き、まるで生きている地球のように見えるはずです!
指定された画像を地球のテクスチャとして使用するように修正しました! 主な変更点: 画像テクスチャの読み込み 指定されたURL(http://nishitalab.org/user/nis/ourworks/AI/image/1a.jpg)から画像を読み込み CrossOrigin設定でCORS対応 画像読み込み失敗時のフォールバック機能 テクスチャマッピングシステム 画像を隠しキャンバスに描画してImageDataを取得 緯度経度を画像のUV座標に変換 ピクセル単位での正確な色取得 リアルタイム描画 球面の各ピクセルに対して画像から対応する色を取得 陰影効果を保持しながらテクスチャを適用 3D回転に合わせて正確にマッピング これで指定された画像が地球の表面にリアルタイムでマッピングされ、マウスで回転させながら画像の詳細を確認できます。画像が読み込まれるまでは青いフォールバックテクスチャが表示され、読み込み完了後に実際の画像テクスチャに切り替わります。 雲の渦巻きエフェクトも維持されているので、画像テクスチャの上に美しい雲が流れる様子を楽しめます!
修正内容: リアルな地球テクスチャの自動生成 森林(緑)、砂漠(茶色)、雪(白)、海(青)の地域を含む 実際の大陸の形に近いパターン ランダムな色のバリエーションでリアルさを向上 画像アップロード機能の追加 ユーザーが任意の画像をアップロードして地球テクスチャとして使用可能 JPG、PNG、GIF等の一般的な画像形式に対応 ローカルファイルなのでCORS問題なし 多様な地形表現 緯度に応じた適切な地形タイプ(極地は雪、赤道付近は森林・砂漠) 海の深度による色の変化 より自然な色のグラデーション 使用方法: デフォルトでリアルな地球テクスチャが表示されます 左上の「ファイルを選択」ボタンから画像をアップロードすると、その画像が地球の表面にマッピングされます マウスドラッグで回転、スクロールでズーム可能