Vào những ngày đẹp trời, Flash thống trị ứng dụng đa phương tiện trên web, nhưng sự xuất hiện của HTML5 đã thay đổi mọi thứ. Mặc dù web thường đồng ý rằng Flash và HTML5 có những ưu điểm và điểm đặc biệt riêng
Trên thực tế, chúng tôi đã thấy nhiều trang web triển khai HTML5 thay vì Flash, ngay cả đối với các trò chơi trên web. Các tính năng thú vị của HTML5 như các yếu tố Canvas, Âm thanh và Video giúp chơi trò chơi trên web mà không cần Flash và bạn thậm chí không cần plugin để chơi trò chơi
Để cho thấy tiềm năng chơi trò chơi thực sự của HTML5, chúng tôi sẽ cho bạn xem hơn 20 trò chơi web thú vị và gây nghiện, bao gồm Angry Birds, và tất cả chúng đều được hỗ trợ bởi HTML5. Hãy sẵn sàng dành vài phút hoặc một giờ để vui vẻ với tất cả chúng
Ghi chú. Phiên bản mới nhất của Google Chrome, Firefox và Internet Explorer được khuyến nghị mạnh mẽ để chơi trò chơi
Angry Birds Chrome
Angry Birds trực tuyến ở chế độ HD. Nó có thể được phát trên phiên bản mới nhất của Google Chrome, Mozilla Firefox và Internet Explorer
Trò chơi trực tuyến cung cấp một phương tiện giải trí tuyệt vời trong thời gian rảnh rỗi của bạn. Nhưng bạn đã bao giờ tự hỏi làm thế nào các trò chơi trực tuyến yêu thích của bạn được tạo ra chưa?
51 Mã nguồn mở HTML5 và JavaSCRIPT tốt nhất
Vui lòng bật JavaScript
51 Trò chơi HTML5 và JavaScript mã nguồn mở tốt nhấtTrong bài viết này, tôi đã sắp xếp cẩn thận một danh sách các trò chơi HTML5 và JavaScript mã nguồn mở tốt nhất. Vì mã nguồn của các trò chơi này được cung cấp công khai nên nó cho phép bạn hiểu về quy trình thực tế đằng sau việc tạo các trò chơi đó
Điều tốt nhất về các trò chơi mã nguồn mở HTML5 và JavaScript này là bạn có thể dễ dàng tải xuống mã nguồn của chúng trên máy tính của mình, sửa đổi nó theo nhu cầu của bạn, chạy nó bằng trình duyệt web và thậm chí phân phối lại nó theo bất kỳ cách nào bạn muốn
Nếu bạn không biết cách tạo trò chơi dựa trên trình duyệt trực tuyến thì tôi thực sự khuyên bạn nên tham gia “Khóa học phát triển trò chơi JavaScript” này từ Udemy. Trong khóa học này, bạn sẽ học cách tạo trò chơi Rắn săn mồi, trò chơi Đột phá và trò chơi Bắt bánh cupcake theo cách từng bước
Tôi cũng đã tham gia khóa học này vào năm 2018 khi tôi hoàn toàn không biết cách trò chơi thực sự được tạo ra. Nó thực sự đã giúp tôi có được kiến thức thực tế về phát triển trò chơi trực tuyến
PixelDefense
PixelDefense là một trong những ví dụ đẹp nhất và được thiết kế hoàn hảo về các trò chơi HTML5 và JavaScript mã nguồn mở. Nó dựa trên thể loại game phòng thủ tháp
Trong trò chơi này, bạn phải đặt các tòa tháp ở những nơi được chỉ định để ngăn chặn những con quái vật đang xâm nhập vào quê hương của bạn. Bạn sẽ rất vui khi biết rằng mã nguồn của trò chơi nổi bật này có sẵn để tải xuống miễn phí từ kho lưu trữ Github
Đây sẽ là cơ hội tuyệt vời để bạn hiểu cơ chế phát triển trò chơi trực tuyến nếu bạn quen thuộc với kiến thức cơ bản về HTML5 và JavaScript
Bản demo trực tiếpTải xuống
đảo bỏ túi
Pocket Island là một trò chơi dựa trên trình duyệt đáng kinh ngạc sử dụng tính linh hoạt được cung cấp bởi HTML5 và JavaScript. Nó có thiết kế giao diện người dùng thực sự tiên tiến đi kèm với cốt truyện hấp dẫn
Trò chơi xoay quanh một danh sách mong muốn của nhà vua bao gồm một số nhiệm vụ. Bạn phải thực hiện mong muốn của mình để giành chiến thắng trong trò chơi
Tải xuống
2048
2048 là một bản sao của trò chơi Play Store nổi tiếng 1024. Mã nguồn của nó được viết bằng HTML5, CSS3 và JavaScript. Nếu bạn quen thuộc với những ngôn ngữ này thì tôi khuyên bạn nên đóng góp trong trò chơi tuyệt vời này và thể hiện kỹ năng của mình với toàn thế giới. Trò chơi này được cấp phép theo Giấy phép MIT nổi tiếng
Bản demo trực tiếpTải xuống
HexGL
HexGL nổi bật so với phần còn lại của các trò chơi HTML5 và JavaScript nguồn mở khi nói đến đồ họa tiên tiến cho thiết kế trò chơi. Trò chơi đua xe tương lai này có giao diện người dùng không thể tin được khiến chúng ta giống như đang chơi một trò chơi điện tử ngoại tuyến trên máy tính để bàn
Nó sử dụng HTML5 và JavaScript để hiển thị môi trường trò chơi. Dự án nguồn mở này được Thibaut Despoulain phát triển và duy trì với sự giúp đỡ của một số cộng tác viên
Bản demo trực tiếpTải xuống
Mimtris
Mimstris là một trò chơi giải đố trực tuyến thú vị mà bạn chắc chắn sẽ thích chơi khi rảnh rỗi. Trong trò chơi này, bạn phải nhanh chóng sắp xếp các khối rơi xuống có hình dạng khác nhau để lấp đầy hàng ngang tương tự như trò chơi điện tử Tetris. Nó được tạo bằng HTML5 và một số khung JavaScript như React và Redux. Tôi đặt cược bạn sẽ rơi vào tình yêu với trò chơi này
Bản demo trực tiếpTải xuống
Trò chơi xây tháp
Trò chơi xây tháp khiến bạn cảm thấy vui vẻ. Vâng, điều đó đúng bởi vì trò chơi được thiết kế theo cách mà chúng tôi muốn chơi đi chơi lại
Nó tương tự như trò chơi Tower Bloxx Deluxe từng đoạt giải thưởng, trong đó nhiệm vụ của bạn là thả các khối chồng lên nhau và tiến về phía bầu trời
Cấu trúc của nó được tạo bằng phần tử canvas mới của ngôn ngữ HTML5 trong khi logic được viết bằng ES6 [một bản cập nhật nổi bật cho ngôn ngữ JavaScript]
Bản demo trực tiếpTải xuống
Trình duyệtQuest
BrowserQuest là một trò chơi trực tuyến nhiều người chơi [MMO] mã nguồn mở, đây là một thử nghiệm do Little Workshop thực hiện cho Mozilla
Nó dựa trên một thể loại phiêu lưu, trong đó nhiệm vụ của bạn là khám phá thế giới. Bạn sẽ phải đối mặt với một số kẻ thù trên đường đi, vì vậy hãy bình tĩnh và đánh bại chúng. Bạn thậm chí có thể khám phá những món quà sẽ giúp bạn mạnh mẽ và tập trung vào việc đạt được mục tiêu của mình
Trò chơi được xây dựng bằng HTML5 và JavaScript, điều này chứng tỏ tính linh hoạt của các ngôn ngữ này
Bản demo trực tiếpTải xuống
mk. js
mk. js có khái niệm giống với một trong những loạt trò chơi điện tử phổ biến nhất Tekken. Trò chơi chiến đấu có ba loại "Cơ bản", "Nhiều người chơi" và "Mạng"
Cấu trúc cơ bản của nó được tạo bằng HTML5, kiểu dáng được thực hiện bằng CSS3 trong khi logic trò chơi được viết bằng JavaScript. Nếu bạn là một fan hâm mộ lớn của trò chơi chiến đấu thì bạn sẽ thích đọc mã của nó và tôi hy vọng bạn sẽ có thể viết thứ gì đó hay hơn trong tương lai
Bản demo trực tiếpTải xuống
Bộ cờ 3D Hartwig
Bộ cờ 3D Hartwig là một trong những ví dụ thú vị nhất về trò chơi mã nguồn mở HTML5 và JavaScript. Vì nó có một trong những giao diện người dùng hấp dẫn nhất và cung cấp trải nghiệm người dùng tuyệt vời. Nó được tạo bằng HTML5, CSS3 và JavaScript. Lưu ý rằng mã nguồn của nó có sẵn theo Giấy phép MIT
Bản demo trực tiếpTải xuống
Lạc đường
Astray chắc chắn là một ví dụ tuyệt vời về các trò chơi HTML5 và JavaScript mã nguồn mở tốt nhất. Trò chơi này thực sự nổi bật so với phần còn lại của đám đông vì nó thể hiện khả năng của những gì WebGL có thể làm trong trình duyệt web
Nó sử dụng Ba. js và Box2dWeb để tạo giao diện người dùng 3D nâng cao. Nhà phát triển không tin vào giấy phép và cho phép bạn sử dụng mã nguồn của trò chơi này theo cách bạn muốn
Bản demo trực tiếpTải xuống
chim vụng về
Clumsy Bird là một bản sao của trò chơi “Flappy Bird” và nó sử dụng công cụ trò chơi HTML5 nhẹ và mã nguồn mở MelonJS. Trò chơi hoạt động bằng cách bạn điều khiển một nhân vật đang bay và nhiệm vụ là vượt qua nó thành công từ giữa các bức tường đến mà không va phải chúng
Bản demo trực tiếpTải xuống
Hextris
Hextris là một trò chơi giải đố tuyệt vời được nhà phát triển lấy cảm hứng từ trò chơi nổi tiếng Tetris. Trò chơi tăng dần tốc độ khi nó tiến triển khiến nó rất gây nghiện. Nó sử dụng canvas HTML5 để kết xuất trò chơi với sự trợ giúp của JavaScript và tạo kiểu cho trò chơi bằng CSS3
Bản demo trực tiếpTải xuống
thuộc địa cuối cùng
Thuộc địa cuối cùng thuộc thể loại trò chơi chiến lược thời gian thực [RTS], là một ví dụ độc đáo về các trò chơi HTML5 và JavaScript mã nguồn mở
Nó đi kèm với chế độ chơi đơn và nhiều người chơi. Trong chế độ chiến dịch một người chơi, trò chơi có cốt truyện theo kịch bản, trong đó nhiệm vụ của bạn là xây dựng nền kinh tế và đánh bại kẻ thù của mình. Trò chơi có nhiều loại tòa nhà, máy bay và phương tiện tạo ra sự phấn khích cho người dùng. Điều thú vị về trò chơi này là cơ sở mã của nó cũng được viết bằng HTML5, CSS3 và JavaScript
Bản demo trực tiếpTải xuống
Trình đua 3D giả Javascript
Javascript Pseudo 3D Racer có khái niệm tương tự như trò chơi điện tử OutRun. Như tên cho thấy nó được phát triển bằng HTML5 và JavaScript. Trò chơi phát triển dần dần trong 4 phiên bản và thậm chí bạn có thể kiểm tra tiến trình từng bước của trò chơi thông qua kho lưu trữ Github
Theo nhà phát triển của nó, trò chơi phù hợp hơn với các trình duyệt web hiện đại. Anh ấy cũng tuyên bố rằng mã nguồn không có cấu trúc tốt vì trò chơi chỉ nhằm mục đích thể hiện những điều cơ bản của trò chơi đua xe giả 3d
Bản demo trực tiếpTải xuống
Pacman-vải
Pacman-canvas được viết lại hoàn toàn từ đầu bằng HTML5 và JavaScript. Trong Pacman-canvas, bạn phải điều khiển một nhân vật bằng các phím mũi tên trên bàn phím và thu thập các vật phẩm được đặt trong mê cung đồng thời bảo vệ bản thân khỏi các đơn vị kẻ thù. Bạn sẽ được thăng cấp tiếp theo sau khi nhặt thành công tất cả các vật phẩm
Bản demo trực tiếpTải xuống
Tetris vải
Canvas Tetris là một minh họa thực sự đơn giản của trò chơi Tetris được viết bằng HTML5 và JavaScript để cung cấp cho các nhà phát triển mới bắt đầu hiểu cơ bản về các khái niệm trò chơi 2D. Nhà phát triển đã đề cập rằng anh ấy đã tạo trò chơi này chỉ trong 45 phút. Vì vậy, nếu bạn đã quen thuộc với những điều cơ bản về HTML5, CSS3 và JavaScript thì tôi chắc chắn khuyên bạn nên đọc mã nguồn của nó và nâng cao kỹ năng phát triển trò chơi của mình
Bản demo trực tiếpTải xuống
Quái vật cổ đại
Ancient Beast là một trò chơi nhiều người chơi dựa trên trình duyệt tuyệt vời sử dụng tính linh hoạt được cung cấp bởi HTML5 và JavaScript. Trò chơi này là một trò chơi chiến lược dựa trên lượt của người chơi và được chơi trực tuyến với những người chơi khác
Trò chơi này có nhiều loại sinh vật mà người chơi có thể thu được khi chơi cùng và sau đó người chơi có thể sử dụng chúng để đánh bại đối thủ của mình. Phiên bản của trò chơi này hiện có là 0. 3 được phát triển bằng HTML và JavaScript với các plugin ổ cắm cần thiết
Bản demo trực tiếpTải xuống
ophog
OpHog là một trong những trò chơi phòng thủ tháp thú vị và hấp dẫn nhất được phát triển bằng HTML5 và JavaScript. Trò chơi cho phép bạn đặt các đơn vị phòng thủ để đánh bại trùm của kẻ thù ở mỗi cấp độ trong khi bảo vệ cổng của bạn. Các nhà phát triển đã sử dụng HammerJS cho các cử chỉ chạm trong trò chơi và giao diện người dùng JQuery cho giao diện người dùng
Bản demo trực tiếpTải xuống
Flexbox ếch
Flexbox Froggy là trò chơi được phát triển. Trò chơi này cho phép bạn nhập các kiểu CSS để di chuyển con ếch và chạm đáy nơi có ao. Trò chơi được phát triển đơn giản bằng cách sử dụng các kiểu HTML5, JavaScript, CSS và một số hình ảnh
Bản demo trực tiếpTải xuống
vườn lưới
Grid garden là một trò chơi tương tự như Flexbox Froggy và được phát hành bởi cùng một nhà phát triển. Grid Garden là trò chơi giúp người chơi tìm hiểu về thuộc tính Grid CSS. Nhà phát triển sử dụng animate. css và JQuery để thiết kế và phát triển trò chơi đơn giản nhưng sáng tạo này
Bản demo trực tiếpTải xuống
Trò chơi lượng tử
Trò chơi lượng tử là một trò chơi giải đố dựa trên trình duyệt đơn giản và sáng tạo, sử dụng các thuật ngữ từ cơ học lượng tử trong trò chơi
Trò chơi chứa các nguồn photon để phát ra các hạt photon, đá đóng vai trò là chướng ngại vật, gương để làm chệch hướng hạt photon và máy dò photon nhận hạt photon
Bí quyết là sắp xếp gương sao cho hạt photon phát ra từ nguồn photon sẽ đến được máy dò photon tránh các tảng đá. Trò chơi này được phát triển bằng cách sử dụng bố cục HTML5 đơn giản và JavaScript với các plugin âm thanh và CSS
Bản demo trực tiếpTải xuống
Đột kích bán kính
Radius Raid là một trò chơi theo chủ đề không gian tuyệt vời và hấp dẫn được phát triển bằng hoạt ảnh HTML5 với JavaScript. Đây là một trò chơi bắn súng, trong đó người chơi cần bắn vào những kẻ thù tàn nhẫn và tiêu diệt chúng trước khi tàu địch tiêu diệt chúng. Trò chơi này bao gồm nhiều loại kẻ thù khác nhau, thiết kế nền tuyệt vời với hiệu ứng âm thanh kiểu cũ và số liệu thống kê về người chơi được lưu trữ cục bộ sẽ giúp người chơi gắn bó lâu dài với trò chơi
Bản demo trực tiếpTải xuống
Phản ứng Simon nói
Đúng như tên gọi, React Simon Says là trò chơi được phát triển bằng cách sử dụng khung React JavaScript với chức năng Redux. Trò chơi này về cơ bản chứa 4 khối màu sáng theo thứ tự cụ thể
Sau khi các khối sáng lên, người chơi phải nhấp vào các khối theo thứ tự khi chúng sáng lên để đạt điểm. Nhà phát triển sử dụng dự án React-redux với một số CSS styled-components để phát triển trò chơi đơn giản này
Bản demo trực tiếpTải xuống
React-2048-trò chơi
React-2048-game là bản tái hiện hoàn chỉnh của một trò chơi di động gây nghiện có tên “2048” mà chắc hẳn ai cũng đã từng chơi. Đúng như tên gọi, trò chơi này được phát triển bằng cách sử dụng các phương pháp hay nhất của khung React JavaScript với redux bao gồm mã trò chơi HTML5 và JavaScript. Trò chơi này cung cấp cho người dùng các nút mũi tên để di chuyển các khối số. Người chơi phải di chuyển các khối số sao cho nó kết hợp và cộng với các khối khác để đạt được số điểm 2048
Bản demo trực tiếpTải xuống
Kẻ xâm lược không gian
SpaceInvaders là một trò chơi bắn súng theo chủ đề không gian đáng kinh ngạc được phát triển bằng mã HTML5 và JavaScript. Trò chơi này thực sự là một phiên bản làm lại của trò chơi phaser kẻ xâm lược không gian. Nhà phát triển sử dụng Yêu cầu. js để làm cho mã của trò chơi này dễ quản lý và có cấu trúc hơn bằng cách sử dụng các mô-đun JavaScript
Bản demo trực tiếpTải xuống
BreakLock
BreakLock là một ví dụ thú vị về trò chơi HTML5. Trò chơi này là sự kết hợp giữa Mastermind và trò chơi khóa Android, sử dụng các khóa mẫu Android làm thành phần trò chơi. Bạn cần kết nối các dấu chấm để khớp với hình khóa và giành chiến thắng. Trò chơi này sử dụng Webpack và các giải pháp ứng dụng web tiến bộ để mang đến một trò chơi đẹp mắt và thú vị
Bản demo trực tiếpTải xuống
Circus Charly cống hiến html5 trong phaser
Circus Charly là một trò chơi đơn giản và gây nghiện được phát triển bằng HTML5 và JavaScript để vinh danh trò chơi phaser. Trò chơi này có một đường đua với các vòng lửa và một người chơi với một chú sư tử xiếc phải nhảy qua vòng lửa và vượt qua một khoảng cách đáng kể để ghi điểm cao hơn. Khi cấp độ tăng dần, các vòng lửa trở nên nhỏ hơn và hoạt ảnh của trò chơi trở nên nhanh hơn
Bản demo trực tiếpTải xuống
ClashJS
ClashJS là một trò chơi dựa trên AI thú vị và sáng tạo được xây dựng bằng HTML5 làm giao diện và JavaScript làm logic. Đây là một trò chơi chiến đấu AI có các máy bay chiến đấu trong đó những người tham gia mã hóa AI của họ để khiến họ chiến đấu. Đây là một cơ hội tuyệt vời để hiểu cách AI hoạt động với JavaScript. Trò chơi được cung cấp miễn phí trên GitHub với tất cả các chi tiết nêu rõ cơ chế của trò chơi AI đáng kinh ngạc này
Bản demo trực tiếpTải xuống
bảo vệ nha khoa. Saga of the Candy Horde
Dental Defender là một trong những trò chơi phòng thủ tháp HTML5 thú vị nhất. Nó là sự kết hợp giữa trò chơi phòng thủ tháp và trò chơi bắn súng. Trò chơi này được tạo bằng HTML5 cho giao diện người dùng, CSS3 để tạo kiểu trong khi logic trò chơi được viết bằng JavaScript. Trò chơi này có một khái niệm tương tự như phòng thủ tháp, trong đó người chơi phải bảo vệ răng khỏi bị vi trùng ăn thịt. Người chơi có thể di chuyển xung quanh răng và bắn vi trùng để tiêu diệt chúng. Trò chơi này rất thú vị và bạn chắc chắn sẽ thích nó rất nhiều
Bản demo trực tiếpTải xuống
diablo-js
Diablo-js là một trong những trò chơi HTML5 và JavaScript hay nhất mà bạn có thể tìm và chơi ngay bây giờ. Nó được phát triển bằng cách sử dụng cơ sở mã tối thiểu nhất có thể với html5 canvas và JavaScript. Giao diện người dùng và hình ảnh trong trò chơi này thật đáng kinh ngạc khi hoạt hình HTML5 và logic JavaScript đã được đưa vào sử dụng tối ưu. Trò chơi về cơ bản xoay quanh một chiến binh có thể di chuyển khắp bản đồ bằng cách nhấp chuột và tiêu diệt kẻ thù xuất hiện. Trò chơi này có thể là cơ hội tốt nhất để bạn tìm hiểu đầy đủ về HTML5
Bản demo trực tiếpTải xuống
SĂN VỊT JS
Game Săn Vịt là một trò chơi rất hay và hấp dẫn mà có lẽ ai cũng đã từng chơi trong thời kỳ thống trị của trò chơi điện tử. Trong trò chơi này, về cơ bản, chúng tôi bắn những con vịt bay từ bãi cỏ bằng cần điều khiển nhưng trong trường hợp này, chúng tôi sử dụng các cú nhấp chuột để hạ gục những con vịt đang bay. Trò chơi này được triển khai bằng HTML5 và JavaScript. Nhà phát triển đã sử dụng PixiJS làm công cụ kết xuất và Green Sock Animations cho mục đích hoạt hình
Bản demo trực tiếpTải xuống
emoji-dò mìn
Tất cả chúng ta đều biết về trò chơi quét mìn có sẵn trong kho trò chơi windows. Chà, trò chơi quét mìn Emoji này là bản diễn giải lại của trò chơi quét mìn sử dụng HTML5 và JavaScript. Sự khác biệt duy nhất là chúng tôi đặt biểu tượng cảm xúc làm điểm đánh dấu vị trí quả bom thay vì cờ. Bạn sử dụng nhấp chuột trái để mở một điểm, nhấp chuột phải để đánh dấu một điểm là một quả bom. Tôi chắc chắn rằng trò chơi này sẽ thú vị như trò chơi truyền thống mà chúng ta từng chơi
Bản demo trực tiếpTải xuống
Phòng thủ tháp HTML5
Phòng thủ tháp HTML5 là một trò chơi phòng thủ tháp thú vị khác được triển khai bằng HTML5 và JavaScript. Trong trò chơi này, chúng tôi kéo các khẩu pháo phòng thủ của mình vào bản đồ bố trí và đặt chúng theo cách mà kẻ thù xuất hiện từ toàn bộ không đến được lỗ của chúng tôi. Trò chơi cũng chứa dữ liệu thống kê cập nhật động khi trò chơi diễn ra
Bản demo trực tiếpTải xuống
Mario vô tận trong HTML5 JavaScript
Trò chơi Infinite Mario này là một bản sao của Infinite Mario gốc, được mã hóa bằng JavaScript cho các trình duyệt web sử dụng HTML5 cho UI/UX. Trò chơi này có một ví dụ điển hình về việc sử dụng các yếu tố Canvas và Âm thanh. Bạn sẽ có thể tìm hiểu rất nhiều về các yếu tố Canvas và Âm thanh thông qua mã nguồn của trò chơi này có sẵn miễn phí trên GitHub
Bản demo trực tiếpTải xuống
Nhấn vào Cuộc phiêu lưu
Tap tap adventure là một trò chơi trực tuyến trong đó bạn phải di chuyển người chơi của mình đến đúng vị trí trong trò chơi. Bất cứ khi nào bạn chạm vào màn hình, người chơi của bạn sẽ di chuyển từ nơi này sang nơi khác và bạn cũng có thể thu thập giá trong trò chơi
Tải xuống
Trình giả lập trò chơi TETRIS gốc
Trò chơi Tetris là một trò chơi mô phỏng thú vị và sáng tạo của phiên bản gốc năm 1984 của trò chơi TETRIS. Nhà phát triển sử dụng HTML5 và JavaScript để triển khai trò chơi này cho các trình duyệt. Trò chơi hoàn toàn dựa trên văn bản trong đó mọi khung hình của hoạt ảnh trò chơi được hiển thị thành một chuỗi văn bản có 25 hàng 80 ký tự
Bản demo trực tiếpTải xuống
TIC Tac Toe
Tic Tac Toe là một trong những trò chơi đơn giản và gây nghiện nhất hiện có. Trò chơi này được phát triển bằng HTML5, JavaScript và CSS cho một số kiểu dáng. Nhà phát triển đã sử dụng các phông chữ của Google để làm cho trò chơi này hấp dẫn hơn về mặt hình ảnh. Trò chơi này là một bản sao chính xác của tic tac toe mà chúng ta chơi trong đời thực bằng bút và giấy. Ở đây, về cơ bản, chúng tôi sử dụng các cú nhấp chuột để đặt các vòng tròn và gạch chéo trong giao diện bố cục
Bản demo trực tiếpTải xuống
TooAngel Trí tuệ nhân tạo cho screeps
Trò chơi TooAngel là một bản dựng trò chơi đáng kinh ngạc kết hợp Trí tuệ nhân tạo cùng với HTML5 và JavaScript cho giao diện và logic. Screeps về cơ bản có nghĩa là "scripting creep". Trò chơi này là một trò chơi hộp cát mã nguồn mở dành cho các lập trình viên, trong đó cơ chế cốt lõi là lập trình AI cho đơn vị của bạn. Bạn kiểm soát thuộc địa của mình bằng cách viết mã JavaScript. Đây có thể là cơ hội tuyệt vời để bạn học tập lệnh AI bằng JavaScript
Bản demo trực tiếpTải xuống
Tháp quốc phòng
phòng thủ tháp là một trò chơi phòng thủ tháp đơn giản được triển khai bằng p5. JS. Bạn cũng có thể tạo và chỉnh sửa bản đồ tùy chỉnh bằng trình chỉnh sửa bản đồ này. Mã trò chơi có sẵn miễn phí trong Github cùng với các điều khiển để chơi trò chơi này
Bản demo trực tiếpTải xuống
tháp pháo
Tháp pháo là những tòa tháp nhỏ trên các bức tường của lâu đài chủ yếu được sử dụng làm vị trí phòng thủ để yểm trợ bắn vào kẻ thù. Trong trò chơi này, bạn phải tiêu diệt kẻ thù bằng cách sử dụng các tháp pháo này. Bạn có thể di chuyển các tháp pháo bằng cách sử dụng con trỏ
Bạn có thể mua hoặc bán các tháp pháo trong trò chơi và bạn cũng phải chọn mức độ khó trước khi bắt đầu trò chơi
Bản demo trực tiếpTải xuống
đánh máy
Typer là một trò chơi chữ cái đơn giản trong đó bạn có một vòng tròn màu đỏ ở trung tâm. Các bảng chữ cái ngẫu nhiên đang tiếp cận vòng tròn này nằm ở trung tâm. Nếu những bảng chữ cái này chạm vào trung tâm thì bạn sẽ thua trò chơi
Vì vậy, trong trò chơi này, bạn phải ngăn bảng chữ cái chạm vào vòng tròn bằng cách nhập bảng chữ cái và điều quan trọng là trò chơi này phân biệt chữ hoa chữ thường
Bản demo trực tiếpTải xuống
Phòng thủ tháp web
Trong trò chơi này, bạn phải đặt tháp phòng thủ trên hình vuông trước mặt kẻ thù. Bạn phải nhấp vào biểu tượng tháp và sau đó đặt nó vào ô vuông mà bạn muốn xây tháp
Bạn phải đặt các tòa tháp theo cách mà bạn có thể tiêu diệt kẻ thù tối đa
Bản demo trực tiếpTải xuống
Cuộc xâm lược của người ngoài hành tinh
Cuộc xâm lược của người ngoài hành tinh là một trò chơi trong đó bạn phải tiêu diệt người ngoài hành tinh bằng cách sử dụng máy bay của mình. Trong trò chơi này, bạn phải tiêu diệt người ngoài hành tinh đi ngược hướng máy bay của bạn
Bạn cũng cần bảo vệ máy bay của mình khỏi sự tấn công của người ngoài hành tinh và cũng cứu máy bay của bạn khỏi bị người ngoài hành tinh tấn công
Bản demo trực tiếpTải xuống
GM bóng rổ
Basketball GM là một trò chơi quản lý thể thao và bạn là người quản lý thể thao của đội và bạn phải thực hiện tất cả các nhiệm vụ quản lý như quản lý tài chính, chiến thắng nhiều cuộc thi hơn, phát triển cầu thủ và chọn các giải đấu khác nhau
Trò chơi được chia thành các giai đoạn khác nhau E. tiền mùa giải, mùa giải thông thường, vòng loại trực tiếp và phác thảo. Luật chơi tương tự như NBA. Đây là một trò chơi rất thú vị và bạn có thể học được rất nhiều từ mã trò chơi này
Bản demo trực tiếpTải xuống
Trò chơi phòng thủ tháp vải
Bản demo trực tiếpTải xuống
canvas-td
Đây là một trò chơi tháp được xây dựng bằng phần tử canvas được sử dụng để tạo các hình dạng 2d trong JS. Trong trò chơi này, người chơi phải mua các tháp pháo và anh ta phải đặt những tháp pháo này theo cách của kẻ thù. Khi kẻ thù đến gần tháp pháo, nó sẽ nổ súng vào kẻ thù
Bản demo trực tiếpTải xuống
trò chơi phòng thủ tháp tự chế
Đây là trò chơi một người chơi, trong đó bạn phải bảo vệ người chơi của mình khỏi gấu tuyết. Bạn có thể di chuyển trình phát của mình với sự trợ giúp của con trỏ. Để sống sót trong trò chơi này, bạn phải duy trì sự giúp đỡ của mình và bạn có thể tăng cường sức khỏe của mình từ các tòa tháp
Bản demo trực tiếpTải xuống
Người đẹp ngủ trong rừng
Người đẹp ngủ trong rừng là một trò chơi trực tuyến dựa trên một câu chuyện cổ tích. Trong trò chơi này, bạn phải tiếp cận công chúa đang ngủ trên tầng 1 của tòa tháp. Bằng cách sử dụng các phím mũi tên, bạn có thể di chuyển xung quanh và cố gắng đến tòa tháp nơi công chúa đang ngủ
Và một lưu ý thú vị, chúng tôi cũng cảnh báo bạn ở đây rằng trước mặt bạn có nhiều nhà thám hiểm đi sau cô ấy nhưng không có ai quay lại nên hãy cẩn thận
Bản demo trực tiếpTải xuống
Công ty vũ trụ
Công ty vũ trụ là một trò chơi trực tuyến trong đó nhiệm vụ chính của bạn là thu thập tài nguyên. Bạn có thể lấy các tài nguyên này bằng cách khai thác. Bạn có thể thuê công nhân hoặc chế tạo máy móc để có được những tài nguyên này
Bản demo trực tiếpTải xuống
MÃ Swift
Mã Swift là một trò chơi gõ hạt giống nhiều người chơi dành cho các lập trình viên. Trong trò chơi này, lập trình viên có thể tạo trò chơi một người chơi hoặc nhiều người chơi của riêng họ bằng cách sử dụng ngôn ngữ lập trình được cấu hình sẵn. Người dùng cũng có một tùy chọn để tham gia các trò chơi hiện có
Bản demo trực tiếpTải xuống
Tháp quốc phòng
Trò chơi phòng thủ Tháp được xây dựng bằng ba. thư viện js của javascript. Trong trò chơi này, bạn phải xây tháp và gán đạn cho từng tháp. Điểm số và tiến độ của bạn cũng được lưu trữ trong trò chơi này. Bạn cũng phải chọn mức độ khó khăn trước khi bắt đầu trò chơi