Visual & UX Readability

Vì route sow/capture trừu tượng hơn match màu, game phải đọc được ngay: đường sóng, điểm dừng, ô trống, cụm capture và objective sao biển đều phải nổi bật.

Route clarity

Preview trái/phải nhìn phát hiểu ngay

Chạm cup hiện 2 đường sóng trái/phải; hướng đang chọn đậm hơn.
Ô cuối route có icon STOP.
Move tạo capture làm ô trống then chốt glow và cụm capture rung/sáng.
Move không tạo capture vẫn preview rõ nhưng không có glow reward.

Sao biển

Objective nổi bật bằng silhouette và motion

Sao biển là hình sao vàng lớn hơn item thường một chút.
Không chỉ dựa vào màu; silhouette phải khác vỏ sò/ốc.
Khi nắng lên, sao biển rung nhẹ và hiện icon giọt nước.
Khi được cứu, sao biển nhảy “pop” vào hố nước, vẫy tay và phát âm “plop!”.

Feedback

Vệt sóng theo route

Sow animation có vệt sóng nhỏ chạy theo từng ô. Capture kéo item vào hố nước mát bằng splash rõ.

Combo VFX

Text + âm thanh + particle

Combo text phải xuất hiện đúng điểm người chơi vừa tạo nước hay. Âm thanh tăng tầng theo Splash → Wave Combo → Tidal Rush.

Win Screen

Next là nút chính

Win screen hiện Saved X Starfish, combo tốt nhất, chest progress, map restoration và CTA Next Level nổi bật.

Fail Screen

Suýt thắng, biết sửa

Fail screen nêu lý do cụ thể, cho retry nhanh và gợi ý nhẹ. Người chơi phải nghĩ “lần sau mình sửa được”.

Web Performance

Tối ưu browser trước tiên

Canvas/UI co giãn theo viewport, vùng chạm đủ lớn, không phụ thuộc hover.
Nén ảnh/âm thanh/VFX, giảm particle trên máy yếu.
Test Chrome, Edge, Safari, Firefox; desktop và mobile browser.
Respect prefers-reduced-motion cho pulse/particle.

← Map Level Metrics →