上期推出的【CocosCreator 3.x 技术方案分享】第三期来啦,希望对大家有帮助。
分享来源自论坛、github 开源仓库、热心开发者、Cocos 引擎开发团队、Cocos 技术支持团队。
- 3D 桌球联网同步
- 模型第二套 UV 检测插件
- raphael-example (Griphics 拓展 & SVG 图片渲染)
- 模型动画残影
- 3D 单机 FPS
- 3D 单机赛车
- 音效、视频倍速
- video texture
- tiledMap 自动寻路
方案将会随着 CocosCreator 更新迭代,保证在最新版本的 CocosCreator 中可运行。
技术支持团队提供
-
(v3.4.0) 3D 桌球联网同步
工程仓库地址:
https://github.com/cocos/cocos-awesome-tech-solutions/tree/3.4.0-release/demo/Creator3.4.2_3D_NetworkBilliards
素材来自:
Sketchfab客户端:CocosCreator 3.4.2
服务端:Node.js
联网方式:WebSocket
服务器启动方式:
项目文件夹下中执行命令行 cd AppServer,之后执行 node AppServer.js,看到输出 “Listen 8002” 即表示服务器启动正常。客户端启动方式:
使用 Dashboard 导入本文件夹的工程,并测试。
目前已验证通过在 web、android、ios 等三个平台的同步效果是正常的,其余平台暂无验证。
此处提供一段 web 预览和编辑器模拟器预览时的同步测试视频:
http://download.cocos.org/CocosTest/zhefengzhang/NoDelete/NetworkBilliards.mp4
技术支持团队提供
-
(v3.4.2) 检测模型是否具有第二套 UV 的插件
工程 git 仓库地址:
背景:
生成光照贴图,模型除了本身的 UV,还需要另外包含一套 UV,详情参考:光照贴图 · Cocos Creator 。所以如何快速判断模型是否具有第二套 UV 是关键的一个步骤。
使用说明:
- 在拓展中添加 check2uv
- 刷新拓展,可以在控制台看到检测的结果
youyou 提供原方案,有技术支持团队升级项目
-
(v3.4.2) raphael-example (Griphics 拓展 & SVG 图片渲染)
工程 git 仓库地址:
https://github.com/cocos/cocos-awesome-tech-solutions/tree/3.4.0-release/demo/Creator3.4.2_Raphael
目前引擎还有一处 bug,会导致 svg 场景渲染异常。需要参考下图中的代码定制引擎才能解决。相关 issues:https://github.com/cocos/cocos-engine/issues/10900
效果演示:
技术支持团队提供
-
(v3.4.2) 模型动画残影效果(待定方案)
工程 git 仓库地址:
效果展示:
web 和 小游戏性能还可以,但是在原生平台上性能不好。
往期回顾:
【CocosCreator 3.x 技术方案分享】第一期
【CocosCreator 3.x 技术方案分享】第二期
【CocosCreator 3.x box2d C++ to WebAssembly 优化方案】
【CocosCreator 3.x 自定义渲染材质方案分享】第一期