记第一次在程序中埋彩蛋

写在前面

相信进来的观众一定很想知道我究竟埋了什么彩蛋🤔,这里说的“彩蛋”,指的是程序里的彩蛋(我的理解是一种区别于程序本身别有洞天的一番景象,并具有一定代表意义的小程序📟),
我埋的彩蛋的是在一个网站里的,彩蛋必须是玩家自己找到才有用的😎,先看看下面的彩蛋提示再进入网站找彩蛋哈😜。

彩蛋提示

埋彩蛋的程序是编程猫官网,用浏览器访问,再打开浏览器的开发者工具的控制台📟。
可以看到一个大大的codemao字符画(如果看不清楚可以拉大控制台的窗口大小),就是下面这个字符画

                      █████                                            
                      ░░███                                             
  ██████   ██████   ███████   ██████  █████████████    ██████    ██████ 
 ███░░███ ███░░███ ███░░███  ███░░███░░███░░███░░███  ░░░░░███  ███░░███
░███ ░░░ ░███ ░███░███ ░███ ░███████  ░███ ░███ ░███   ███████ ░███ ░███
░███  ███░███ ░███░███ ░███ ░███░░░   ░███ ░███ ░███  ███░░███ ░███ ░███
░░██████ ░░██████ ░░████████░░██████  █████░███ █████░░████████░░██████ 
 ░░░░░░   ░░░░░░   ░░░░░░░░  ░░░░░░  ░░░░░ ░░░ ░░░░░  ░░░░░░░░  ░░░░░░  

发挥你们的探索能力🤓,看看能不能在控制台里找到跟这个字符画有关的彩蛋。

找到的话如果觉得有意思的话可以点个赞👍或者发评论提点提点🙏,有更好的想法都可以提哈🤘。

没找到的话下面就是彩蛋答案📋,但是记住彩蛋必须是玩家自己找到才有用的🤗,所以想清楚再决定看不看答案。


彩蛋答案

其实很容易能找到彩蛋,当你看到控制台上那么显眼的codemao字符画时,其实重点不在字符画,而是codemao这几个字符,尝试在控制台里输入codemao,你会发现codemao是一个全局变量,按回车打印出来的值就是彩蛋入口了!
而打印出来的值就是"恭喜少年,你找到了编程猫的第一颗彩蛋,输入 start(); 后即可开始《编程猫躲车车》游戏!",继续在控制台输入start()即可触发彩蛋游戏。

埋这个彩蛋的缘由和我的想法:

为啥突然想到要在自己开发的网站上埋这个彩蛋呢🤔,可能是因为开发工作时间长了👨‍💻‍,想在工作中增加点趣味👩‍🎨‍,也可以给用户一个耳目一新的感觉,自己擅自加了这么个需求哈哈😜。做完这个彩蛋之后给到产品经理看,觉得很有意思,而且具有传播价值,所以值得一试。
然而有个运营同事听闻此事后却跟我说起教来,“彩蛋应该怎么做才有价值,才能运营起来blablabla”的😳,我是听不懂,作为一个程序员,我觉得不要为了“埋彩蛋”而“埋彩蛋”,我做这个彩蛋的时候没有太多想法🙄,并不是考虑怎么运营才怎么设计的,也不是想着怎么设计彩蛋而设计彩蛋。

“史上第一款含有彩蛋的游戏”——《冒险/魔幻历险(Adventure)》深入人心😋,而《Starship 1》的开发者因为年代久远,Ron Milner早已忘记该怎么触发彩蛋,40多年后查了代码费尽周折才找到😝。

我觉得一个程序员在自己的程序里埋彩蛋,完全是出于自己的第一想法😏,这个想法可以是像Warren Robinett一样为了打破雅达利的约束让自己的名字留在游戏里😠,也可以像Ron Milner一样为了让玩家探索彩蛋,发现自己的名字,得到10条命的奖励🤑。

而我设计这个彩蛋的想法😉,是因为我发现了可以在控制台里跑起来的字符小游戏《编程猫躲车车》,这有别于编程猫创作工具做出来的作品,一贯的在网页里运行的小游戏,同样是简单的操作,放到控制台运行却别有一番天地,虽然画质低劣又清奇,体验也差,但足以达到我理解的彩蛋效果,有别于程序本身的小游戏,codemao代表了编程猫,说不定还能激发用户的创作欲望和创意呢。。。

以上纯属个人观点,如有写的不正当的地方可以权威批评

最后

其实这个彩蛋游戏是从网上搬过来的,只是换了猫和车而已,感谢知乎大佬小芋头君的分享,啥也不说了,源码奉上:

