Đề tài - Xây dựng chương trình chuyển động của 3 hình vuông viết bằng JavaScript

Chương trình chuyển động của 3 hình vuông

Chương trình viết bằng JavaScript, sử dụng thư viện đồ họa init-shaders và mv

Đề tài - Xây dựng chương trình chuyển động của 3 hình vuông viết bằng JavaScript

Yêu cầu đề bài

• Vẽ một hình bao lớn (hình chữ nhật) nằm bên trong canvas.
• Trong hình bao này có chứa 3 hình vuông nhỏ có kích thước bằng nhau ở bên trong.
• 3 hình vuông ban đầu xuất phát từ 3 vị trí ngẫu nhiên bên trong hình bao, sau đó chạy ngẫu nhiên về các hướng khác nhau.
• Khi 1 hình vuông bên trong hình bao di chuyển gặp đường bao bên ngoài, hình vuông đó tự động bật ngược lại theo hướng phản xạ (giống hướng phản xạ ánh sáng) với hướng trước khi va chạm với đường biên.
• Nếu khi đang di chuyển, 1 hình vuông va chạm với 1 hình vuông khác, nó cũng sẽ bật ngược lại theo hướng phản xạ với hướng trước khi va chạm.

Video demo

Dưới đây là video mình chạy thử trên hệ điều hành MacOS:

Chú ý: Để tải source code các bạn vui lòng comment địa chỉ email phía dưới bài viết này và gửi yêu cầu quyền truy cập. Mình sẽ cố gắng duyệt yêu cầu nhanh nhất có thể. Xin lỗi các bạn về sự bất tiện này!

Nhóm sinh viên thực hiện

Lời kết

Trên đây là toàn bộ source code chương trình chuyển động của 3 hình vuông viết bằng JavaScript. Chúc các bạn có một ngày làm việc thật hiệu quả. Xin chào và hẹn gặp lại!

Copyright © Code Pro