-
- java家洼 2016-06-25
- 1-3 眨眼睛 小鱼眼睛眨动的这个动作，跟小鱼尾巴的这个动作有些不同，小鱼的尾巴是匀速播放序列帧，小鱼眼睛是每隔2-3秒眨一下，把眨眼睛间隔设置成随机的，不死板，更灵活，小鱼眯眼睛时间长度是固定的， 1，在main.js中定义小鱼眼睛图片数组： //小鱼眼睛图片数组 var babyEye=[]; for(var i=0;i<2;i++){ babyEye[i]=new Image(); babyEye[i].src="./src/babyEye"+i+".png"; } 在baby类里面： 定义定时器，序列号变量，图片间隔变量babyEyeInterval表示图片持续多长时间，比如：圆睁眼睛图片播放2秒，切换到眯眼睛图片，持续200ms，再切换到圆睁眼睛图片，播放3秒...一直这样子循环。 //baby eye this.babyEyeTimer += deltaTime; if(this.babyEyeTimer>this.babyEyeInterval){ this.babyEyeCount = (this.babyEyeCount+1)%2; this.babyEyeTimer %= this.babyEyeInterval; if(this.babyEyeCount == 0){ this.babyEyeInterval=Math.randon()*1500+2000;//[2000,3500) }else{ this.babyEyeInterval=200; } } var babyEyeCount=this.babyEyeCount; ctx1.drawImage(babyEye[babyEyeCount],-babyEye[babyEyeCount].width*0.5, -babyEye[babyEyeCount].height*0.5); 同时删除掉之前定义的this.babyEye=new Image();
- 2赞 · 0采集
数据加载中...