Đề 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 chuyển động 3 hình vuông javascript, 3 hình vuông va chạm javascipt, chuyển động sử dụng thư viện đồ hoạ, javascript thư viện đồ hoạ, js đồ hoạ
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
Đề tài xây dựng ứng dụng quản lý nhân sự được thực hiện bởi nhóm 2 sinh viên trường Đại học Thăng Long
| STT | Mã sinh viên | Họ và tên |
|---|---|---|
| 1 | A36000 | Lê Anh Đức |
| 2 | A37181 | Phạm Trung Tá |
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
6 تعليقات