Ryutaro Shimizu WebSite

ポートフォリオサイトの設計・開発を行いました。 実際の星座座標データを取得し、冥王星から地球へ——太陽系の外縁から順にスクロールで惑星を巡る構成を設計しています。 ユーザーの操作がそのまま宇宙空間の移動体験になるインタラクションを実装しました。 ミニマルで電子的なモダンデザインをベースに、余白と動きの精度にこだわり、情報を削ぎ落とすことで世界観を際立たせています。 Next.js 16 / Tailwind CSS 4 によるモダンアーキテクチャを採用。 NASA JPL の天体座標データから実際の星座配置を三次元空間に再現。 冥王星から地球まで太陽系を順に巡るスクロールアニメーションは、各惑星の軌道パラメータに基づいて距離感とスケールをリアルタイムに描画しています。Framer Motion によるシーケンス制御と、CSS GPU アクセラレーションの組み合わせで、高fpsを維持しながら没入感のある体験を実現しました。