土丁爱吃大米饭-CSDN博客

原创 AI助力二维骨骼动画工具开发

二维骨骼动画（2D Skeletal Animation）是一种通过虚拟“骨骼”驱动2D图像（称为“皮肤”）实现角色动作的技术。其核心原理是将角色拆分为多个部件（如头、手臂、躯干），绑定到层级化的骨骼结构上，通过控制骨骼的运动带动皮肤变形，从而生成流畅动画。本文首先介绍了二维骨骼动画和相关工具，最后通过Windsurf开发了一个非常简单的骨骼动画模板。

2025-09-10 20:58:31 735

本文对比了国内外主流AI编程助手的优劣势，并重点测试了Windsurf Editor在贪吃蛇游戏开发中的表现。测试表明，Windsurf的Cascade智能体系统能够自动完成从项目搭建到核心代码编写的全过程，仅需简单提示即可生成可运行的完整游戏，包括HTML、JavaScript等多个文件，且包含详细的文档说明。相比国内产品，Windsurf在自动化程度和开发体验上更胜一筹，展现了AI辅助编程的高效性，使零基础开发者也能完成游戏开发。测试结果证明当前AI编程助手已具备较强的工程化能力。

2025-09-09 07:43:52 725

原创游戏开发者必看：H5游戏平台全攻略

游戏开发者可通过活跃社区（如GameDev.net、Reddit、GitHub）交流技术、获取灵感。主流引擎（Unity、Unreal）有专属论坛，国内平台（CSDN、B站）提供丰富资源。H5游戏可上传至微信小游戏、抖音小游戏等国内平台，或海外平台（Facebook Instant Games、CrazyGames）。自建网站或使用itch.io等独立平台也是选项。选择平台时需考虑目标用户、变现模式及技术要求。微信小游戏和抖音小游戏是国内首选，Facebook Instant Games适合国际市场。

2025-09-06 14:30:01 1387 1

原创 40分钟一口气开发15个小游戏（DeepSeek经验分享）

DeepSeek-R1在40分钟内成功开发了15款H5小游戏，其中10款一次对话无BUG完成，3款经调整后运行，2款存在未修复BUG。测试包括贪吃蛇、扫雷、俄罗斯方块等经典游戏，以及国际象棋、围棋等复杂项目。DeepSeek展现了强大的代码生成能力，如一次输出548行贪吃蛇代码，并能按要求修改风格（如762行水墨风版本）。虽然部分游戏（如俄罗斯方块、数独）需要多次调试，但整体表现令人惊艳，特别是988行的城市建造者模拟游戏展示了出色的创造力。这些demo证明了AI在快速原型开发中的巨大潜力。

2025-09-05 19:14:44 685

原创 CodeBuddy初探（样例：贪吃蛇）

摘要：本文对比了两种AIGC开发贪吃蛇游戏的模式。CodeBuddy采用分步开发方式，通过多次调试修复BUG，适合工程化开发；而纯DeepSeek对话能一次性生成零BUG代码，但难以处理复杂项目。作者建议选择智能体管理代码版本，配合优质大模型（如DeepSeek），并强调提问技巧的重要性，指出需要通过练习掌握与AI有效沟通的方法。两种模式各有优势，开发者应根据项目需求选择适合的开发方式。

2025-09-04 20:53:05 708

原创 Phaser游戏开发入门及AI编程初探

Phaser是一个功能强大的开源HTML5游戏框架，专注于2D游戏开发。它提供跨平台支持，包含渲染引擎、物理引擎和丰富的开发工具链。Phaser生态系统包括核心框架、可视化编辑器PhaserEditor2D和物理引擎扩展Box2D集成。开发者可通过JavaScript或TypeScript快速构建游戏，部署为网页、移动或桌面应用。文章还介绍了AI编程在Phaser开发中的应用，通过CodeBuddy插件实现碰撞效果增强，展示了AI辅助游戏开发的潜力。配套资源包含完整示例代码，适合初学者入门。

