Một trong những điều tuyệt vời về c&aacute;c game HTML5 l&agrave; ch&uacute;ng chạy được ở tất cả c&aacute;c tr&igrave;nh duyệt, thậm ch&iacute; cả tr&igrave;nh duyệt của smartphone như iPhone, Windowns Phone. Xem x&eacute;t c&aacute;c open source&nbsp;game HTML5 l&agrave; một c&aacute;ch tốt để trải nghiệm c&aacute;c khả năng v&agrave; học c&aacute;ch l&agrave;m một game của ri&ecirc;ng bạn.

Trong b&agrave;i n&agrave;y, ch&uacute;ng t&ocirc;i sẽ liệt k&ecirc; 10 game HTML5 open source được lấy cảm hứng từ c&aacute;c tựa game nổi tiếng như: Xếp gạch, Pacman, Asteroids hay thậm ch&iacute; l&agrave; Flappy Bird. Tất cả c&aacute;c game n&agrave;y được x&acirc;y dựng bằng HTML5 v&agrave; Javascript. Bạn c&oacute; thể thấy link để chơi thử v&agrave; m&atilde; nguồn mở. Ch&uacute;ng t&ocirc;i đ&atilde; th&ecirc;m v&agrave;o một số game multi-player v&agrave;o cuối danh s&aacute;ch. Ch&uacute;c vui vẻ! &nbsp; &nbsp;

<h3>2048</h3>

Đ&acirc;y l&agrave; game trở th&agrave;nh mốt tr&ecirc;n mọi platform, 2048 c&oacute; m&atilde; nguồn mở tr&ecirc;n GitHub. Game n&agrave;y được l&agrave;m bởi Gabriele Cirulli v&agrave; thực chất l&agrave; bản sao của nhiều loại game. Nhưng điều đ&oacute; kh&ocirc;ng ngăn cản 2048 trở th&agrave;nh một app th&agrave;nh c&ocirc;ng v&agrave; nhiều developer cảm thấy dễ d&agrave;ng để clone v&agrave; xuất bản trong nhiều dạng. C&aacute;ch chơi rất đơn giản, bạn chỉ cần trượt c&aacute;c &ocirc; số kh&aacute;c nhau để cộng lại th&agrave;nh &ocirc; số 2048.

<img alt="10 HTML5 open source code game - 1" src="https://resources.mindx.edu.vn/uploads/images/Open source game -1.jpg" style="height:400px; width:640px" />

Link chơi online: <a href="https://gabrielecirulli.github.io/2048/">https://gabrielecirulli.github.io/2048/</a> Source code: <a href="https://github.com/gabrielecirulli/2048">https://github.com/gabrielecirulli/2048</a>

<hr />
<h3>Clumsy Bird</h3>

Liệu bạn c&ograve;n nhớ Flappy Bird? C&aacute;i game m&agrave; l&agrave;m khuynh đảo cả app store v&agrave; khiến mọi người tự hỏi l&agrave;m sao một tr&ograve; chơi thật đơn giản nhưng cũng thật dễ nghiện? Vậy th&igrave; b&acirc;y giờ bạn c&oacute; thể t&igrave;m thấy source code clone của n&oacute; l&agrave;m bằng HTML5 với t&ecirc;n gọi Clumsy Bird. Game n&agrave;y được l&agrave;m bởi &nbsp;Ellison Le&atilde;o v&agrave; anh ta cũng l&agrave;m một hướng dẫn t&ugrave;y chỉnh đơn giản trong trường hợp bạn muốn clone.

<h3 style="text-align:center"><img alt="10 HTML5 open source code game - 2" src="https://resources.mindx.edu.vn/uploads/images/Open source game -2.jpeg" style="height:305px; width:508px" /></h3>

Link online:<a href="https://ellisonleao.github.io/clumsy-bird/"> https://ellisonleao.github.io/clumsy-bird/</a> Sourcecode:<a href="https://github.com/ellisonleao/clumsy-bird"> https://github.com/ellisonleao/clumsy-bird</a>

<hr />
<h3>Hextris</h3>

Hextris l&agrave; một game tr&iacute; tuệ được ph&aacute;t triển bởi Garrett Finucane v&agrave; Logan Engstrom. Từ tựa game ch&uacute;ng ta c&oacute; thể suy đo&aacute;n l&agrave; game được chơi giống game xếp gạch tr&ecirc;n nền lục gi&aacute;c. B&ecirc;n cạnh việc chơi game n&agrave;y online, th&igrave; bạn c&oacute; thể tải về từ iOS v&agrave; Android.

<img alt="10 HTML5 open source code game - 3" src="https://resources.mindx.edu.vn/uploads/images/Open source game -3.jpg" style="height:360px; width:640px" />

Link Online: <a href="https://hextris.github.io/hextris/">https://hextris.github.io/hextris/</a> Sourcecode: <a href="https://github.com/Hextris/hextris">https://github.com/Hextris/hextris</a>

<hr />
<h3>HTML5 Pacman</h3>

Đ&acirc;y l&agrave; một open source code game clone của một game cổ điển Pacman. Dale Harvey - một nh&agrave; developer đ&atilde; chia sẻ kinh nghiệm v&agrave; vấn đề bị vướng mắc trong qu&aacute; tr&igrave;nh ph&aacute;t triển game <a href="http://arandomurl.com/2010/07/25/html5-pacman.html">tại đ&acirc;y</a>.

<img alt="10 HTML5 open source code game - 4" src="https://resources.mindx.edu.vn/uploads/images/Open source game -4.png" style="height:394px; width:545px" />

