摘要: JS还可以这么玩~

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

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

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

1. OnOff

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

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

2. Everyone's sky

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

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

3. Underrun

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

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

4. Konnekt

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

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

5. Super Chrono Portal Maker

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

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

6. Offline Paradise

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

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

7. Raven

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

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

8. Systems Offline

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

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

9. Re-wire

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

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

10. Spacecraft

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

游戏体验: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、金山软件、百姓网等众多品牌企业。欢迎大家免费试用

小游戏大智慧,10 个让人眼前一亮的 JavaScript 游戏的更多相关文章

  1. kubernetes 1.15 有哪些让人眼前一亮的新特性?

    原文链接:kubernetes 1.15 有哪些让人眼前一亮的新特性? 2019 年 6 月 20 日,Kubernetes 重磅发布了 1.15 版本,不过笔者忙到现在才有空认真来看一下到底更新了哪 ...

  2. 排名前10的H5、Js 3D游戏引擎和框架

    由于很多人都在用JavaScript.HTML5和WebGL技术创建基于浏览器的3D游戏,所有JavaScript 3D游戏引擎是一个人们主题.基于浏览器的游戏最棒的地方是平台独立,它们能在iOS.A ...

  3. 【分享】小工具大智慧之Sql执行工具

    原文:[分享]小工具大智慧之Sql执行工具 工具概况 情况是这样的,以前我们公司有很多Sql用于完成一些很不起眼但又不得不完成的业务,出于方便就直接在Sql查询分析器里执行,按理说应该写一些专门的工具 ...

  4. 小程序大智慧,sqlserver 注释提取工具

    原文:小程序大智慧,sqlserver 注释提取工具 开篇背景 我习惯在写表的创建脚本时将注释直接写在脚本里,比如 /*账套*/ CREATE TABLE [dbo].[AccountingBook] ...

  5. 【Linux】小应用 大智慧

    小应用 大智慧--重视 以工程师的标准要求自己

  6. 开发者不容错过的10款免费JavaScript游戏引擎

    摘要:使用HTML5.JavaScript可以帮助开发者开发出各种与众不同的游戏及游戏特效,比如3D动画.Canvas等.本文介绍10款被广泛使用的基于HTML5的JavaScript游戏引擎. 在G ...

  7. 30个物联网传感器小实验:三行代码点亮LED灯

    30个物联网传感器小实验:三行代码点亮LED灯 三行代码点亮LED灯 LED灯闪烁 LED灯调亮度 LED淡入淡出 不写一行代码点亮LED灯 全彩RGB灯 面包板 30个物联网传感器小实验:三行代码点 ...

  8. 7-2 jmu-python-猜数游戏(10 point(s)) 【python】

    7-2 jmu-python-猜数游戏(10 point(s)) 用户从键盘输入两个整数,第一个数是要猜测的数n(<10),第二个数作为随机种子,随机生成一个1~10的整数,如果该数不等于n,则 ...

  9. C#开发Unity游戏教程循环遍历做出判断及Unity游戏示例

    C#开发Unity游戏教程循环遍历做出判断及Unity游戏示例 Unity中循环遍历每个数据,并做出判断 很多时候,游戏在玩家做出判断以后,游戏程序会遍历玩家身上大量的所需数据,然后做出判断,即首先判 ...

随机推荐

  1. 【转】W3C中国与百度联合组织移动网页加速技术研讨会

    2017 年 8 月 30 日,W3C 会员百度在北京中关村软件园国际会议中心主办了 "移动网页加速技术研讨会",W3C 中国以及腾讯.阿里巴巴及 UC.搜狗.小米.傲游.中国移动 ...

  2. JAVA基础第四章-集合框架Collection篇

    业内经常说的一句话是不要重复造轮子,但是有时候,只有自己造一个轮子了,才会深刻明白什么样的轮子适合山路,什么样的轮子适合平地! 我将会持续更新java基础知识,欢迎关注. 往期章节: JAVA基础第一 ...

  3. 零基础如何学Python爬虫技术?

    在作者学习的众多编程技能中,爬虫技能无疑是最让作者着迷的.与自己闭关造轮子不同,爬虫的感觉是与别人博弈,一个在不停的构建 反爬虫 规则,一个在不停的破译规则. 如何入门爬虫?零基础如何学爬虫技术?那前 ...

  4. Java进阶篇 设计模式之十四 ----- 总结篇

    前言 本篇是讲述之前学习设计模式的一个总结篇,其目的是为了对这些设计模式的进行一个提炼总结,能够通过查看看此篇就可以理解一些设计模式的核心思想. 设计模式简介 什么是设计模式 设计模式是一套被反复使用 ...

  5. Spring-Data-JPA尝鲜:快速搭建CRUD+分页后台实例

    前言:由于之前没有接触过Hibernate框架,但是最近看一些博客深深被它的"效率"所吸引,所以这就来跟大家一起就着一个简单的例子来尝尝Spring全家桶里自带的JPA的鲜 Spr ...

  6. 《k8s-1.13版本源码分析》-测试环境搭建(k8s-1.13版本单节点环境搭建)

    本文原始地址(gitbook格式):https://farmer-hutao.github.io/k8s-source-code-analysis/prepare/debug-environment. ...

  7. C# 将object对象转换为实体对象

    C# 将object对象转换为实体对象.一共两种方法. 第一种方法,代码如下: /// <summary> /// 将object对象转换为实体对象 /// </summary> ...

  8. 设计模式之结构类模式PK

    结构类模式包括: 适配器模式 桥梁模式 组合模式 装饰模式 门面模式 享元模式 代理模式 结构类模式着重于如何建立一个软件结构 为什么叫结构类模式呢? 因为他们都是通过组合类或对象产生更大结构以适应更 ...

  9. Css3 笔记 动画 和定位属性

    transform 变形属性属性:translate 平移,rotate 旋转, scale 缩放,skew 倾斜 ◆ translate :指定对象的2D平移第一个参数对应X轴,第二参数对应Y轴:如 ...

  10. ArcMap插件开发初识:Add In

    之前一直在做ArcEngine的相关开发,做的winform相关,新换了工作,又开始新的学习旅程! Add In 这个东西很早就知道有,但是一直没有用过,因为之前的公司有自己框架,接口,虽然我也是做插 ...