Hậu trường thiết kế ĐUA NGỰA TUỔI THƠ: từ chú ngựa pixel đến âm thanh đường đua
Một cuộc đua chỉ kéo dài khoảng 15 giây, nhưng để những giây ấy trông sống động và nghe vui tai, có khá nhiều chi tiết nhỏ phía sau. Bài viết này kể lại cách ĐUA NGỰA TUỔI THƠ được thiết kế: từ màu áo của từng chú ngựa đến tiếng vó ngựa trên đường đua.
Sáu chú ngựa, sáu màu áo
Mỗi chú ngựa mang một màu nhận diện riêng: đỏ hồng, xanh ngọc, xanh lá, xanh dương, tím và cam. Cùng một màu ấy được dùng ở mọi nơi liên quan đến chú ngựa: áo của nài ngựa, bảng số, số làn đường và lá cờ trên khán đài. Nhờ vậy, người chơi không cần đọc chữ, chỉ cần nhìn màu là biết chú ngựa nào đang ở đâu.
Số áo được vẽ to và rõ, đặt trên nền sáng để đọc được cả trên màn hình điện thoại nhỏ.
Sprite và chuyển động trên đường đua
Mỗi chú ngựa được vẽ thành một dải nhiều khung hình liên tiếp, gọi là sprite. Khi các khung hình được chiếu nhanh nối tiếp nhau, chú ngựa trông như đang phi nước đại. Tốc độ chuyển khung được điều chỉnh để chân ngựa chuyển động nhịp nhàng, không bị giật.
Đôi khi trên đường đua sẽ có một chú ngựa hụt nhịp, trượt chân hay chậm lại một chút. Đó là hiệu ứng hình ảnh để cuộc đua thêm tự nhiên và bất ngờ, giống như những pha gay cấn trong các trò chơi tuổi thơ.
Âm thanh được tạo bằng code
Một điều ít người biết: toàn bộ âm thanh trong game hiện tại không phải file ghi âm, mà được tạo ra trực tiếp bằng code trong trình duyệt. Mỗi âm thanh là một công thức nhỏ:
- Tiếng còi xuất phát: một âm cao, ngắn, báo hiệu cuộc đua bắt đầu.
- Tiếng vó ngựa: những nhịp gõ trầm lặp lại đều đặn theo bước chạy.
- Khán đài: một lớp âm thanh nền rì rầm, tạo cảm giác đông vui.
- Giai đoạn nước rút: nhạc nền dồn dập hơn vào những giây cuối.
- Tiếng reo khi về đích: khép lại cuộc đua bằng không khí ngày hội.
Cách làm này giúp game nhẹ, tải nhanh, và âm thanh luôn đồng bộ với chuyển động trên màn hình. Người chơi có thể bật hoặc tắt âm thanh bất cứ lúc nào, và lựa chọn đó được ghi nhớ cho những lần sau.
Nhịp đua khoảng 15 giây
Mỗi cuộc đua kéo dài khoảng 15 giây. Sáu chú ngựa liên tục đổi vị trí trên đường đua, và ở những giây cuối, nhạc nền dồn dập hơn để tạo cao trào trước vạch đích.
Nhịp này được chọn để mỗi cuộc đua đủ ngắn để xem liền mạch, nhưng vẫn đủ dài để có cao trào.
Thiết kế cho màn hình điện thoại
Trò chơi được thiết kế để chơi thoải mái cả trên điện thoại, nên giao diện ưu tiên màn hình nhỏ:
- Đường đua rộng và nằm thấp hơn để dễ theo dõi.
- Khi cuộc đua bắt đầu, màn hình tự cuộn để đường đua luôn nằm trong tầm nhìn.
- Thanh tiêu đề tự xuống dòng gọn gàng trên điện thoại hẹp, không bị tràn ngang.
- Khung CHAT HỖ TRỢ mở toàn màn hình trên điện thoại, có nút đóng rõ ràng.
Nếu bạn yêu thích màu sắc và âm thanh này, bài về những nét đặc trưng của phong cách retro arcade sẽ kể thêm về cảm hứng phía sau. Để có cái nhìn tổng quan về trải nghiệm game đua ngựa retro trên trình duyệt, hãy đọc bài chính của chủ đề.