记第一次在程序中埋彩蛋

写在前面

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

彩蛋提示

埋彩蛋的程序是编程猫官网,用浏览器访问,再打开浏览器的开发者工具的控制台?。
可以看到一个大大的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+="       《全民躲车车》得分:"+scorereturn result;}window.onkeydown = function(e){if(e.keyCode==37){me-=1;if(me<0) me=0;}else if(e.keyCode==39){me+=1if(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.1starts=[];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 ("倒计时!")
}
})();

转载于:https://www.cnblogs.com/lipten/p/9549598.html

记第一次在程序中埋彩蛋相关推荐

  1. 我们在开源项目中是怎样埋彩蛋的

    今天的 AntDesign 圣诞节彩蛋事件确实炸开了锅,加彩蛋的初衷是好的,只是这次玩过了火. 在开源软件中,加彩蛋是一种乐趣,并不为奇,同为知名 UI 组件库的 iView 项目,也经常在 文档 中 ...

  2. Photoshop 中的彩蛋

    Adobe Photoshop 开发者在软件中留下几个彩蛋 Easter Eggs,也许是他们在紧张的程序开发过程中的一种自我调节吧,就如复活节彩蛋一样,同样也给 Photoshop 的用户们带来一点 ...

  3. 弹窗中的彩蛋!一款在线开发工具 JupyterNotebook,一篇博客就会用|Python技能树测评

    昨天测评<python 技能树> 之后发现一个彩蛋,JupyterNotebook 在线编码工具. 文章目录 弹窗中的彩蛋 初步了解 运行代码 编写文档 补充一下小知识点 彩蛋里的意外发现 ...

  4. Python中的彩蛋

    Python当然能让你上天! 没试过?别担心,我来教你.和Python里的其他东西一样,它非常简单.你只需要敲入下面这行反重力代码 import antigravity 这是啥? 这是个彩蛋.impo ...

  5. IE和Windows系统中的彩蛋

    为了完成加减乘除计算,我们可能会选择Windows系统自带的"计算器",当然Excel也可以,但是有没有其他的办法了,经过我的研究,我发现了两枚彩蛋. 一.IE IE也能完成加减乘 ...

  6. 拜登重安全,白宫埋彩蛋:Coder,我们需要帮助!

     聚焦源代码安全,网罗国内外最新资讯! 编译:奇安信代码卫士团队 美国当地时间2021年1月20日(北京时间1月21日凌晨),美国当选总统乔·拜登 (Joe Biden) 在华盛顿国会山举行的就职典礼 ...

  7. 世界你好python_Python中的彩蛋(哈哈哈)

    Python之父Guido van Rossum于1989年发明了蟒蛇(python)他喜欢Monty Python是英国六人喜剧团体,喜剧界的披头士,而且后来Python的解释器以里面一个成员命名I ...

  8. 黑客在 Windows 95 邮件应用中发现彩蛋

    本文转载自IT之家,IT之家 3 月 27 日消息 Windows 95 是微软公司的一个爆款操作系统,发售初期人们都要排队购买该系统. 开发这款操作系统及其应用程序的开发人员有很多值得骄傲的地方,他 ...

  9. Windows 7系统中的彩蛋“God Mode”

    估计这个彩蛋是windows编程开发人员给自己留的快捷功能. Windows 7系统中隐藏了一个秘密的"God Mode",字面上译为"上帝模式". God M ...

  10. 记第一次生产项目中Flutter接入原生项目遇到的问题

    1.关于状态栏颜色 查看FlutterActivity 的onCreate方法得知FlutterActivityDelegate中 public void onCreate(Bundle savedI ...

最新文章

  1. c#实现规约文本自动添加到尾部并且不影响操作
  2. virtualenv使用
  3. 创建 Java 第三方类库,以及制作类库的Javadoc
  4. 【基础】使用cookies,实现免登陆(七)
  5. mysql查看隔离模式_InnoDB 隔离模式对 MySQL 性能的影响
  6. 网络工程师学习参考资料路由器配置案例分析
  7. Spring IO platform
  8. Net4.0---对HTML净化的处理
  9. caffe 利用Python API做分类预测,以及特征的可视化
  10. 201507152326_《Javascript实现跨域有4种方法——介绍jsonp和html5方法》
  11. AutoCAD2016-2020设置经典模式界面
  12. HTML基础代码大全
  13. qqxml图片代码_QQxml卡片代码合集超大图
  14. 番外7. 在 Python OpenCV 寻找目标区域以及边缘扩展的解决方案
  15. 破解navicat时出现No All Pattern Found File Already Patched
  16. 如何做好DevOps Secrets管理
  17. win10 1607 密匙
  18. 20个优秀手机界面扁平化设计,让你一秒看懂扁平化
  19. 【C++ Primer Plus】第6章 分支语句和逻辑运算符
  20. 电子元器件手册中assert和deassert的含义

热门文章

  1. Illustrator 教程,了解路径和曲线
  2. 苹果mac幻灯片演示文稿制作软件:PowerPoint 2019
  3. MWeb Pro for Mac(静态博客生成软件)
  4. Parallels Desktop 16 提示“已损坏,无法打开”的解决办法
  5. iOS开发多线程篇—线程间的通信
  6. Python学习手册之类和继承
  7. hdu 5175 Misaki's Kiss again
  8. 会声会影保存的文件在哪里
  9. java工程中的相关路径
  10. Linux命令-用户和组管理