tinyFish小游戏

最新推荐文章于 2025-08-15 23:49:33 发布
最新推荐文章于 2025-08-15 23:49:33 发布
阅读量312 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： H5游戏 文章标签： 前端 H5游戏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jackyfgh/article/details/53129814
本文介绍了一款基于canvas的大鱼吃小鱼H5游戏开发过程，通过面向对象编程实现，并分享了游戏效果及源码下载地址。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

canvas是H5推出的一个新的功能非常好用就像画板一样，目前为h5的游戏也确实很火这是一款非常简单的大鱼喂食小鱼的游戏下面展示一下游戏效果：


这是游戏的效果图下面提供一下源码，初次使用面向对象编程在网上看到的也就学习一下然后自己做了一下，中间也遇到很多很多的bug都得到了一一的解决。代码有待于优化写的不好谢谢指教！

代码用到的追踪算法由简单的距离判断构成。


链接：http://pan虹baidu虹com/s/1bo2ReTT 密码：ks2h（以免吞连接请大家到百度网盘下载）下载时将虹字删除换成点符号

一款基于Webgl实现的3D类网页游戏
iwinterice的专栏
06-01 6042
摘要：本文主要介绍运用webgl的第三方框架three.js实现的一款简单的3D类网页游戏。主要内容包括介绍three.js,如何运用three.js摆放相机，设置相机角度，相机视觉角度转移，场景中物体的位置摆放和贴皮，在3d世界中的直线运动，碰撞检测等。 关键词：3d数学, webgl, three.js, 技术领域：前端开发，游戏开发，3d，webgl 一.   背景
tinyfish-io_agentql-mcp-AI人工智能资源
06-25
tinyfish-io_agentql-mcp-AI人工智能资源是一系列与AgentQL MCP Server相关的开发资源，AgentQL MCP Server是一个专注于代理查询语言（Agent Query Language）的MCP（Multi-Model Control Plane）服务器，它整合了AI...
threeJSDeom
03-22
threeJS的小DEmo
threejs demo
03-15
threejs入门博客http://blog.youkuaiyun.com/u010588262/article/details/79570436的配套demo，演示地址: https://www.hugeoyzy.top/threejs/src/demo1.html https://www.hugeoyzy.top/threejs/src/demo2.html
Three.JS学习 9：WEBVR 入门demo
猿来这样-谢厂节的博客
01-15 5034
本文参考文档主要来源： https://www.sitepoint.com/bringing-vr-to-web-google-cardboard-three-js/本文内容是介绍基于Three.js创建一个可以使用谷歌眼镜演示的WEB虚拟现实网页。准备工作首先需要准备一些js 下载项目： https://github.com/sitepoint-editors/VRWeatherPartic
3dsmax 模型创建+原生贴图+obj/mtl+three.js 实现WEB3D
华容道的博客
05-11 3930
3dsmax模型创建+原生贴图 模型创建请参考另一篇我的文章 3dsmax 模型创建+原生贴图(多图) 为何要原生贴图？ 因为three.js只支持原生贴图的obj/mtl文件 obj/mtl导出 Three.js 完整代码 链接：https://pan.baidu.com/s/1xmR-i7Q_k3Gv_WN2le3NyA 密码：luti 其中的html代码 ...
程序员的思考：分享即提高
weixin_33924770的博客
08-01 175
从今年2月底开通微信公众账号以来，到现在差不多9个月的时间，订阅的用户差不多有 500 人了。这个数字当然不能和那些大 V 的订阅数相比，甚至那些大 V 在文章结尾处给别人的账号做个推荐，一天的订阅数也许都会超过我的。但是，我对 500 个订阅数的结果是很满意的。 记得最早开通公众号那会，我还在上家游戏公司。我离开公司前给程序组的同学做了一次关于...
程序员的思考：分享即提高！
~ Caesar's wish书屋 ~
03-17 463
从今年2月底开通微信公众账号以来，到现在差不多9个月的时间，订阅的用户差不多有 500 人了。这个数字当然不能和那些大 V 的订阅数相比，甚至那些大 V 在文章结尾处给别人的账号做个推荐，一天的订阅数也许都会超过我的。但是，我对 500 个订阅数的结果是很满意的。 记得最早开通公众号那会，我还在上家游戏公司。我离开公司前给程序组的同学做了一次关于游戏服务端开发的讲座。在演讲稿的最后一页，我贴
32位Windows7上8G内存使用感受+xp 32位下使用8G内存 （转）
weixin_34307464的博客
11-12 520
32位Windows7上8G内存使用感受+xp 32位下使用8G内存 博客分类： Windows XPWindowsIE企业应用软件测试  我推荐做开发的朋友:赶快加入8G的行列吧....呵呵..超爽...速度超快...基本没有等待的概念...深有体会...     为什么要使用8G内存？在国内外各大论坛上，这都是一个有争议的问题。问题的反方论据非常充分： 除了...
32位Windows7上8G内存使用感受+xp 32位下使用8G内存
xpp02的专栏
05-05 612
我推荐做开发的朋友:赶快加入8G的行列吧....呵呵..超爽...速度超快...基本没有等待的概念...深有体会... 为什么要使用8G内存？在国内外各大论坛上，这都是一个有争议的问题。问题的反方论据非常充分： 除了少数专业领域，大多数应用程序不会需要超过1G的内存。 游戏使用的内存最多也是2G而已。 8G内存不便宜，不如花在显卡上。 升级到8G后没有什么明显变化。 ...
【转载】32位Windows7上8G内存使用感受
hwhhyh25
04-05 721
一直在寻找，32位的Windows操作系统怎么使用大于4G的内存呢，32位Linux系统最大内存也是支持到4G吗？偶然有一天看到以下博文，终于搞清楚了这些问题，在此感谢原博主，现转载如下： http://www.cnblogs.com/tinyfish/archive/2010/12/06/1897583.html 32位Windows7上8G内存使用感受 为什么要使用8G内存？...
electron进程间通信- 从渲染进程到主进程
唐璜Taro的博客
08-13 911
本文介绍了Electron中的IPC进程间通信机制，重点解析了从渲染进程到主进程的单向通信实现方式。这种设计既保证了功能实现，又遵循了Electron的安全通信原则，是开发桌面应用的常用模式。
基于SpringBoot校园管理系统
2501_90968670的博客
08-13 1064
校园管理系统是一个基于Spring Boot + Vue.js的全栈应用，专注于高校内部的多角色协作管理。系统实现了院校管理、单位管理、用户管理、通知推送、投票管理等功能模块，满足管理员、院校管理员、普通用户三类角色的不同操作需求。核心目标是提升校园管理效率，实现通知精准推送与数据可视化统计。
Next.js 国际化：打造多语言应用
zimin的专栏
08-12 1205
Next.js 作为一个全栈 React 框架，在构建全球性应用时，国际化（Internationalization, i18n）是不可或缺的功能。国际化允许应用支持多种语言和区域设置，实现语言检测、内容翻译和路由本地化，提升用户体验并扩大受众范围。Next.js 通过灵活的配置和库支持，如 next-i18next 或内置的 i18n 功能，简化了多语言应用的开发。i18n 的核心包括语言检测（根据用户浏览器或首选项自动切换语言）、内容翻译（使用 JSON 文件或第三方服务）和路由本地化（如 /en/
后端Web实战-MySQL数据库
sjdjjdkd的博客
08-13 932
MySQL官方提供了两个版本：商业版本（MySQL Enterprise Edition）该版本是收费的，我们可以使用30天。官方会提供对应的技术支持。社区版本（MySQL Community Server）该版本是免费的，但是MySQL不会提供任何的技术支持。本课程，采用的是MySQL的社区版本（8.0.34）1.SQL语句可以单行或者多行书写，以分号结尾。2、SQL语句可以使用空格/缩进来增强语句的可读性。3、MySQL数据库的SQL语句不区分大小写。
【web站点安全开发】任务2：HTML5核心特性与元素详解
不羁的博客
08-12 995
本文系统梳理了HTML的核心知识点与优化技巧，涵盖四大模块：1. HTML元素：详细解析行内、块级、行内块元素的布局特性与区别，以及替换/非替换元素的本质差异。2. HTML5新特性：重点介绍语义化标签、多媒体支持、增强表单、Canvas绘图、本地存储等核心功能，强调其开发价值与兼容性处理。3. 优化实践：提供图片加载、表单交互、页面性能、可访问性等场景的优化方案，包括懒加载、响应式图片、ARIA属性等实用技巧。4. 高频面试题：精解DOCTYPE、语义化、新特性等常见考点，帮助读者掌握面试应答要点。
【前端】qs 库详细介绍
qq_45974648的博客
08-12 998
qs 是一个高效的 JavaScript 查询字符串处理库，支持复杂数据结构的解析（parse）和序列化（stringify），弥补了原生 URLSearchParams 的不足。核心功能包括：将查询字符串转为对象（支持嵌套结构）和将对象转为查询字符串。关键特性有嵌套对象处理、多种数组编码格式、深度控制与安全限制、自定义编解码等。qs 广泛应用于 HTTP 请求处理、服务器参数解析和复杂表单数据处理，是 Axios 等库的默认查询处理器。相比原生方法，qs 支持更复杂的数据结构和更灵活的配置选项。
【前端八股文面试题】【JavaScript篇8】作用域链介绍？
qq_45974648的博客
08-13 378
JavaScript作用域链解析：作用域链是变量查找的层级规则，决定代码如何访问变量和函数。其核心逻辑为：从当前作用域开始查找，逐层向外直到全局作用域。函数定义时即确定作用域链（词法作用域），与调用位置无关。闭包是作用域链的典型应用，内部函数可访问外部函数变量。作用域链由函数作用域、块级作用域（ES6+）和全局作用域构成，理解其机制有助于避免变量冲突，是掌握闭包、模块化等高级概念的基础。
Web 开发 15
最新发布
AYheyheyhey的博客
08-15 373
本质上，是要让setStories执行的时机，严格晚于 “接口数据返回”。stories存的是真实可用的数据；组件渲染、业务逻辑能基于正确的数据执行。如果是 React 框架，还可以结合useEffect控制 “何时发起请求”（比如组件挂载时、某个状态变化时），让异步流程更贴合组件生命周期。异步操作要 “等结果”，再更新状态，避开 “异步未完成就执行同步逻辑” 的坑。Promise 本身不是结果，而是 “承诺会拿到结果” 的 “订单”。
前端已死，AI技术正在重塑前端软件工程师
不惑
08-14 792
"前端已死"这个标题可能有些夸张，但它确实反映了一个现实：传统的前端开发模式正在消失，取而代之的是一个更加智能化、自动化的新时代。作为前端工程师，我们不应该害怕这个变化，而应该积极拥抱它。AI技术不是来替代我们的，而是来解放我们的。它让我们从重复性的编码工作中解脱出来，有更多时间专注于创新和解决复杂问题。在这个新时代，前端工程师的价值不再体现在能写多少行代码，而是体现在能否用技术创造更大的价值。未来属于那些能够与AI协作、具备系统思维、关注用户价值的前端工程师。让我们一起迎接这个充满机遇的新时代吧！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值