有了这十五款编程游戏，谁都可以学编程！（建议收藏）

Code Hunt 是一个由Microsoft Research开发的 HTML5 科幻主题游戏。在这个游戏中，你扮演一个代码猎人，负责修复代码，并使它它返回预期的结果。Code Hunt支持 Java 和 C# 两种语言。你可以学习到包括算法、循环和条件表达式等编程概念。

当你打开CodeCombat网站，你不会觉得这是一个让你看不懂的代码学习网站，因为他的网站外观看起来就像是一个魔兽争霸风格的线上游戏，而且当你实际玩玩看，你会发现过程真的就是英雄要去打怪、寻宝与解谜，只是搭配了程序语言的学习。

编辑网页代码免费游戏下载

2小时完成HTML5拼图小游戏——附源码下载

在点击了拼图块后，我们先获取该拼图块周围的拼图块，并将它们装入checkList为什么玩游戏网页会慢一拍，再遍历checkList，当判断到周围有空白拼图块后，即周围有index属性等于8的拼图块后，先更新操作步数，然后将这两个拼图块交换位置。具体交换拼图块位置的方法详见如下代码：

其实打乱算法有很多种，我这里采用最粗暴的方法，也就是随机打乱。这种算法简单是简单，坏在可能出现无法复原的现象。针对这个问题，就有配套的检测打乱后是否可还原的算法，具体的算法理论我借用lufy大神的评论：

有了这 15 款编程游戏，谁都可以学编程

Code Hunt 是一个由Microsoft Research开发的 HTML5 科幻主题游戏。在这个游戏中，你扮演一个代码猎人，负责修复代码，并使它它返回预期的结果。Code Hunt支持 Java 和 C# 两种语言。你可以学习到包括算法、循环和条件表达式等编程概念。

当你打开CodeCombat网站，你不会觉得这是一个让你看不懂的代码学习网站，因为他的网站外观看起来就像是一个魔兽争霸风格的线上游戏，而且当你实际玩玩看，你会发现过程真的就是英雄要去打怪、寻宝与解谜，只是搭配了程序语言的学习。

有了这十五款编程游戏，谁都可以学编程！

Human Resource Machine 是一款非常有意思的移动端游戏。这款游戏由粘粘世界（World of Goo）的设计者和制作小小炼狱（Little Inferno）的团队共同制作，游戏虽是走解谜路线，但玩法相当新颖：玩家将扮演一个从基层做起的员工，需要通过指令代码来编写一条条程序，完成每个阶段的任务，最终走上职场巅峰。

Code Hunt 是一个由Microsoft Research开发的 HTML5 科幻主题游戏。在这个游戏中，你扮演一个代码猎人，负责修复代码，并使它它返回预期的结果。Code Hunt支持 Java 和 C# 两种语言。你可以学习到包括算法、循环和条件表达式等编程概念。

用html代码编写的免费软件下载和安装教程

下面再给大家教一下怎样修改HBuilderX的主题风格，HBuilderX自身提供了修改软件主题的功能，使用者可以自身需求和喜好修改HBuilderX的风格。在喜欢自己喜欢的环境下做开发也是令人羡慕的一件事。

5款代码游戏，都是程序员的爱 YYDS

忙完了一天的工作后，程序员都想休息一下。休息的时候，玩游戏是最好的放松方式。如果有这么一款游戏，能在放松的同时巩固学到的代码、学到新代码，就再好不过了。本文精选5款热门游戏，这次好了赶紧边玩游戏边撸码吧！

「疯兔编程」大概就是这么一门「体验课」：它教导的知识甚至不足以让你写出最简单的「hello world!」，但游戏想要告诉我们的不是真正的技巧，而是用算法解决问题的快乐。只要玩过这游戏的人里有一小部分因此燃起对编程的兴趣，愿意去接触更多相关知识并一路走下去，这款注定会很快被遗忘的游戏也算是不辱使命了。

《疯狂兔子：编程学院》和真正的编程之间确实还有很远的距离，毕竟游戏时间满打满算也就两个小时，任何一门编程入门课程所教授的都要比这游戏来得多。但它让我想起了自己所参加过的一门尤克里里体验课：在那门课上我学的就是扫几个和弦、唱几首流行歌，或许根本算不上乐器技巧，但哪怕到今日还能回想起当初一帮人围在一起弹唱的美好氛围。

哪怕近年来社会一直在提倡「让编程成为基础技能」，像育碧这样的大公司突然涉足过往只有独立开发者以及政府与公益机构感兴趣的编程游戏领域还是让人感到一丝惊喜。

若是在 32 个关卡后仍意犹未尽，大可以到进入第三章时所解锁的「沙盒模式」中自行尝试更多可能的谜题与解法。但就我个人经验来看，连关卡都要自行创作的自娱自乐着实不太有意思。