Sourcecode:&nbsp;<a href="https://github.com/daleharvey/pacman">HTML5 Packman Source Code</a>

<hr />
<h3>Astray</h3>

Astray l&agrave; một game m&ecirc; cung được x&acirc;y dựng bởi Three.js v&agrave; Box2dWeb. Ph&aacute;t triển bởi Rye Terrell, đ&acirc;y l&agrave; một game biểu diễn được khả năng 3D của c&aacute;c game HTML5, bạn c&oacute; thể tham khảo <a href="http://superdevresources.com/assassins-creed-pirates-developer-contest/">Assasin Creed Pirates</a>

<img alt="10 HTML5 open source code game - 5" src="https://resources.mindx.edu.vn/uploads/images/Open source game -5.JPG" style="height:405px; width:720px" />

Link chơi online:&nbsp;<a href="https://wwwtyro.github.io/Astray/">Play Astray</a> <a href="https://github.com/wwwtyro/Astray">Astray</a> Link sourcecode:&nbsp;<a href="https://github.com/wwwtyro/Astray">Source Code</a>

<hr />
<h3>Canvas Tetris</h3>

Bạn c&oacute; thể dễ d&agrave;ng đo&aacute;n được l&agrave; Canvas Tetris l&agrave; một clone của game Xếp gạch v&agrave; được chơi tr&ecirc;n nền HTML5. Game n&agrave;y được ph&aacute;t triển bởi Dionysis Zindros chỉ trong v&ograve;ng 45 ph&uacute;t.

<img alt="10 HTML5 open source code game - 6" src="https://resources.mindx.edu.vn/uploads/images/Open source game -6.jpg" style="height:365px; width:600px" />

Link chơi online:&nbsp;<a href="http://dionyziz.logimus.com/tetris/">Play Canvas Tetris</a> Link sourcecode:&nbsp;<a href="https://github.com/dionyziz/canvas-tetris">Source Code</a>

<hr />
<h3>Agent 8 Ball</h3>

Agent 8 ball is a fun HTML5 pool game with bombs. Developed by Pixel Lab, Agent 8 ball is quite a polished game. Agent 8 ball l&agrave;m một open source code game HTML5 đ&aacute;nh bi&nbsp;a kh&aacute; vui.&nbsp;&nbsp;

<img alt="10 HTML5 open source code game - 7" src="https://resources.mindx.edu.vn/uploads/images/Open source game -7.jpg" style="height:378px; width:672px" />

<a href="http://agent8ball.com/">Play Agent 8 ball</a> <a href="https://github.com/thinkpixellab/agent8ball">Source Code</a> &nbsp;

<hr />
<h2>Multi-Player HTML5 &nbsp;Open Source code Game</h2>

<h3>mk.js</h3>

mk.js l&agrave;m một clone của Mortal Kombat được tạo bằng HTML5 canvas v&agrave; JavaScript bởi Minko Gechev. N&oacute; cho ph&eacute;p 2 người chơi tr&ecirc;n một m&aacute;y t&iacute;nh hoặc một server.

<img alt="10 HTML5 open source code game - 8" src="https://resources.mindx.edu.vn/uploads/images/Open source game -8.jpg" style="height:405px; width:700px" />

<a href="http://mk.mgechev.com/">Play mk.js</a> <a href="https://github.com/mgechev/mk.js">Source Code</a>

<hr />
<h3>Shootr</h3>

Shootr l&agrave;m một open source code game multiplayer dạng phi thuyền ph&aacute;t triển bởi N. Taylor Mullen. N&oacute; được x&acirc;y dựng bằng <a href="https://www.asp.net/signalr">SignalR</a> v&agrave; <a href="http://endgate.net/">EndGate</a>

<img alt="10 HTML5 open source code game - 9" src="https://resources.mindx.edu.vn/uploads/images/Open source game -9.png" style="height:457px; width:700px" />

<a href="http://shootr.signalr.net/">Play Shootr</a><a href="https://github.com/NTaylorMullen/ShootR">&nbsp;</a> <a href="https://github.com/NTaylorMullen/ShootR">Source Code</a>&nbsp;

<hr />
<h3>Browser Quest</h3>

BrowserQuest bởi Mozilla Foundation l&agrave; một sự tưởng nhớ đối với c&aacute;c d&ograve;ng game kinh điển. N&oacute; l&agrave; open source code game nhập vai phi&ecirc;u lưu l&agrave;m từ HTML5 v&agrave; Web Sockets.

<img alt="10 HTML5 open source code game - 10" src="https://resources.mindx.edu.vn/uploads/images/Open source game -10.jpg" style="height:357px; width:700px" />

<a href="http://browserquest.mozilla.org/">Play Browser Quest</a> <a href="https://github.com/mozilla/BrowserQuest">Browser Quest Source Code</a> &nbsp;

Hi vọng với 10 HTML5 open source code game n&agrave;y bạn sẽ gi&uacute;p &iacute;ch cho bạn trong việc thực hiện game của ri&ecirc;ng m&igrave;nh. Nếu gặp kh&oacute; khăn g&igrave;, h&atilde;y đến <a href="https://mindx.edu.vn/study-program/khoa-hoc-lap-trinh-tu-co-ban-toi-nang-cao?utm_source=Website&amp;utm_medium=Blog&amp;utm_campaign=Organic&amp;utm_content=5ea6482cfdfe6f18dcef6db8">MindX</a> ngay nh&eacute;!

Nguồn: Super Dev

Hotline

10 HTML5 Open source code Game cho lập trình viên

Đừng quên chia sẻ với bạn bè nhé!

BÀI VIẾT TƯƠNG TỰ