- 综合排序
- 最热优先
- 最新优先
- 来自专栏游戏开发之旅
H5游戏开发：游戏引擎入门推荐
H5游戏开发：游戏引擎入门推荐 前言 很多刚刚接触到游戏开发，准备大展拳脚的小鲜肉们，往往在技术选型这第一关就栽了跟头。 CreateJS 周边产品 CreateJS 官方提供了 TweenJS 支持动画开发，同时通过 SoundJS 和 PreLoadJS 提供了音频和预下载的支持，对于 H5 游戏基础功能的支持是足够的 此外，CreateJS 还支持用 flash CC 开发导出由 CreateJS 渲染的 H5 游戏。 Three.js 更倾向于展示型的视觉呈现，比较少直接拿 Three.js 来开发 H5 游戏。渲染环境上，Three.js 支持 WebGL 和 CSS3D 两种渲染模式。 如果对「H5游戏开发」感兴趣，欢迎关注我们的专栏。 参考资料 目前有哪些比较成熟的 HTML5 游戏引擎？
7.6K20发布于 2019-12-02 - 来自专栏大数据钻研
HTML5游戏前端开发【秘籍】
QQ空间Android版4.2和4.5上线的玩吧游戏“空间疯狂套牛”是一款使用HTML5开发出的手机游戏，虽然还有很多不足，但其中使用的一些技术与技巧还是很有必要为大家分享出来，方便大家用秘籍打通各种关卡创造出更多更好的 HTML5游戏。 最终效果如下，无论屏幕怎么变化，都可以非常恰当的显示： 二、帧动画 好的游戏一定有好的动画，感谢设计师为游戏带来优美的视觉享受，如果在实现时有所折扣那是对设计师工作的不尊重，所以在实现动画这里，我们要谨慎小心 牛的跑动 这里我们根据之前在做PC与手机联动的小游戏，如：障碍越野赛、爬花藤、中秋小游戏中积累的经验，再结合手机浏览器主要是webkit内核，这里选用 animation-timing-function 所以移动位置也要缩放一半background-position: -388px 0 这里的难点在于图片的处理，以下是一些实例，供大家参考： 另外要注意绳子这里其实是有三个状态， 要分成三个CLASS来写，方便开发时切换不同的状态
2.3K70发布于 2018-04-18 - 来自专栏全栈程序员必看
HTML5游戏开发实战–当心
这样就使得制作HTML5网络游戏成为可能。 2.随着现代浏览器对HTML5元素的原生支持，将不再须要用户预装第三方插件就能够玩游戏了。 短代码更有利于代码的阅读，这对游戏开发至关重要，由于游戏开发往往包括大量的代码。 写短代码能够加快开发速度。 使用jQuery库能够让代码无须做额外的调整就能够支持全部主流浏览器。 $(“#paddleA”).css(“top”) + 5，返回的将是100px5。而不是我们想要的结果。 9.parseInt（string, radix）须要解析的字符串。 后来用来訪问HTML5自己定义数据属性。 ” 16.HTML5的一个最重要功能就是Canvas元素。
2.5K10编辑于 2022-07-06 - 来自专栏腾讯大讲堂的专栏
H5游戏开发指南
一直以来，游戏开发都是把前沿技术运用到极致的媒介，H5游戏也不例外，这篇文章会从带你从浅入手，深入H5游戏开发的世界。 Phaser是一款专门用于移动及桌面的HTML5 2D游戏开发的开源免费框架，内置游戏物理引擎，它也就是传说中100行代码之内搞定Flappy Bird的神器。 5、结尾 当试着用百度搜索了一些“H5游戏开发”之后，发现网上教程很多，什么“45分钟学会H5游戏开发”，“100行代码做个H5游戏”比比皆是，于是就改了主意，从另一角度来阐释游戏开发。 H5游戏开发的思路大都是来自于Flash，Flash有一套现成的开发流程，把它的思想理解之后，对于H5游戏开发好处多多。再次把焦点回到市场上来，“今年将是H5游戏的元年！” 腾讯网前端开发工程师，腾讯网首页、天天快报WEB版项目技术负责人，致力于HTML5页面开发。
5.3K112发布于 2018-02-13 - 来自专栏猫哥学前班
H5 游戏开发 2：搭建 Egret 开发环境
在上一期的“H5 游戏开发”教程中，猫哥介绍了如何通过 Whistle 工具对 Egret 文档进行资源修复和搜索增强。 Egret 官方为开发者和设计师提供了丰富的系列工具产品，帮助提升游戏开发体验和效率。 Egret Live Reload 配置 在进行 Web 项目开发时，很多时候我们需要一边编写代码，一边刷新预览页面的呈现效果，H5 游戏开发也不例外。 4.2 添加 .whistle.js 配置 代理配置成功后，我们在游戏项目根目录新建 .whistle.js 文件，其内容如下： （注：本配置中包含了 Egret 文档增强功能，具体参看“H5 游戏开发 以上是搭建 Egret 开发环境的全部内容。在下一期，猫哥将会介绍 H5 游戏引擎的技术实现原理，希望对大家理解游戏开发有所帮助，感谢关注：）
5.7K60发布于 2020-02-11 - 来自专栏蚂蚁开源社区
【教程下载】HTML5游戏开发(全)
点击“蚂蚁HTML5社区”，快速关注，每天一个免费开源程序。 HTML5有望成为网络游戏开发的热门新平台。 HTML5游戏能够运行于包括iPhone系列和iPad系列在内的计算机、智能手机以及平板电脑上。今天，我们加入HTML5游戏开发的急先锋，明日将成为时代的弄潮儿。 本书将展示如何使用最新的HTML5和CSS3 Web标准来构建纸牌游戏、绘图游戏、物理游戏，甚至是多人网络游戏。本书讲解清晰、系统全面，参照本书的讲解就能构建出6款示例游戏。 HTML5、CSS3以及相关的JavaScript API是网络上最新的热点话题。这些标准给我们带来一个新的游戏市场—HTML5游戏。 第2章通过使用DOM和jQuery创建传统《乒乓球》游戏来开始我们的游戏开发之旅。 第3章探讨CSS3新功能，讨论如何用DOM和CSS3来创建《纸牌记忆配对》游戏。
3.1K10发布于 2019-08-12 - 来自专栏跟着AI学
【跟着AI学】H5射击游戏开发实录：射击游戏
前言在之前的文章中，我们介绍了如何借助AI编程助手来开发一个H5扫雷游戏。这次我们增加难度，尝试开发一个功能更完整的H5射击游戏。 这种方式有两个好处：AI会提供更全面的功能建议，避免遗漏通过交互确认，确保双方理解一致开发者:我想开发一个H5的射击游戏，你帮我罗列下需求，我来确认和补充。 ####✅打开开发者工具（F12）####✅开始游戏####✅前5秒看到绿色坐标网格####✅2-3秒后顶部出现敌机（红色/青色发光）####✅触摸屏幕战机跟随移动####✅蓝色子弹向上发射####✅Console .md#完整开发记录7.3项目数据指标数量开发时长5-6小时代码行数约3000行JavaScript文件12个CSS文件1个HTML文件1个测试文件3个文档文件4个已修复Bug9个游戏关卡20个敌人类型 JS文件）Terser压缩（去除注释、压缩变量名）Babel转译（兼容旧浏览器）性能优化:Gzip压缩（减少传输体积）浏览器缓存（静态资源缓存1年）CDN加速（CDN分发）结语项目总结通过这次完整的H5射击游戏开发
60210编辑于 2026-01-06 互动游戏开发新趋势：弹幕游戏源码与H5游戏源码开发的融合与创新
山东布谷科技作为一家专注于互动游戏开发和社交系统开发的公司，我们敏锐地捕捉到这一趋势，并将弹幕游戏与H5游戏的优势相结合，致力于打造更具吸引力和竞争力的游戏产品。 二、H5游戏：跨平台与轻量化的优势H5游戏无需下载安装，即点即玩的特点，使其成为吸引轻度玩家的利器。 我们充分利用H5技术的优势，打造轻量化、跨平台的游戏体验：跨平台兼容： H5游戏可以无缝运行于PC、手机、平板等多种设备，覆盖更广泛的用户群体。 四、功能创新：满足玩家多元化需求除了核心玩法，我们还注重开发丰富的游戏功能，满足玩家多元化的需求：任务系统： 设置丰富的成就任务，激励玩家不断挑战自我，提升游戏乐趣。 五、未来展望：持续探索与创新未来，我们将继续深耕互动游戏开发领域，积极探索新技术、新玩法，为用户带来更优质的游戏体验：虚拟现实（VR）/增强现实（AR）： 探索VR/AR技术与弹幕游戏、H5游戏的结合，
61910编辑于 2025-03-08- 来自专栏making
h5小游戏开发_小程序小游戏系统开发定制对接方案
one together with the rockets after ten rockets hit. 4.Failed when the number of hearts equals zero. 5. requestAnimFrame中的两个参数,callback为下次重画执行的函数，element为要重画的节点,即requestAnimFrame(callback, element);安装依赖Substrate开发在基于 在下表中找到您的操作系统，并运行适用于您的开发环境的相应命令。
1.4K40编辑于 2022-11-03 - 来自专栏Golang语言社区
【Golang语言社区】H5游戏开发--从零开始开发一款H5小游戏(二) 创造游戏世界，启动发条
上一节介绍了canvas的基础用法，了解了游戏开发所要用到的API。这篇文章开始，我将介绍怎么运用这些API来完成各种各样的游戏效果。 这个过程更重要的是参透一些游戏开发的思路和想法，而不是仅仅知道怎么写代码来完成这个游戏。 先用一张图来了解一下整个游戏的构成。 Map表示整个背景地图，作用很简单，就是渲染黑色背景。 懂的人已经懂了，现代的H5游戏开发都是通过requestAnimationFrame来执行循环播放的。它的优势就是能根据浏览器的实时渲染帧率来执行函数，使的动画播放比较流畅。 我们的游戏中有玩家粒子，敌人粒子，还有技能粒子，撞击爆破等效果。我们的游戏就是不断地往animate这个方法中添加内容，在每一帧中渲染多个不同东西，看起来就是整个游戏画面了。 至此整个游戏基本原理已经讲得差不多了，下一节要讲的是如何创建各种粒子，还有player那条会动的尾巴。敬请期待《从零开始开发一款H5小游戏(三) 攻守阵营，赋予粒子新的生命》
1.7K30发布于 2018-03-27 - 来自专栏Golang语言社区
【Golang语言社区】H5游戏开发--JavaScript学习：21点游戏
一、游戏规则 21点游戏的规则有很多种，我在写这个21点游戏的时候，选取了一种规则，描述如下： 1、游戏共有两名玩家，玩家1（庄家）和玩家2，在我编写的这个21点中，玩家1是电脑，玩家2是你，电脑坐庄。 5、发牌后，你可以选择要或不要牌，选择要牌后，如果你的点数大于21点，你就输了，否则你还可以选择要或不要牌，如果你选择不要牌，则轮到庄家要牌。 二、目录结构 游戏的目录结构如下： ? 1、resource目录下，存储了游戏需要使用的图片。 2、bgm.ogg是游戏的背景音乐（我把QQ斗地主的背景音乐放进来了╮(╯▽╰)╭） 3、black_jack.html是一个网页，使用浏览器打开它就可以开始进行游戏了 4、black_jack.js存储了 3、说句题外话，这个游戏里，电脑赢的概率比你大，毕竟赌博游戏永远是庄家占便宜╭(╯^╰)╮。 END
2.1K60发布于 2018-03-27 - 来自专栏跟着AI学
【跟着AI学】H5扫雷游戏开发
作为一名开发者，我决定尝试一个有趣的项目：完全使用AI编程助手（类似ClaudeCode、GitHubCopilot等工具）来开发一个完整的H5游戏。 这个博客将记录整个开发过程，包括我与AI的"对话"、代码实现思路，以及最终的产品效果。不同于传统的"教程"，你会看到AI是如何一步步理解需求、编写代码的。 技术栈前端：原生HTML5+CSS3+JavaScriptAI工具：ClaudeCode（或其他类似AI编程助手）运行环境：浏览器（无需后端）项目类型：单机小游戏为什么选择扫雷游戏？ head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>H5扫雷游戏教程 >5周围有5个雷<spanclass="legend-item"><spanclass="num-6">6周围有6个雷<spanclass="legend-item
1K10编辑于 2025-12-28 鸿蒙5开发宝藏案例分享---一多开发实例（游戏）
【开发者必看】鸿蒙隐藏宝箱大公开！这些实战案例让你的开发效率翻倍！哈喽各位开发者小伙伴！今天要和大家分享一个让我拍大腿的发现——原来鸿蒙官方早就给我们准备了超多高质量开发案例！ 这些藏在文档深处的"武功秘籍"，能帮我们轻松实现分布式游戏、跨端协同这些听起来很酷的功能。快上车，带你解锁鸿蒙开发的正确姿势！ 一、分布式游戏手柄：用手机操控电视游戏（文档位置：设备协同 > 游戏场景案例）最近有个做体感游戏的朋友吐槽："想用手机当游戏手柄，光联调就花了半个月！" 四、彩蛋：卡片服务的花式玩法（文档位置：元服务 > 游戏场景）你以为卡片只能展示天气？ 五、避坑指南：文档的正确打开方式在开发者联盟APP搜索"bpta"直达案例合集用Demo里的TODO标签快速定位关键代码重点看issue区！
38210编辑于 2025-06-03- 来自专栏开发大于一切
H5小程序小游戏合成游戏系统开发解析方案
但是很多企业并不了解微信，也不会去做小程序开发，所以需要借助一些第三方的开发工具进行简单的操作，就能实现小程序的功能。下面我们来介绍一下小程序是如何使用的。#! type Currency: Currency<Self::AccountId>; // ACTION #5: Specify the type for Randomness we want
1.1K50编辑于 2022-12-06 - 来自专栏游戏开发之旅
开发H5游戏“穿越小行星”并适配微信小游戏
开发一个完整HTML5游戏的整个过程，并将web端程序适配到微信小游戏。 1、游戏基本架构 由于phaser社区目前仅有phaser2对微信小程序的支持，因此我选择phaser v2.6.2作为游戏的引擎。为便于开发调试，以单独的phaser.min.js方式引入文件。 游戏主要分三个场景，开始场景，游戏场景和重新开始场景，index.html文件如下。 <! /js/restart.js"></script> </body> </html> 2、开始场景 开始场景需要星空背景、标题、开始按键和下方火焰，开发完成的效果如下。 ? 当点击按钮时，调用this.state.start('game')切换状态名为‘game’的游戏状态。 3、游戏场景 游戏的主要玩法是：玩家驾驶的火箭随小行星转动，点击屏幕完成跳跃。
2.9K21发布于 2019-12-03 - 来自专栏Golang语言社区
【Golang语言社区】H5游戏开发-从零开始开发一款H5小游戏(五) 必要的包装，游戏规则和场景设计
到这里我们已经讲了游戏的整体设计和实现。一个游戏要完整，还需要给它制定一个评分机制，它是整个游戏的关键所在。就好比一部电影，特效再好看，如果剧情狗血，那也是一部烂片。 所以一款好玩的小游戏必须具备了这样的特点，简单易玩，却能给人制造紧张感，有时还能利用一些攀比心理。本游戏也基本具备了这样的特点。 而不是直接让bar.width = currentBarWidth; 结语 至此整个游戏的开发就介绍到这了，主要还是讲游戏的实现思路。 游戏中还是有挺多细节处理的，这些真的要亲自动手写一下才能了解。 本教程的初衷就是想让读者能对H5游戏开发有个宏观的了解，知道怎么入手。想起几周前自己要写这个游戏的时候还无从下手，如今也完成开发并写了几篇总结，算是有所沉淀。 其实H5游戏开发远比这个复杂，本游戏只是基于画笔实现，还没有涉及到图片的绘制，坐标轴转换等等。还有很多了要学习的东西啊。当然这只是自己一时的兴趣尝试，等什么时候心血来潮了，说不定再写一个系列呢。
1.7K120发布于 2018-03-27 - 来自专栏全栈程序员必看
quick-cocos2d-x游戏开发【5】——创建菜单
一个菜单是游戏中的一个基本要素，quick在里面menuItem有两个包。一个是图片菜单。一个文本菜单。
48730编辑于 2022-07-06 - 来自专栏猫哥学前班
H5 游戏开发 1：Egret 文档有多难用
最近猫哥开始转行做游戏开发，主要的业务场景是 Hybrid H5 休闲游戏。作为游戏行业的新人，自然少不了一些精彩的技术预研和踩坑经历，今天开始挖个“H5 游戏开发系列”的坑，每周分享一下。 技术选型 国内有三大 H5 游戏引擎，Cocos、Egret 和 Laya，他们都能支持使用 TypeScript 编写跨平台（H5、各类小游戏平台、Native App）的游戏。 具体引擎的对比细节不属于本文探讨的主题，我直接抛出（个人）结论： 2D 游戏选 Egret，3D 选 Laya，其他选 Cocos Creator。 为了能获得最好的游戏性能和开发灵活性，我们当前的这款游戏选用的是 Egret 白鹭引擎。 然而，生活中总是充满着意外和惊喜，从看开发文档到安装 IDE 上手开发调试，Egret 一点都没让人省心。 以上是猫哥对 Egret 文档站点改造的全部内容，在下一期我将会介绍实际的游戏开发，看看 Egret 的 IDE 和调试工具有多难用.
2K40发布于 2019-11-18 - 来自专栏区块链研究
区块链游戏实力开发团队不到5%，游戏行业真的需要区块链吗？
但是当前游戏区块链开发者中预计50%来自非游戏领域，还有30%是做传统游戏活不下去来新市场试水，真正有实力并且对区块链有一定认知的的开发团队可能不到5%。 但是这样的情况下，区块链游戏仍处于丛生状态，前有Cryptokitties等各类养宠游戏占领先机，后有“元链星系”引发“星际”主题游戏狂潮，抢占市场份额。 微信图片_20180720141110.jpg 这种用游戏形式普及区块链，而非做一款游戏的做法在本质上仍属于属于投资产品，还不能将其划归游戏范畴，那么游戏行业果真需要区块链吗？ 区块链技术用于道具交易，试图将所有游戏纳入到一个统一的经济系统中，看起来很美好，实际上只是玩家的一厢情愿。在虚拟游戏世界里，是否存在其他游戏中的道具、资源是我这个游戏里所缺乏、所急需的呢？ 这并不缺乏前车之鉴，元链星系之前在跨入2.0版本上就有想法将共识机制植入游戏中，由游戏厂商搭建平台，让玩家自主的在游戏中创造一切，包括装备、玩法等等。
1.3K60发布于 2018-07-20 - 来自专栏全栈程序员必看
网页游戏怎么开发的_网页软件游戏开发
——此系列谨记录我步入页游开发队伍的历程。 0.写在前面 相信有很多和我一样的人，曾多次问google、问baidu、问各大论坛——如何开发游戏？开发游戏如何入门？ 由于游戏开发本身其复杂、庞大、涉及东西比较多，始终不得其道，最终激情无情的被时间这把杀猪刀给磨灭。 之后又一次激情澎湃，又一次不了了之…… 本人喜欢玩游戏，也有幸在研究生毕业能够加入腾讯QQ游戏开发部门，本系列将记录如何步入网页游戏开发的历程。 1.近期计划 下面是导师给我的安排： 时间 任务 学习目标 输出 2011-5-5 ~ 2011-5-18 1、熟悉AS3基本语法 2、了解AS3事件机制 3、熟悉Flash动画原理 4、使用AS3获取外部数据 4. adobe flash cs5 Flash开发adobe flash cs5肯定会使用到，它是收费的，怎么安装google、百度之。
7.3K31编辑于 2022-09-16
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号