Wireframe · Frame 1–2 · Loading → Login

Redesign = visual/layout เท่านั้น · content + flow คงเดิม (handoff/frame-01,02) · หนึ่งซีนต่อเนื่อง ไม่มี cut · landscape 812×375

◾ 3D object (Three.js) ◾ DOM overlay (ปุ่ม/ฟอร์ม) ◾ code-drawn (canvas texture)
viewport · 812×375
loading assets · 64% (real %)
⚠ Discord ล้มเหลว
🎮
🇬
หรือ
ชื่อผู้เล่น… 0/20
โลโก้ slam → หยุดแบบ hard ease-out + camera shake
◀ เลื่อนซ้าย + ย่อ (ไม่ fade)
panel เลื่อนเข้าจากขวา ▶
progress ครบ 100% → สลับ beat

Beat 1 · Loading 3DDOM

  • โลโก้ (3D plane, canvas-texture) พุ่งจากกลางจอเข้าหากล้อง → กระแทกหยุด
  • Progress bar (DOM) ใต้โลโก้ — % จริงจาก LoadingManager ไม่ใช่ timer ปลอม
  • Hero moment = จังหวะกระแทก (ring ขยาย + camera shake)
  • ฉากหลัง = Stage set เดิม (รอ art ใหม่จาก MEKICK)

Beat 2 · Login DOM

  • โลโก้ เลื่อนซ้าย + ย่อ — ไม่ fade, ตัวเดิมเคลื่อน
  • Panel กว้าง 70% เลื่อนเข้าจากขวา
  • ปุ่ม: Discord · Google · "หรือ" · ช่องชื่อ · เล่นเลย
  • ปุ่มเล่นเลยปิดจนกว่าพิมพ์ชื่อ (1–20)
  • UI น้อยคำ — เป็นเกม ไม่ใช่เว็บ

ต้องเคาะ (visual)

ธีมใหม่? ยังไม่ตัดสินใจ — wireframe นี้เป็น blueprint กลางๆ ก่อน
โลโก้พักที่ซ้าย 20% หรืออยากให้อยู่บน/มุมอื่น?
Panel เต็มความสูงขวา หรือเป็นการ์ดลอยกลางขวา?