2025-09-02 20:07:09 808

原创 AIGC助力小游戏开发全流程

摘要：H5小游戏开发全流程包括概念设计、素材制作、开发测试和部署五个阶段。AIGC技术可辅助单兵作战，在素材生成、代码编写和测试环节发挥作用，但需注意其创意偏差和结果核查。文章详细介绍了工程目录结构、AI工具推荐表（涵盖美术、音效、3D建模等）、主流大模型对比（2025年）以及部署建议（包括国内外主流平台）。同时强调AIGC目前仍需要人工把关，开发者需掌握任务分配和成果检查的能力。

2025-08-31 20:07:26 1187

原创 H5游戏开发基础（零基础入门）

《零基础入门：HTML5游戏开发核心概念与实践》是一本面向初学者的HTML5游戏开发指南。文章强调在AI辅助下，开发者只需掌握基础概念即可快速构建网页游戏。全书分为三部分：HTML构建游戏骨架（canvas元素、UI组件）、CSS美化界面（Flexbox布局、视觉效果）、JavaScript实现游戏逻辑（变量、事件监听、定时器）。通过贪吃蛇、俄罗斯方块等经典案例，讲解核心技术的实际应用。作者建议采用"理解概念-动手实践-关联场景"的学习路径，并推荐MDN等权威资源。

2025-08-30 16:17:34 1308 1

基于Phaser的二维简单人物骨骼动画（AI开发）

AI工具在开发实践中的应用——Windsurf开发二维简单人物骨骼动画（AI赋能游戏开发）

2025-09-09

简单的贪吃蛇小游戏源代码

# 贪吃蛇 - Phaser 3 版一个使用 Phaser 3 开发的经典贪吃蛇小游戏。 ## 运行方式本项目为纯静态网页，无需构建。推荐以下任一方式启动本地静态服务器： - Python： python -m http.server 8080 # 然后访问 http://localhost:8080/index.html - Node http-server： http-server -p 8080 # 访问 http://localhost:8080/index.html - VS Code 扩展：Live Server（右键 index.html -> Open with Live Server）直接双击打开本地 HTML 可能因浏览器的安全策略导致无法正确加载模块脚本，推荐使用本地服务器方式。 ## 操作说明 - 方向键：控制移动 - 空格：暂停/继续 - R：重开 ## 配置在 `src/main.js` 中可调整： - `GAME_WIDTH` 与 `GAME_HEIGHT`：窗口尺寸（需为 `tileSize` 的整数倍） - `window.__SNAKE_CONFIG__` 中： - `tileSize`：单元格像素尺寸（默认 20） - `stepInterval`：移动步长间隔毫秒（越小越快，默认 120） ## 代码结构 - `index.html`：入口 HTML，加载 Phaser 与模块脚本 - `src/main.js`：启动 Phaser Game，注入全局网格配置 - `src/scenes/PlayScene.js`：核心游戏循环、输入、食物与得分、胜负判断 - `src/objects/Snake.js`：蛇的移动、增长、渲染与自撞检测

2025-09-06

15款简易经典H5小游戏源代码

15款简易经典H5小游戏源代码及AI辅助创作对话： 1.贪吃蛇游戏 2.贪吃蛇改（水墨风） 3.扫雷 4.俄罗斯方块 5.井子游戏（人人） 6.井子游戏（人机） 7.数独游戏 8.打砖块 9.小蜜蜂 10.简单版马里奥 11.极简版雷电 12.国际象棋 13.围棋 14.五子棋 15.城市建造者

2025-09-04

Phaser游戏开发入门及AI编程初探（源代码）

Phaser 是一个功能强大的开源 HTML5 游戏框架，专注于 2D 游戏开发，其生态系统包括核心框架、可视化编辑器（如 Phaser Editor 2D）和物理引擎扩展（如 Box2D 集成）。本样例是作者编写的《Phaser游戏开发入门及AI编程初探》一文的工程源代码，供大家参考。

2025-09-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

ayusong870的博客