HomeLập trìnhJavaScriptCách viết mã...

Cách viết mã trò chơi 2D bằng JavaScript, HTML và CSS


JavaScript có thể là ngôn ngữ lập trình tốt đáng ngạc nhiên để sử dụng để tạo trò chơi 2D. Đặc biệt là các trò chơi bạn muốn có thể chơi được trên hầu hết mọi thiết bị.

Chúng tôi vừa xuất bản một khóa học trên kênh YouTube freeCodeCamp.org hướng dẫn bạn cách viết mã trò chơi 2D bằng JavaScript, HTML, CSS và HTML Canvas.

Frank từ Phòng thí nghiệm của Frank đã phát triển khóa học này. Frank là một người hướng dẫn nổi tiếng và luôn đưa ra những hướng dẫn siêu sáng tạo.

Bạn sẽ xây dựng một trò chơi hoàn toàn từ đầu với tất cả mọi thứ, từ hoạt hình sprite đến hình nền thị sai. Trò chơi chỉ sử dụng HTML, CSS và JavaScript đơn giản mà không có khung hoặc thư viện.

trò chơi
Bạn sẽ thực hiện trò chơi này.

Dưới đây là các phần được đề cập trong trò chơi.

  • Thiết lập HTML & CSS
  • Thiết lập JavaScript cơ bản
  • Lập trình hướng đối tượng với JavaScript
  • Tạo các đối tượng Player và Game
  • vòng lặp hoạt ảnh
  • đầu vào bàn phím
  • Tạo đường đạn
  • Sự kiện định kỳ
  • Vẽ giao diện trò chơi
  • Lớp kẻ thù cơ bản
  • Phát hiện va chạm giữa các hình chữ nhật
  • Vẽ điểm số trò chơi
  • Điều kiện thắng thua
  • Đếm thời gian trò chơi
  • Nền thị sai hoạt hình
  • Sprite hoạt hình với JavaScript
  • Tạo chế độ gỡ lỗi
  • Hoạt ảnh các tấm ma thuật của kẻ thù
  • Night Angler lớp kẻ thù
  • Lớp kẻ thù Lucky Fish
  • Thu thập tăng sức mạnh
  • Vẽ đạn như hình ảnh
  • Phông chữ tùy chỉnh và văn bản trò chơi
  • Dọn dẹp
  • Hiệu ứng hạt và vật lý
  • luân chuyển hạt
  • Tinh chỉnh và sửa lỗi
  • Lớp kẻ thù của Hive Whale
  • Lớp kẻ thù không người lái
  • Hiệu ứng bụi hoạt hình
  • Hoạt hình hiệu ứng lửa
  • Điều chỉnh độ khó của trò chơi
  • Phải làm gì tiếp theo?
Đọc thêm  Giới thiệu về cú pháp Spread trong JavaScript

Xem toàn bộ khóa học bên dưới hoặc trên kênh YouTube freeCodeCamp.org (2,5 giờ xem).



Zik.vn – Biên dịch & Biên soạn Lại

spot_img

Create a website from scratch

Just drag and drop elements in a page to get started with Newspaper Theme.

Buy Now ⟶

Bài viết liên quang

DMCA.com Protection Status