TAT.老教授 腾讯 Codestar 第二季《前端突击队》疯狂来袭
In 未分类 on 2014年03月25日 by view: 59,267
127
前端突击队宣传banner
去年 CodeStar 第一季《前端特工》带来的热潮还没完全过去，3 月 21 号，短短几个月后 AlloyTeam 团队又强势推出了 CodeStar 第二季《前端突击队》，这次又将会给各位前端 er 带来什么视觉、体验和智力挑战上的盛宴？
可还记得去年的《前端特工》？你扮演着一个想要潜入腾讯窃取机密的前端特工，需要凭借自己的前端知识积累来解决一个个难关，最后获取到腾讯未发布新产品的源代码。漫画的风格，新奇的剧情，还有一个个融入剧情的前端谜题，给你一种新颖的在线解谜游戏的体验。
 QQ20140325-3@2x
这一次，AlloyTeam 团队大胆创新，不再沿用之前的套路，直接奉上一款精美的前端闯关游戏。如果说《前端特工》是在线解谜游戏体验，那《前端突击队》则是在线 ARPG 的体验！
游戏中，你不用再束缚于规定死的剧情、常见的线性答题，你可以开着自己的坦克在宽阔的地图上自由驰骋，树木、房子、茅草屋、小河、树桩，欣赏风景的同时可以随意地轰炸（喂喂，编剧，你是不是 bug 没改完，压力太大了。。）。路上散落着一个个宝箱等你去发现，好东西当然不容易获得，你需要解开宝箱上的前端谜题，才能获得宝箱中的物品。而宝箱中的物品，又是你进入下一个大地图的关键。
当然，最最重要的是，我们还有漂亮迷人的教官 Julia 一路相伴：
《前端突击队》教官Julia
终点没有对手的痕迹，但我已经轰炸过（= = 这又是什么歪句）。别再寂寞地码着代码，这个展现前端能力的舞台等着你的到来！

原创文章转载请注明：

转载自AlloyTeam：http://www.alloyteam.com/2014/03/runningcoders/

如果你觉得我们Alloyteam团队的博客和开源项目给你带来价值，可以通过捐赏支持我们
有你的支持，我们会做得更好！
分享到:0

  1. rose1988c 2014 年 6 月 14 日

    找宝箱费时！费时！费时！费时！费时！费时！费时！

    回复

  2. LALA 2014 年 5 月 31 日

    话说，不用兼容 IE9 以下就应该注明一下。。。那个 第一关那个让第二个子元素占满整行剩余空间的题

    让人想爆了最后用了个 display:flex;…. 完全无视大部分 IE，这里要面试的是专职 HTML5 开发工程师，麻烦注明一下。。

    回复

    • fdfd 2014 年 6 月 9 日

      运行环境
      IE10 W7(64) 位， 不能玩里面的游戏，求更正。

      回复

  3. 星幻飞鱼 2014 年 5 月 21 日

    编剧呀编剧既然给了宝箱无限重开的 BUG 为什么到了最后宝箱不开完不能进腾讯呢。。。。让我们走捷径的怎么活呀。。。。走捷径也是一种艺术啊！！！

    回复

  4. 李资明 2014 年 5 月 20 日

    前端只会一点点。。。坑爹呢。。。敢不敢来后端的

    回复

  5. shenwa12 2014 年 4 月 21 日

    界面缩小到 25% 会不停的左右切换……

    回复

  6. wislov 2014 年 4 月 4 日

    第一关那个让第二个子元素占满整行剩余空间的题，我的代码在本地通过，但提交却是错误。代码如下：

    Untitled Document

    #container {
    border:1px solid #000;
    background-color:#CCC;
    padding:15px;
    }
    #parent {
    border:1px solid #000;
    background-color:#999;
    padding:10px;
    }
    #child1,#child2 {
    border:1px solid #000;
    background-color:#666;
    }
    #child1 {
    float:left;
    }

    子元素 1
    子元素 2

    回复

  7. 祝梓毅 2014 年 4 月 3 日

    最后炸掉 TNT，根本不不听使唤，呵呵~

    回复

    • teen 2014 年 4 月 21 日

      怎么砸掉 tnt

      回复

      • teen 2014 年 4 月 21 日

        我发现子弹可以转弯，然后就把 TNT 干掉了

        回复

  8. aaa 2014 年 4 月 2 日

    还是很想喷你们 腐蚀的画 这题, 这句话真不会对做法产生歧义? 对 rgb 的四个信息，想办法让它变成 0 和 1, 好这办法不是一般的多:

    1. 将 rgb 的信息转换成 2 进制

    2. 将 rgb 进行灰度变换后计算所有像素的灰度平均值, 大于平均值的取 1 小于取 0

    3, 将图片所有的 rgb 值相加, 然后除以所有 rgb 的数量, 大于平均值的取 1 小于取 0

    4.rgb 3 通道相加除以 3, 然后 r 大于这个值取 1 小于取 0,g b 类似

    5…..

    而且 0 和 1 还可以交换位置

    所有我觉得这题真没问题么

    回复

    • aaa 2014 年 4 月 2 日

      1. 情况是指 rgb 通道的值转换, 比如 255 255 255 转换成 11111111 11111111 11111111

      回复

      • 冷月无声 2014 年 4 月 4 日

        我转了很多次，每次都让浏览器崩掉了！