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. 李雨 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 日

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

      回复
1 2 3

发表评论