トップページを three.js で作り直す場合の試作です。3案とも冒頭の演出だけを作ってあり、試験概要の表や日程、FAQは今のページのものを下に続ける想定です。
A
推論をスクロールで追う
ひとつの依頼が生成AIの中を通る様子を、入力から検証まで5つの場面で見せます。場面は出題5領域に対応します。
- スクロールで進む（約5画面ぶん）
- 処方の例は仮。公開前に医師の確認が要る
試作Aを開く →
B
医療用語の潜在空間を飛ぶ
心電図の線がほどけて粒子の星雲になり、5領域の用語のかたまりを巡って、最後にロゴの形に集まります。
- スクロールで進む。ドラッグで視点が動く
- 点の位置は乱数。実際の埋め込みは未使用
試作Bを開く →
C
ページが目の前で生成される
白地のまま、写真と見出しがノイズから形になります。ヒーロー写真は立体で、マウスを動かすと視差がつきます。
- スクロールは普通のページと同じ
- サンプル問題の解説は固定の文章
試作Cを開く →
- 文言と医療的な内容は仮のものです。
- three.js をCDNから読み込むため、ネットにつながった状態で開いてください。
- このフォルダ（apps/website-proto）は本番サイトとは別で、デプロイの対象に入っていません。