HTML5小游戏---爱心鱼（上）_技术问答

首页免费课 HTML5小游戏---爱心鱼（上）问答

HTML5小游戏---爱心鱼（上）

                
                Daisy
            
                    查看讲师更多课程 
                    Daisy讲师的其他课程
                
HTML5小游戏---爱心鱼（下）
中级·46270
免费课程
                                
canvas实现星星闪烁特效
中级·54187
免费课程
                                
                难度中级
            
                时长 2小时34分
            
                学习人数
            
综合评分9.50
                            139人评价
                        查看评价
                                9.6
                                内容实用
                            
                                9.5
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

慕妹0808774

其实有一个很关键的问题，老师的没有在图片加载完了之后draw，我的是没有画出来，我很好奇老师的怎么出来的

1 2-4 果实绘制（静态果实）

2015-10-01

deltaTime="NaN"

最赞回答 / 默小柒

deltaTime应该在前面定义function game(){ init(); lastTime = Date.now(); deltaTime = 0; gameloop(); }如果在这里没有定义，那么lastTime就是undefined，那么下面的deltaTime = now -lastTime;就会是时间戳减去undefined，所以就是NAN，就会一直NANfunction gameloop(){ window.requestAnimationFrame(gameloop); //...

6 回答 1680 浏览 2-5 果实绘制（果实上浮）

2015-10-01

慕妹0808774

明白了，引入多个script就处于同一个全局作用域里面，所以那个draw方法其实是可以得到全局对象上的ctx，哎呀

0 2-3 海葵绘制

2015-10-01

慕妹0808774

额，可能我看的不仔细，哪个绘图对象怎么传给海葵的draw方法的，我来回看了下，没有发现，不传递的话怎么可以绘制呢

1 2-3 海葵绘制

2015-10-01

Canvas的获取上下文的context()方法和getContext('2d')有什么区别？

+ 我来回答回答最高可+2积分

2 回答 5430 浏览 2-1 绘制背景

2015-10-01

慕妹0808774

老师加油，国庆就靠这个了^_^

1 1-1 HTML5小游戏---爱心鱼（上）课程简介

2015-09-30

love心跳

谢谢美女老师，我正在练习，大一学过一些js脚步语言，现在都忘记了，嘻嘻。很是吃力！支持你！！！

0 2-8 大鱼随鼠标移动

2015-09-30

AnnatarHe

有素材下载，请看评论框右边的“资源下载”

0 1-2 搭建HTML网页结构

2015-09-30

purple_yao

@all commonFunction.js文件已上传。

2015-09-30

哦你猜啊

commonFunction.js在哪里啊

4 2-1 绘制背景

2015-09-30

稻稻米1814

很不错，赞一个！！

0 3-2 下期课程简介

2015-09-30

稻稻米1814

鱼麻麻，哈哈

1 3-1 课程总结

2015-09-30

cleartime

requestAnimFrame这个js文件没有啊老师

2 2-1 绘制背景

2015-09-30

commonFunction.js文件有提供吗？

最新回答 / 阿狸太大熊

window.requestAnimFrame = (function() { return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function( /* function FrameRequestC...

1 回答 1270 浏览

2015-09-30

purple_yao

图片资源已经上传

2015-09-30

love心跳

哈哈，女老师好

2 1-1 HTML5小游戏---爱心鱼（上）课程简介

2015-09-30

首页上一页 81 82 83 84 85 下一页尾页

开始学习

课程须知: 1、对html、css基础知识已经掌握。 2、对JavaScript的基础知识掌握，如数组、类、对象。

老师告诉你能学到什么？: 1、html5 canvas制作游戏理念 2、html5 canvas 绘图API 3、游戏中的碰撞检测 4、认识几个数学函数 5、物体池概念 6、序列帧动画的控制

微信扫码，参与3人拼团

热搜

最近搜索清空