【Js13kGames】基于JavaScript 创造仅有13kb大小的游戏世界

前言

13kb大小的游戏,尽管以前就有所耳闻,但一直也没太当回事,今天逛阿b偶然刷到了相关视频,实际去体验了下,并拜读了部分源码:大受震撼!希望日后我也有能力编码并制作。
今年的比赛刚好结束,新鲜出炉,先直接放几个我觉得好玩的,多说无益直接体验就好:

  • 战斗指挥官 - 中世纪(策略):https://js13kgames.com/entries/battle-commander-middle-ages
  • 是梅林(类似以撒?):https://js13kgames.com/games/its-merlin/index.html
  • 荣耀之路(类似以撒?):https://js13kgames.com/entries/path-to-glory
  • 大炮波尔夫(解谜过关):https://js13kgames.com/entries/cannonbolf
  • 城堡逃生(解谜过关):https://js13kgames.com/entries/castle-escapea-2023
  • 十三岁的罗宾(平面闯关,画风很爱):https://js13kgames.com/entries/robin-of-thirteensley
  • 骑士(音游):https://js13kgames.com/entries/knight
  • 侏罗纪苗圃(休闲养成):https://js13kgames.com/entries/jurassic-nursery

Js13kGames 是什么

在这里插入图片描述

HTML5 and JavaScript Game Development Competition in just 13 kB
https://js13kgames.com/

介绍: js13kgames是一项年度游戏开发比赛,要求参赛者在 30 天内,源代码在13KB 的限制内创建完整的HTML5游戏。这项极限挑战鼓励开发者精简代码和资源以满足比赛规则。

规则:

  • 游戏必须在13KB的限制内,包括所有代码和资源。
  • 你需要提供两个版本的游戏源代码:一个压缩版本,一个可读版本。可读版本需包含描述性变量名称和注释,托管在GitHub上。
  • 不允许使用外部库、图像或数据文件。所有资源都必须符合文件大小限制。

主题: 每年比赛有不同的主题,但你可以自由解释主题并在游戏中实现。

  • 2012年 - Evil or not
  • 2013年 - Space
  • 2014年 - The Elements
  • 2015年 - Reversed
  • 2016年 - Glitch
  • 2017年 - Lost
  • 2018年 - Offline
  • 2019年 - Back
  • 2020年 - 404
  • 2021年 - Stuck in a Loop
  • 2022年 - The Future
  • 2023年 - 13th Century

相关技术栈

  • HTML5和Canvas API: 使用HTML5和Canvas API创建2D游戏界面。HTML5和Canvas API
  • JavaScript压缩工具: 使用UglifyJS或Terser等工具来最小化JavaScript代码。
  • 图形工具: 创建像素艺术使用AsepriteGraphicsGale
  • 音效工具: 添加音效使用Howler.js
  • 版本控制系统: 使用Git进行版本控制。

Ga(游戏引擎)

在这里插入图片描述

一个轻量级、极小(6.5kB)、容易上手的 JavaScript 游戏引擎,可用于制作 HTML5 游戏或任何 2D 动作游戏。
https://github.com/kittykatattack/ga

Kontra(游戏引擎)

在这里插入图片描述

专注于小体积的 JavaScript 微型游戏引擎,它虽然小但是提供了游戏常用的操控、事件、循环等核心功能。
https://github.com/straker/kontra

压缩代码

压缩代码通常是减少空格和换行之类的无用内容,从而达到减少代码所占体积的目的。
Google Closure Compiler:https://github.com/google/closure-compiler
MiniMinifier:https://github.com/xem/miniMinifier

Piskel(图像)

在这里插入图片描述

简单易用的在线像素图像制作工具。
https://github.com/piskelapp/piskel

miniMusic(声音)

在这里插入图片描述

可以把音效转化成 JavaScript 的项目,通过这种方式能够有效地减小声音的“体积”,还支持在线可视化的操作方式编辑和生成音效。
https://github.com/xem/miniMusic

猜你喜欢

转载自blog.csdn.net/qq_45277554/article/details/132899848
13
13)
今日推荐