由于初学html,只有6个小时的视频教程,我花费了七个多小时才将成品敲出来。

不过确实特别适合初学者适应html、js语言。

教学链接地址:http://www.imooc.com/learn/515 && http://www.imooc.com/learn/516

使用的编辑器是sublime text 2,刚开始由于经常忽略写完一段代码便保存,出现了很多次尴尬的错误。

其中有个“==”号写成了“=”调了好几分钟才调出来。。。。

老师讲的真心不错,点个赞

中间的代码我没有保存,这里就只将最终的代码贴出来 ,所用图片资源在慕课网里都有,另外由于是视频教学,我这就不写注释了

欢迎大家指正bug

*****************游戏方法*******************************

通过浏览器打开html文件,我测试过的浏览器有Google Chrome、Firefox、IE、Edge、QQ浏览器

游戏方式很简单,通过鼠标的自由移动控制大鱼的移动方向,使大鱼吃到更多的果实(海藻产生的橙色或蓝色果实),大鱼在吃到橙色食物后身体变橙色、吃到蓝色食物后身体变蓝。

小鱼会一直追随着大鱼,并随着时间的流逝小鱼身体的颜色会逐渐变浅,当完全变白时,小鱼死亡,游戏结束。

大鱼需要一直不断的将吃到的食物喂给小鱼,小鱼在吃到食物后身体会重新变为最深色。

蓝色食物可以在大鱼给小鱼喂食时将大鱼吃掉的橙色食物代表积分翻倍。

游戏结束后可以通过按F5重新开始游戏

**********************************************************

下载地址:

http://download.csdn.net/detail/wbwal159/9481086

根据慕课网Daisy老师教程写的 爱心鱼 网页小游戏相关推荐

  1. 分享几款手写有趣的html5网页小游戏

    有技术含量的有趣网页小游戏,大众编程,你也可以!下载链接见文章末尾 下载链接:https://pan.baidu.com/s/11hD0fd4a2gJCSqZ5Eh1-jw 提取码:6sps

  2. 拜读滴滴D8黄轶大神慕课网vue2.0APP教程感想

    拜读滴滴D8黄轶大神慕课网vue2.0APP教程感想 慕课网课程链接: 开发移动端音乐 WebApp http://coding.imooc.com/class/107.html Vue.js高仿饿了 ...

  3. 对《慕课网》分页教程的感悟一

    金秋十月,国庆中秋佳节之际,或是以观慕课网而学之. 分页:这个以前我无数次所使用过的功能,但是这一次看过之后,才知道是我以前所理解的是如此的稚嫩. 简单的说一下感悟吧,或者说是简单的将一些自己还没有做 ...

  4. CocosCreator拼手速小游戏(教程 + 源码)TS实现小游戏

    CocosCreator拼手速小游戏(教程 + 源码)TS实现小游戏 前言 游戏完成后的样子 玩法:在10秒内点击屏幕中间的按钮,最终记录一共点击了多少下 源码在Q群:1130122408 这个游戏比 ...

  5. 利用random 的randint 方法写一个猜数字的小游戏

    学习python第二天,编写的一款数字小游戏 昨天学习完条件语句和while循环,老师留下的作业:利用random 的randint 方法写一个猜数字的小游戏. 第一次在CSDN上记录,小白一枚.希望 ...

  6. 你写一个web网页小游戏

    写一个 web 网页小游戏需要以下几个步骤: 选择一种编程语言,常用的有 HTML.CSS.JavaScript 和 Python. 使用编辑器创建一个 HTML 文件,这个文件将是你的网页的基础. ...

  7. 利用Scanner和Random类写的java猜字小游戏

    利用Scanner和Random类写的java猜字小游戏 题目:随机生成一个数,然后键盘输入猜的数字,验证输入数和这个随机生成的数是否相等,一共有五次猜测机会,自动提示输入的数大了还是小了,如果五次都 ...

  8. 弹力细胞,一个由JavaScript写的网页小游戏

    弹力细胞 (BounceCell) 一个由JavaScript写的网页小游戏 作为大一菜鸟,这是我第一次比较正式的写文章 [害臊] 游戏玩法 通过鼠标或触屏控制屏幕底部的滑动弹板将发射的小球反弹出去撞 ...

  9. 用JAVA写一款自己的小游戏

    用JAVA写一款自己的小游戏 我目前也处于一个学习的阶段,所以代码会有很多的错误,但是经过我几天的瞎调试目前还是可以玩的,但是可玩性还是很差 说一说怎么玩这个游戏把 设计初衷:KoalaChess,顾 ...

最新文章

  1. 信息安全隐患日趋严重 专家呼吁政策监管仍待加强
  2. MySQL 5.7 for Windows 解压缩版配置安装
  3. ORA-20000 exec dbms_space 错误
  4. 洛谷P4762: [CERC2014]Virus synthesis(PAM)
  5. 8万级自动挡智能SUV,舒适好开是亮点,众泰T600Coupe要逆天?
  6. Springboot之添加本地模块依赖
  7. pyspark分类算法之逻辑回归模型实践【binomialLogisticRegression+multinomialLogisticRegression】
  8. 做爬虫的一些技术观点-第450期
  9. 摄像头图像质量常用指标的测试方法
  10. 河南省2019计算机专业试题,2019年河南省对口计算机专业试卷
  11. WinRAR 6.0 永久去除广告
  12. Java中的其他常用类(Math类,Scanner类、正则表达式)
  13. 还敢搞黄色?4 个色情网站被一锅端,9 名福利姬被刑拘!
  14. 李宏毅2022《机器学习/深度学习》——学习笔记(1)
  15. 弘辽科技:淘宝商品降权的影响是什么?为什么被降权?
  16. 华为、腾讯、百度扎堆进入的自动驾驶仿真市场,到底藏着怎样的秘密?
  17. linux生成随机数
  18. Win极速文件搜索Listary
  19. subprocess模块教程
  20. 北京大学 计算机在哪个学院,中国计算机专业最好的大学是哪几个?清华北大哪个最好?...

热门文章

  1. 锁定计算机怎么换头像,电脑锁屏头像怎么设置
  2. JavaScript原声的数组操作函数归纳
  3. 基于Tomcat7的WebSocket.兼容IE(客户端需Flash10)
  4. 【爱铭微付版】Discuz积分充值插件
  5. Pycharm远程连接云服务器训练模型教程
  6. 百度新闻首页和百度站长平台首页相继改版
  7. GDUT - 专题学习1 C - 马走日
  8. Java实现 LeetCode 374 猜数字大小
  9. 计算机管理用户没有怎么办,win10管理没有本地用户和组怎么办
  10. CPU与GPU统一虚拟内存(CUDA UM)原理