小游戏大智慧,10 个让人眼前一亮的 JavaScript 游戏

摘要: JS还可以这么玩~

Fundebug经授权转载,版权归原作者所有。

这是一篇有趣的文章,我们精选了 JS13K 游戏编程挑战的优秀作品,与大家分享。JS13K 是专为 JavaScript 开发者量身定制的编程竞赛,报名参赛的开发者需要根据挑战主题,利用 JS 开发一款不超过 13KB(译者注:压缩后档案大小不超过 13KB,且不得使用任何托管的函式库、图片或资料)的游戏进行角逐。

我们精选了去年(译者注:2018 年的主题为-离线游戏)参赛的优秀作品,你不光能体验小游戏的乐趣,还可以搜寻一些编程的灵感。一起来瞧瞧吧!

1. OnOff

2019-0416-001.jpg

这是一个很有挑战性的关卡游戏,简约的设计与有趣的音效让游戏妙不可言。躲闪尖刺,跃过深坑,通过场景切换完成 25 个由易到难的关卡挑战。作者还提供了一个很酷的关卡编辑器,让你体验创建关卡的乐趣。

游戏体验:https://js13kgames.com/games/onoff/index.html
项目地址:https://github.com/starzonmyarmz/js13k-2018

2. Everyone's sky

2019-0416-002.jpg

Everyone's sky 是一款经典的科幻风格太空冒险游戏。除了主打太空冒险,这款游戏还兼具了一些 RPG 游戏要素。在游戏中,通过控制飞船移动,联合太空中的其他势力收集资源。你可以结交盟友,和平的完成任务,也可以攻击你所遇到的一切势力。和平还是毁灭,掌握在你的手中。

游戏体验:https://js13kgames.com/games/everyones-sky/index.html
项目地址:https://github.com/remvst/everyones-sky

3. Underrun

2019-0416-003.jpg

这是一款第三人称射击游戏。游戏主角被关在损坏的实验室里,通过射杀变异的蜘蛛人,完成搜寻、重启终端系统的任务。游戏运行流畅,而像素风格的场景与人物,出色的灯光与音效,也让游戏蒙上一层阴暗、恐怖的氛围。

游戏体验:https://js13kgames.com/games/underrun/index.html
项目地址:https://github.com/phoboslab/underrun

4. Konnekt

2019-0416-004.jpg

这是一个简单的即时战略游戏。你需要清除病毒感染的系统节点,完成游戏挑战。随着关卡的深入,游戏难度会不断递增,你需要处理病毒感染的节点也会增多。这款游戏看似简单,却相当有挑战。

游戏体验:https://js13kgames.com/games/konnekt/index.html
项目地址:https://github.com/monsterkodi/konnekt

5. Super Chrono Portal Maker

2019-0416-005.jpg

这款游戏与原版的超级马里奥如出一辙。你需要控制主角移动、跳跃挑战 30 个不同级别的关卡,而每个级别也引入了丰富的游戏机制,让游戏妙趣横生。此外,开发者还提供了关卡构建器,帮助你打造专属的关卡并与朋友分享。

游戏体验:
https://js13kgames.com/games/super-chrono-portal-maker/index.html

6. Offline Paradise

2019-0416-006.jpg

这是一个快节奏的跑酷游戏,你需要控制游戏主角奔跑、跳跃、冲刺躲避不同的障碍物。游戏里设置了自动保存点功能,省去了挑战失败而重新开始游戏的烦恼。游戏不仅运行流畅,游戏场景、动画、音效也令人心情愉悦。

游戏体验:https://js13kgames.com/games/offline-paradise/index.html
项目地址:https://github.com/sirxemic/js13k-game

7. Raven

2019-0416-007.jpg

Raven 是一款动作益智游戏。你的任务很简单,通过调整游戏人物视角,在躲避神秘生物的同时完成修复安全摄像头的目标。游戏看似简单,但任务难度随关卡的增加变得困难重重。

游戏体验:https://js13kgames.com/games/raven/index.html
项目地址:https://github.com/elliot-nelson/js13k-2018-raven

8. Systems Offline

2019-0416-008.jpg

这是一款相当锻炼大脑的益智游戏。游戏的背景故事设定在破损的空间站内,你需要操纵主角在氧气耗尽之前,修复空间站系统并逃生。游戏设置了三个级别难度,操作简单(支持色盲模式),只需要利用鼠标就可以完成游戏。

游戏体验:https://js13kgames.com/games/systems-offline/index.html
项目地址:https://github.com/eschatonic/SystemsOffline

9. Re-wire

2019-0416-009.jpg

Re-wire 是一款逻辑思维游戏。你需要躲避锯齿的干扰,将线缆相连并插入插座。随着游戏进程的深入,挑战难度逐渐增加。开发者很有心,还提供了游戏自动保存功能。喜欢的朋友可以试试。

游戏体验:https://js13kgames.com/games/re-wire/index.html
项目地址:https://github.com/JMankopf/js13k-rewire

10. Spacecraft

2019-0416-100.jpg

这款游戏与跑酷游戏类似。你需要操作飞船,在太阳系各大行星上收集金币,并躲避障碍,勇夺高分。游戏还提供了购买飞船的功能。

游戏体验:https://js13kgames.com/games/spacecraft/index.html
项目地址:https://github.com/tricsi/spacecraft

感谢你的阅读。若你有所收获,欢迎点赞与分享。

注:

  1. 本文版权归原作者所有,仅用于学习与交流;
  2. 如需转载译文,烦请按下方注明出处信息,谢谢!

英文原文:10 Amazing JavaScript Games In Under 13kB of Code
作者:Georgi Georgiev
译者:IT程序狮
译文地址:https://zhuanlan.zhihu.com/p/57789538

关于Fundebug

Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java线上应用实时BUG监控。 自从2016年双十一正式上线,Fundebug累计处理了10亿+错误事件,付费客户有Google、360、金山软件、百姓网等众多品牌企业。欢迎大家免费试用

wechat_slogan.png

转载于:https://www.cnblogs.com/fundebug/p/10721732.html

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
抱歉,作为AI语言模型,我不能在这个平台上编写JavaScript小游戏。但是,我可以提供一个简单的游戏示例,供您参考。 示例:猜数字游戏 这个游戏让玩家猜一个1-100之间的随机数。玩家可以进行多次猜测,直到猜中为止。每次猜测后,游戏会提示玩家猜测的数字是太大了还是太小了。 HTML代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>猜数字游戏</title> </head> <body> <h1>猜数字游戏</h1> <p>猜一个1-100之间的随机数。</p> <input type="text" id="guessInput"> <button onclick="checkGuess()">猜!</button> <p id="result"></p> </body> </html> ``` JavaScript代码: ```javascript var target = Math.floor(Math.random() * 100) + 1; // 生成1-100之间的随机数 var guessCount = 0; function checkGuess() { var guess = parseInt(document.getElementById("guessInput").value); if (isNaN(guess) || guess < 1 || guess > 100) { document.getElementById("result").innerHTML = "请输入一个1-100之间的数字。"; return; } guessCount++; if (guess == target) { document.getElementById("result").innerHTML = "恭喜你,猜对了!你猜了" + guessCount + "次。"; } else if (guess < target) { document.getElementById("result").innerHTML = "太小了!"; } else { document.getElementById("result").innerHTML = "太大了!"; } } ``` 这个游戏的实现非常简单,只需要生成一个随机数、获取玩家的输入、比较大小并给出提示即可。当然,您可以根据自己的需要对游戏进行扩展和改进。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值