(function(){
  if(!window.console){window.console ={log:function(){}};return;}
  var me = 19;
  var Star = function(){
    this.x=0;
    this.speed = 1;
    this.y=0;
  }
  var score = 0;
  var strs = function(){
    var result = '';
    for(var i=0;i<20;i++){
      result+="\n"
      for(var n =0;n<40;n++){
        var now = '一'
        if(i==19&&n==me){
          now="码"
        }
        if(i==19&&n==me+1){
          now="农"
        }
        stars.forEach(function(star){
          var x= Math.floor(star.x);
          var y = Math.floor(star.y)
          if(x==n&&y==i){
            if(Math.abs(star.y-19)<1&&(n==me||n==me+1)){
              die()
            }
            now="车"
          }
        })
        result+=now;

      }

    }
    result+="       《全民躲车车》得分:"+score
    return result;
  }
  window.onkeydown = function(e){
    if(e.keyCode==37){
      me-=1;
      if(me<0) me=0;
    }else if(e.keyCode==39){
      me+=1
      if(me>38) me=38
    }
}
var count=0;
var die = function(){
  clearInterval(timer1)
  clearInterval(timer2)
  clearInterval(timer3)
  setTimeout(function(){
    console.log("游戏结束,您的得分:"+score+",分享到微博:%o","http://service.weibo.com/share/share.php?url=http%3A%2F%2Ftangeche.com&pic=http://img.souche.com/test/aab0c3d397799533e446759083c2f97c.gif&title=%E6%88%91%E5%9C%A8%E3%80%90%E5%BC%B9%E4%B8%AA%E8%BD%A6%E3%80%91%E7%8E%A9%E7%A0%81%E5%86%9C%E4%B8%93%E6%9C%89%E6%B8%B8%E6%88%8F%E3%80%8A%E7%A0%81%E5%86%9C%E8%BA%B2%E8%BD%A6%E8%BD%A6%E3%80%8B%E8%8E%B7%E5%BE%97%E4%BA%86"+score+"%E5%88%86%2C%E5%BF%AB%E6%9D%A5%E6%8C%91%E6%88%98%E6%AF%94%E6%AF%94%E7%9C%8B%E3%80%82%E7%94%A8%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8%E6%89%93%E5%BC%80www.tangeche.com%E9%A6%96%E9%A1%B5%EF%BC%8C%E6%89%93%E5%BC%80%E8%B0%83%E8%AF%95%E5%B7%A5%E5%85%B7%E7%9A%84%E6%8E%A7%E5%88%B6%E5%8F%B0%EF%BC%8C%E8%BE%93%E5%85%A5start%28%29%3B%E5%9B%9E%E8%BD%A6%EF%BC%8C%E7%84%B6%E5%90%8E%E6%8C%89%E7%85%A7%E6%8F%90%E7%A4%BA%E5%8D%B3%E5%8F%AF%E5%BC%80%E5%A7%8B%E6%B8%B8%E6%88%8F%E3%80%82%40%E5%BC%B9%E4%B8%AA%E8%BD%A6")
  },100)

}
var stars = []
var appearP = 1
var timer1,timer2,timer3;
var begin = function(){
  timer1 = setInterval(function(){
    var createCount=Math.floor(Math.random()*5*appearP)
    for(var i=0;i<createCount;i++){
      var star = new Star();
      star.x = Math.floor(Math.random()*40)
      star.y = 0;
          star.speed = Math.random()*appearP;//Math.floor(Math.random()*3+1)
          stars.push(star)
        }

      },1000)
  timer2 = setInterval(function(){
    stars.forEach(function(star,i){
      star.y+=star.speed;
      if (star.y>=31){
        stars.splice(i,1);
        score++
      }
    })
    console.log(strs())
    count++;
    if(count>300){
      console.clear()
      count = 0;
    }
  },100)
  timer3 = setInterval(function(){
    appearP*=1.1
  },3000)
}
console.log("输入 start(); 后即可开始《码农躲车车》游戏!")
window.start = function(){
  appearP=1.1
  starts=[];
  score=0;
  me = 19;
  count = 0;
  console.log("%c请先用鼠标点击一下弹个车网页页面,游戏需要捕捉网页上的键盘事件(你应该懂吧)!","font-size:16px;color:#ff6700;")
  console.log("使用键盘左右键移动最下方的码农,躲开所有的汽车,汽车数量和速度会一直增加,看看谁坚持的最久吧!")

  var countdown = 6;
  setTimeout(function(){
    if(countdown--<=1){
      begin();
    }else{
      console.log(countdown)
      setTimeout(arguments.callee,1000)
    }
  },1000)
  return ("倒计时!")
}
})();
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,265评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,078评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,852评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,408评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,445评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,772评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,921评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,688评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,130评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,467评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,617评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,276评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,882评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,740评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,967评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,315评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,486评论 2 348

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,749评论 25 707
  • 早上五点醒来,习惯性等她电话,然后意识到我们已经结束了,阵痛感忽然袭来。 出门的时候浦东飘着小雨,扫了眼手机,没有...
    棒子君阅读 361评论 0 2
  • 拉萨游记(一) 今天我们就要到西藏去了。我们先到拉萨。出发前我们做了充足的准备,专门去户外运动商店,买了遮...
    耿元方阅读 439评论 0 0
  • 总任务1200件 小件折算 计划25天完成任务每天46件 高单周一到周五2个 六日4个 每周做一个高高单日 单笔最...
    卢慧_d4d3阅读 359评论 0 0
  • 2016年快结尾了,本想给自己一个好的结束,结果缺以58分的成绩结束了。去年我用59分开始了我的2015,一气之下...
    空wda白阅读 488评论 0 0