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

原创文章转载请注明:

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

  1. 李雨 2014 年 3 月 28 日

    做完了 RGBAcanvas 的题目 还有一个题目找不到箱子啊,左下角提示 2/3level 了, 另外我找到了一个看不见的箱子,点进去提示加载题目失败

    • naifen00 2014 年 3 月 29 日

      4 个武器全部收集好了 用第 4 个武器也打不爆 TNT 这是 why?(右上角之前那个箱子确实出 bug 了,各种做小白鼠的节奏)

    • whyer 2014 年 3 月 30 日

      RGBAcanvas 跪求代码- –

    • TAT.老教授

      TAT.weber 2014 年 3 月 30 日

      最后一个岛三个宝箱还是可以找得到的看到的,看不到的宝箱是一个已知 bug,会 fix

      • whyer 2014 年 3 月 30 日

        必须解开所有宝箱么

      • whyer 2014 年 3 月 30 日

        Loading 那条,我在用代码实现出一样的效果,放在题目里就不可以

        • TAT.老教授

          TAT.weber 2014 年 3 月 31 日

          那应该有哪里不一样了,而且你要遵守已给出的规则和代码

  2. akirakai 2014 年 3 月 28 日

    还是卡在腐蚀的画那里。。
    猜测是转化为 01 那里有蹊跷。之前我采用的方法是直接转化为相应的二进制,后来尝试把各位异或,仍然有问题 OTZ,难道信息在噪声里面吗 T_T

  3. babel 2014 年 3 月 28 日

    太奇怪了,在 codepen 上演示的完全没问题,可是在前端突击队 loading 就是完全不闪啊。http://cdpn.io/DijHq

    • rainbow702 2014 年 3 月 28 日

      我的也是

    • TAT.老教授

      TAT.weber 2014 年 3 月 30 日

      写对的话是会实时生效的

    • whyer 2014 年 3 月 30 日

      opacity

    • 王玉东 2014 年 3 月 31 日

      把那张 gif 拷贝下来,一帧一帧的看去吧

  4. 李雨 2014 年 3 月 28 日

    现在问题纠结这 canvas RGBA 中的问题意思我还没看清楚,到底,请详细细说好吗,等着

  5. chenxupro 2014 年 3 月 28 日

    高叉题的同步问题害我纠结了五天。。。今晚想起来又看了下题目,终于修改了,总算是通关了。。。

  6. 有田十三 2014 年 3 月 27 日

    终于过了。大家加油啊,通关秘籍就是” 胆大心细脸皮厚”! 祝好运。。

    • 挥剑决浮云 2014 年 3 月 27 日

      大神,不写 js,使之成为合理的 url,协议跟主域一致,求解

      • litson 2014 年 3 月 28 日

        google 相对协议

    • 挥剑决浮云 2014 年 3 月 27 日

      还有一个父 div,中间两子 div 怎么写,我试了很多次,都失败了

      • skip 2014 年 3 月 27 日

        用 css3 display 中的新属性,可以很简单的题目解决。我也是在这里卡住好长一段时间。

        • 强子 2014 年 3 月 28 日

          时间停止那个怎么解,我已经做了 3 个小时了还有没有结果

      • TAT.老教授

        TAT.weber 2014 年 3 月 30 日

        哈哈,如果你有做移动端,这可是最常遇到的情况哈

    • 李雨 2014 年 3 月 28 日

      这个 canvas 图片题目意思没写清楚啊,到底是 RGBA,a 删除啊还是留着,我现在纠结着

      • TAT.老教授

        TAT.weber 2014 年 3 月 30 日

        a 跳过

        • whyer 2014 年 3 月 30 日

          A 的信息留不留在二进制里面?

          • TAT.老教授

            TAT.weber 2014 年 3 月 31 日

            不留(不能提示更多了 = =)

  7. 比企鹅 2014 年 3 月 27 日

    终于过关了,但是急于过关好像很多知识点还没有掌握得很好。

    • TAT.老教授

      TAT.weber 2014 年 3 月 30 日

      过关是很重要,但过关的过程中学到新的知识更重要哈,那是实打实的提升

  8. 道人 2014 年 3 月 27 日

    停止时间那个,我用 $(“.framePaper”).contentWindow.clearInterval(1); 把时间停了貌似不行啊,不理解题意思

    • skip 2014 年 3 月 27 日

      提交地球时间就可以。我是手动提交的。

    • 比企鹅 2014 年 3 月 28 日

      题意是让你在一个隐藏的(div 还是 input 忘了)填入当前时间,使之与跳动的时间一致。(并且要保持)

    • TAT.老教授

      TAT.weber 2014 年 3 月 30 日

      题干写着,要同步才会停 = =

  9. 求助 2014 年 3 月 27 日

    谁提示下那个时间怎么弄???

  10. 比企鹅 2014 年 3 月 27 日

    腐蚀图片获取像素信息转二进制再转 ASCII 码后找不到字符串,(我相信我已经按照字面去理解题目了,难道说题目另有玄机么)。
    高叉动画,我使用的 js 在控制台运行后已经能够保证位置、动作以及同步,但是提交后界面只是单纯刷新,没有任何提示信息。
    这两道题真的没有 bug 么。

    • TAT.老教授

      TAT.weber 2014 年 3 月 27 日

      嗯,两道题都可以正常通过

      • 比企鹅 2014 年 3 月 27 日

        确实,早知道不那么死磕了,思维还是要灵活一些的好。

        • Suprise 2014 年 3 月 28 日

          求指点。。腐蚀的画那一题。。想知道自己哪里错了。。

          • 比企鹅 2014 年 3 月 28 日

            如果确定算法没错的话 主要就是换个思路,想想图片里大概是如何加入隐藏信息的。

            • akirakai 2014 年 3 月 28 日

              好像或者加在最后,或者加在 EXIF 信息中

            • Suprise 2014 年 3 月 28 日

              吐血。。难道那些杂乱的点才是隐藏信息。。

      • 比企鹅 2014 年 3 月 27 日

        另外一点意见,我是在 mac 下用 firefox27.01 做的,题目老是显示不全,望修改。

        • TAT.老教授

          TAT.weber 2014 年 3 月 30 日

          建议用 chrome,暂时没有对别的浏览器做兼容性测试

  11. TQ 2014 年 3 月 27 日

    同卡腐蚀的画和高叉的提交。。
    腐蚀的画没有 alloyimage
    高叉连动画帧,速度,参数重置都设置对了,提交返回错误 T_T

    • TAT.老教授

      TAT.weber 2014 年 3 月 27 日

      注意细节和提交方法,现在已经有不少人通过那道题了

  12. wminux 2014 年 3 月 27 日

    话说这个是今年校园实习生招聘前端的在线笔试题??还是到时候现场笔试?

  13. 李雨 2014 年 3 月 27 日

    提交了,不过很坑爹啊,掉血掉没了。。。。懒的弄了

  14. 李雨 2014 年 3 月 27 日

    前端突击队高叉魔王-金馆长操练这道题目表单提交了没反应 也没提示答案错误,问题答案我已经找到了

    • TAT.老教授

      TAT.weber 2014 年 3 月 27 日

      那就是你提交的方式有点问题了

      • qdsang 2014 年 3 月 27 日

        我这也碰到了这个问题, 中间遇到一个宝箱,点击确认后没反应

  15. Exploit 2014 年 3 月 26 日

    需填空,不写 js,使之成为合理的 url,协议跟主域一致
    关键就是没有明白是什么意思

    • 郁闷的小西 2014 年 3 月 26 日

      这题我也没明白。。不知道干嘛的。。 http://a.xxx.com 不对吗?? 不知道干嘛的。。好几个题都是这样!!

      • TAT.老教授

        TAT.weber 2014 年 3 月 27 日

        你没找到考点, http://a.xx.com 肯定不对,没有人告诉你主域是 http 协议的

        • qdsang 2014 年 3 月 27 日

          难道是考 base 写相对路径?

    • 雷锋 2014 年 3 月 27 日

      有可能使用的是 https 协议。。

  16. skip 2014 年 3 月 26 日

    最后两道题卡住了。腐蚀的画那题,也不是很难吧,根据步骤提取数据,就是找不到 “AlloyImage” 这个字符,怎么回事?!

    还有动画那题,提交答案,可能是我提交方式有问题吧,也不是显示我的回答错误,只是刷新页面重新开始。

    • kxws888 2014 年 3 月 26 日

      咱俩遇到的问题一样呢,难道是我们打开的方式不对?

    • Suprise 2014 年 3 月 27 日

      同卡腐蚀的画这最后一题了。。什么方式都试遍了,第二步把数字转二进制的时候,补 0 或者不补我试了,第三步,截 7 位和截 8 位我也试了,就是找不到这几个字。。。

    • Suprise 2014 年 3 月 27 日

      我甚至觉得两张图的信息前面那部分是一样的,后面变来变去的是可以扔掉不用的,所以还去了几张图相同的部分,结果还是不行。。太长了。。

      • akirakai 2014 年 3 月 27 日

        同卡这一题。。找不到 AlloyImage T_T

        • 麦田一根葱 2014 年 3 月 28 日

          我也卡在这一步了,找不到 AlloyImage 几个字…. 取得的 rgb 分别是 161 167 179… 不知道对不对 = =

          • akirakai 2014 年 3 月 28 日

            去掉 alpha 之后,就是 161 167 179 161 167 179。。。

          • TAT.老教授

            TAT.weber 2014 年 3 月 30 日

            每次打开看到的图片是随机的,你可以换张图片试试

    • 大神 2014 年 3 月 27 日

      能不能帮帮菜鸟的我,前面就卡主了,

  17. kailu 2014 年 3 月 25 日

    需填空,不写 js,使之成为合理的 url,协议跟主域一致

    • k 2014 年 3 月 25 日

      …. 不会

    • yyj 2014 年 3 月 26 日

      \\

      • 郁闷的小西 2014 年 3 月 26 日

        对了耶~~ 谢谢。。不过不知道啥意思。。我孤陋寡闻了。。

    • skip 2014 年 3 月 27 日

      用过 各种 js cdn 库的都知道这个

  18. kailu 2014 年 3 月 25 日

  19. kailu 2014 年 3 月 25 日

    同样被这道题卡住

  20. 有田十三 2014 年 3 月 25 日

    相比去年的特攻队,游戏元素更丰富。
    但感觉地图太大了。。有一个题卡住尝试多次后挂掉,重新进游戏好不容易跑到那个宝箱那里,结果发现题不一样了。
    其实我认为能来玩这个游戏的人,大部分是比较关注题目本身的吧,游戏元素体验一两次就可以了。
    纯属个人意见。。。

    • TAT.老教授

      TAT.weber 2014 年 3 月 25 日

      我倒是觉得,如果纯粹是做题,这边出个题库让大家去做省事多了,但那样未免也太冷冰冰了,跟线下笔试有多大区别?
      给大家新的体验,让大家除了做题,还可以体验游戏,原来前端这么强大可以做成这种游戏,它是怎么实现的,不也是额外的乐趣?

      • 有田十三 2014 年 3 月 26 日

        嗯同意。正是这种新颖的方式吸引了很多人来玩,不管是想得到实习机会的学生,而是业界的其他大佬。
        我只是弱弱表达一下,被题卡住以后频繁挂掉跑去试题这个过程的焦急心情。。。- -#

        • TAT.老教授

          TAT.weber 2014 年 3 月 27 日

          哈哈,为了不容易挂掉,求助 google 或自己直接做个实例其实会更快的

    • 穗溪 2014 年 3 月 26 日

      缩小页面就可以很容易的找到

发表评论