当更多种类的命令被添加进来，游戏后期确实会显得有些复杂。所幸，开发者还是很照顾缺乏基础的初学者玩家的。我所用过最复杂的算法也只是第 24 关的三重嵌套，而最困难的关卡或许是第 31 关的用 12 个命令模块遍历整张方形地图并吸取障碍物，必须承认要是有哪个关卡再难那么一点儿我就会举手投降，而游戏难度恰好「体贴」地控制在合适的范围内。

游戏每推进一关，过关就愈加困难，逐步出现了转角、机关、障碍物等新的挑战。因而玩家必须学会运用新引入的条件循环、条件语句等新命令来解决问题。

但很快就会发现，随着终点变得更远，每走一格都得放一个「Move Forward」模块的话就太累人了。于是游戏适时地引入了「循环」模块，能够将「包裹」在内的命令模块重复指定的次数，削减了许多工作量。

像是在第一关里，洗衣机就在兔子正前方三格，命令模块也只有一种：「Move Forward」（向前），那么很简单，把三个「Move Forward」连在一起点击运行便能轻松过关。

比如说，「if」模块在右侧带有凹槽，那么很明显就只能连接上左侧凸起的灰棕色条件命令。能够连接的模块靠近时将会在连接处显示出亮黄色的方块进行提示。程序跑得起来当然不代表不会出错，但至少能少走些弯路。

为了让初学者也能搞懂模块之间的关系，每个命令模块都被做成了带有凸起和凹陷的拼图形状，只有沟槽接合的模块彼此之间才能相连，并且不同类型的命令模块还以不同颜色标示，最大限度地引导「正确的编程」。

考虑到编程总是伴随着无尽的调试与碰壁，运行按钮右方加了个倍速按钮，最多可以让角色们以三倍速执行命令，只要兔子们跑得够快，失败就追不上你。

不过相信你也注意到了：这些命令都是英文。游戏的中文化仅限于官方新闻宣传图里的标题，实际上，它只支持英语和法语。好在，因为主要目标用户是学校中的孩子，所出现的单词都十分简单，只要有中学水平的英语便足够顺利通关游戏。

在「疯兔编程语言」里，每个命令都被做成了拼图状的可视化模块。「编程」本身简单得很：用鼠标将命令模块拖动到编程区从上到下排列起来便构成了一个程序。点击编程区上方的「▶」（运行）按钮，运行区画面中的疯兔或是机器人就会根据你下的命令来行动。

这里先介绍下游戏的背景设定。「疯兔」们是一帮乘坐着滚筒洗衣机外形的时空机器四处出没破坏的家伙三国单机游戏开局赵云，这次它们跑到了一座空间站上。而玩家的任务便是不那么政治正确地通过脑波控制（编程）或是让扫地机器人将香肠扔在洗衣机前吸引馋嘴的兔子等手段，设法将兔子塞回洗衣机里送走以挽救乱成一团的空间站。

更重要的是，它秉承了育碧一贯以来备受称赞的传统美德：不买免费送。只要访问育碧旗下的 Uplay 平台，任何人（好吧，Mac 用户被排除在外）都可以在「游戏」>「免费游戏」处找到《疯狂兔子：编程学院》免费下载游玩。

要知道，游戏巨头一向对这些几无利润空间的「寓教于乐」式游戏不太感冒——除了任天堂和去年游戏版号停发期间充满求生欲的网易腾讯们。

众所周知，育碧总是喜欢把旗下的 3A 大作做成工业化流水线换皮游戏，却又不时用《光之子》《勇敢的心：世界大战》《马力欧+疯狂兔子：王国之战》等精致又别具一格的小品级游戏表露出在大型游戏公司身上难得一见的理想主义气质。

应用HTML5+CSS制作驴子跳跳游戏，含源码

11 个提升网页设计和前端开发技能的趣味游戏，附源码地址

准备好训练你的色彩辨识和感知技巧了吗？那么，快来试试在线交互游戏 Color 吧。在这款游戏中，你需要快速完成常见的配色测试，例如色调、饱和度、互补色、三色、四色等模式测试。分值越能达到「Perfect」，你的颜色感知能力也就越出众哦。

对于设计师来说，提升西文字体造型能力，能帮助你更深刻的理解字体设计与排版。Shape Type 这款游戏基于钢笔工具，你需要拖动滑竿使字体边缘达到平滑与饱满的状态。在练习的过程中，你可以了解字体的起源，例如字体类型、字体设计师与年代等信息，还能够通过绘制比较加深对字体笔画、结构的认知。

掌握字符间距是印刷师和设计师必学的技能之一，Kern Type 是一款帮助你在线练习调整字符间距的游戏。你需要把字母移动到合适的位置，点击「Compare」即可了解正确的字符间距，并得到相应的分值。当你完成 10 个测试后，也会得到最终的测试总分。