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

The Daily WTF ：类似BYOD(Bring Your Own Device)模式，不过这里是BYOD(Bring Your Own Code)程序员们编写他们自己的代码片段放在这里，用来解决一些比较困难的问题。

高清下载网页代码游戏大全

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

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

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

30 个纯 HTML5 实现的游戏

浏览器和 JavaScript 的功能逐年不断的变强变大。曾几何时，任何类型的游戏都需要Flash。但随着 HTML5 发展，HTML5 + WebGL 游戏式就慢慢占领着这个舞台。以下是30款流行的游戏，它们可以在所有现代浏览器中运行，并且只使用web技术构建。

程序员最爱的8款代码游戏 边玩游戏边撸代码

CodeCombat 项目的创始人 George ，并非科班出身。刚开始学习编程的时候，他使用很多人推荐过的网站，但他还是觉得太无聊了。George每星期都有几个朋友尝试，但都无一例外地放弃了。之后，George 和小伙伴们一起编写 CodeCombat，他的目的是让大家边玩边学习。

CodeCombat (代码战斗) 是款有趣开源的编程游戏!它使用代码来操控游戏人物，让你一边沉浸在游戏乐趣中一边学习编程技术(Javascript / Python等)。从最初小白入门级的单人关卡到后来高难度的多人对战，各种技术层次的人都可以乐在其中并从实战中不断吸取编程知识。

exports.onTimeUpdate = function( time, mode, isx, iex, t1sx, t1ex, t2sx, t2ex ){

object: this, onTimeUpdate: this.onTimeUpdate, onTimeStart: this.onTimeStart, onTimeEnd: this.onTimeEnd,

start: start, duration: animLength, data: [ "hide", imageEx, imageSx, text1Ex, text1Sx, text2Ex, text2Sx ],

object: this, onTimeUpdate: this.onTimeUpdate, onTimeStart: this.onTimeStart, onTimeEnd: this.onTimeEnd,

start: start, duration: animLength, data: [ "show", imageSx, imageEx, text1Sx, text1Ex, text2Sx, text2Ex ],

text2 = layer.createText( "default", "BEST 999", text2Sx, 48, "#af7c05", "14px" ).hide();

image = layer.createImage( "default", "images/score.png", imageSx, 8, 29, 31 ).hide();

exports.onShowing = function( time, sx, ex, sy, ey, sw, ew, sh, eh ){

object: this, onTimeUpdate: this.onShowing, onTimeStart: this.onShowStart, onTimeEnd: this.onShowEnd,

image = layer.createImage( "default", "images/new.png", sx, sy, sw, sh );

var sx = 129, sy = 328, ex = 170, ey = 221, sw = 0, sh = 0, ew = 70, eh = 42, dy = 8;

object: this, onTimeUpdate: this.onScaling, onTimeEnd: this.onHideEnd

object: this, onTimeUpdate: this.onScaling, onTimeEnd: this.onShowEnd

exports.onTimeUpdate = function( time, mode, x1s, x1e, x2s, x2e, x3s, x3e ){

object: image, onTimeUpdate: image.myOnScaling, onTimeEnd: image.myOnScaleEnd,

image.myOnScaling = image.myOnScaling || function( time, z ){

object: this, onTimeUpdate: this.onTimeUpdate, onTimeStart: this.onTimeStart, onTimeEnd: this.onTimeEnd,

start: start, duration: animLength, data: [ "hide", conf1.ex, conf1.sx, conf2.ex, conf2.sx, conf3.ex, conf3.sx ],

object: this, onTimeUpdate: this.onTimeUpdate, onTimeStart: this.onTimeStart, onTimeEnd: this.onTimeEnd,

start: start, duration: animLength, data: [ "show", conf1.sx, conf1.ex, conf2.sx, conf2.ex, conf3.sx, conf3.ex ],

infx[0].attr( "src", infx[1].src.replace( "xf.png", "x.png" ) );

[ [ o1, conf1 ], [ o2, conf2 ], [ o3, conf3 ] ].forEach(function( infx ){

o3 = layer.createImage( "default", conf3.src, conf3.sx, conf3.y, conf3.w, conf3.h ).hide();

o2 = layer.createImage( "default", conf2.src, conf2.sx, conf2.y, conf2.w, conf2.h ).hide();

o1 = layer.createImage( "default", conf1.src, conf1.sx, conf1.y, conf1.w, conf1.h ).hide();

var conf3 = { src: "images/xxx.png", sx: 697, ex: 608, y: 6, w: 31, h: 32 };

var conf2 = { src: "images/xx.png", sx: 671, ex: 582, y: 5, w: 27, h: 26 };

var conf1 = { src: "images/x.png", sx: 650, ex: 561, y: 5, w: 22, h: 19 };

var light = layer.path( [ "M", x, y, "L", x1, y1, "L", x2, y2, "Z" ] ).attr({

object: control, onTimeUpdate: control.onTimeUpdate, onTimeEnd: control.onTimeEnd

var mask = maskLayer.rect( 0, 0, 640, 480 ).attr({ fill: "#fff", stroke: "none" });

var x = boom.originX, y = boom.originY, time = 0, idx = indexs.random();

new ClassKnifePart({ sx: lastX, sy: lastY, ex: x, ey: y }).set(),

timeline.createTask({ start: 0, duration: life, object: this, onTimeUpdate: this.update, onTimeEnd: this.end, recycle: anims });

this.line = layer.path( "M" + sx + "," + sy + "L" + ex + "," + ey ).attr({

object: this, onTimeUpdate: this.onZooming, onTimeStart: this.onZoomStart, onTimeEnd: this.onZoomEnd,

object: this, onTimeUpdate: this.onZooming, onTimeStart: this.onZoomStart, onTimeEnd: this.onZoomEnd,

// text = layer.createText( "default", fps + "0", 4, 470 ).attr( "fill", "#ccc" );

image = layer.createImage( "flash", "images/flash.png", 0, 0, 358, 20 ).hide();

var timeline = require("scripts/timeline").use( "flash" ).init( 10 );

appendFlame( [ nx, ny ], PI * 2 * random(), 60, 200 + 500 * random(), flames );

item.path.attr({ path: 'M' + p1 + ' Q' + [ p3, p2, p4, p1 ].join(' ') });

p2 = [ trunc(center[0] + cos(ia) * radius * age), trunc(center[1] + sin(ia) * radius * age) ];

object: this, onTimeUpdate: this.onZooming, onTimeStart: this.onZoomStart, onTimeEnd: this.onZoomEnd,

object: this, onTimeUpdate: this.onZooming, onTimeStart: this.onZoomStart, onTimeEnd: this.onZoomEnd,

image = layer.createImage( "default", "images/background.jpg", 0, 0, 640, 480 );

this.fadingInterval = setInterval( fading, Ucren.isIe ? 20 : 30 );

this.fadingInterval = setInterval( fading, Ucren.isIe ? 20 : 30 );

value = value >= 99.99 ? "" : ( "alpha( opacity=" + value + " )" );

ios玩flash网页游戏if ( element.currentStyle && !element.currentStyle.hasLayout )

"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='" +

parentNode.tagName.toUpperCase() != "HTML" ){ // account for any scrolled ancestors

while( parentNode && parentNode.tagName.toUpperCase() != "BODY" &&

if( Ucren.isSafari && this.style( "position" ) == "absolute" ){ // safari doubles in some cases

return this.countMapping[name] = ++ this.countMapping[name] || 1;