Yorhom's Game Box

最近在scratch社区逛的时候，发现了一位国外牛人设计的一个动画portals。在这个项目中，所有圆圈根据三个参数的调控进行一系列美妙的运动。我看这个项目挺有趣的，于是就用html5模仿了一个，不同的是，为了使动画更连贯，我采用了自动变更参数的方式来使整个动画播放过程完全自动化核心代码这些圆圈的运动轨迹由三个参数和一个函

前面我们看到的机器人就是通过这个类来实现的。但是正如学过生物必修一的同学都知道，动物生命层次是这样的：个体->系统->器官->组织->细胞，我们的机器人就是个体，那么四肢构成运动系统，以此类推。所以我们的这个Robot类就只是个装载头部，身躯，四肢的容器。在上面给出的文件结构中可以看到，还有Head.js和Body.js这些类，他们的实例化对象就是放在Robot这个个体里的部件了

刚过完春节，想必大家收到了各种祝福和贺卡吧～Y某我今年也为同学和家人准备了贺卡。不一样的是，我的贺卡可不是made from树，而是一行行代码凝聚而来的。考虑到本次开发需要的功能不多，所以就没有用库件了，利用纯Html5 Canvas API来完成本次梦幻之旅：节日贺卡。虽然用到的Canvas API不多，但是效果还是蛮理想的～每次写博客和大家分享技术的时候，我都会先把原理介绍给大家，因为这样一来，大家对下文中的代码理解起来就快多了。所以原理很重要，得作为第一个研究话题。无论是在测试地址里还是截图中，

今天来学习下HTML5 Canvas颜色动画。什么是颜色动画呢？以我的理解就是以某种颜色过渡到另一种颜色。和这个效果有点类似：http://w3school.com.cn/tiy/t.asp?f=css3_animation1 上面的demo是用css3实现，而我们今天要用的是Canvas。Canvas并没有相关的API，所以要想实现这种效果，只有靠自己了。从上面的例子可以看出，我们需要完成缓动动画和颜色变化这两个基本效果，再将这两个效果组合一下，就是我们要的结果了。实现颜色效果的原理其实很简单，就是通

好像哪位老师曾说过，音乐是世界通用语言。是的，听不懂英文，但总能欣赏英文歌吧。很早以前就想做个音乐播放器，但是由于跟随歌曲显示当前歌词的效果一直实现不了，所以我的想法一直无法实现。不过，最近创意不佳，没心情开发游戏了，于是闲下来搞点小发明。这次就先模仿一下手机QQ音乐中歌词显示效果。恰巧，年末新歌蛮多的，于是我就选了一首比较好听的歌曲——手写的从前。不难发现，在这里，除了前三行，方括号代表的不是区间而是时间。在前三行中，方括号里的内容分别代表：歌曲名，演唱者，音乐长度。但是这些算不上歌词吧，所以真正要

很久又没写博客了，一者是因为要上课，平时没有什么零碎的时间研究新东西；二者最近在开发一款塔防游戏，有整块的时间都拿去开发这个项目了。因此最近没有什么好的东西和大家分享。这周末看在游戏快完工的份上，抽出了半天的时间研究了一下html5幻灯片制作，效果还不错，展示如下：首先是一张《真三国无双7》关云长的头像其次是《真三国无双7》貂蝉的头像切换时的效果怎么样？效果

天花无数月中开,五采祥云绕绛台。堕地忽惊星彩散,飞空旋作雨声来。怒撞玉斗翻晴雪,勇踏金轮起疾雷。更漏已深人渐散,闹竿挑得彩灯回。记得每年过春节的那段时间，除了欣赏隆冬的景色，剩下的就是欣赏天空中美丽的烟花了。成都的冬天，天空中总是灰蒙蒙的，像是织了一层薄薄的轻纱，把阳光挡走了一部分。路边的枫树上，没有了夏日整天“知了”，“知了”的小家伙，是否有鸟儿，我却也忘了。树上的枫叶寥寥无几，可能是在某一时候，悄无声息地飘落了；有时路过一棵年岁已高的树，也不知是地球引力还是什么的原因，一片叶子会自然地落下来，不留神

徐家破镜昏如雾。半面人间露。等闲相约是看灯。谁料人间天上、似流星。朱门帘影深深雨。憔悴新人舞。天涯海角赏新晴。惟有桥边卖镜、是闲行。——宋·刘辰翁·《虞美人》流星出现的时候，人们都喜欢对着它们许愿，因为传说对着流星许下愿望后，愿望就能实现。不过流星很少见，至少我没有见到过，因此从来没有对着它许愿。最近出于兴趣，制作一个拖尾效果，后来想到可以通过拖尾效果来实现一下流星雨的效果。因此今天就来实