【CocosCreator 3.x 技术方案分享】第三期

上期推出的【CococsCreator 3.x 技术方案分享】第一期，得到大家很多的意见和反馈，感谢大家的支持。所以【CococsCreator 3.x 技术方案分享】第二期 它来啦，希望对大家有帮助。
分享来源自论坛、github 开源仓库、热心开发者、Cocos 引擎开发团队、cocos 技术支持团队。

• 3D 桌球联网同步
• raphael (Graphics 拓展和 SVG 加载)
• 模型第二套 UV 检测插件
• 3D 单机 FPS
• 3D 单机赛车
• VideoTexture
• raphael
• 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
  服务端：NodeJS
  联网方式：WebSocket
  服务器启动方式：
  项目文件夹下中执行命令行 cd AppServer，之后执行 node AppServer.js，看到输出 “Listen 8002” 即表示服务器启动正常。

  客户端启动方式：
  使用 Dashboard 导入本文件夹的工程，并测试。
  目前已验证通过在 web、android、ios 等三个平台的同步效果是正常的，其余平台暂无验证。
  此处提供一段 web 预览和编辑器模拟器预览时的同步测试视频：
  http://download.cocos.org/CocosTest/zhefengzhang/NoDelete/NetworkBilliards.mp4

youyou提供，技术支持团队升级项目

• (v3.4.2) raphael (Graphics 拓展和 SVG 加载)

  工程 git 仓库地址:

  https://github.com/cocos/cocos-awesome-tech-solutions/tree/3.4.0-release/demo/Creator3.4.2_Raphael

  需知：目前引擎有一处 bug，会导致 svg 场景渲染异常。详细问题描述可以看一下 issues，解决问题的办法是参考下图中红色代码定制一下引擎：
  

  图片1472×1340 258 KB

技术支持团队提供

• (v3.4.2) 检测模型是否具有第二套 UV 的插件

  工程 git 仓库地址:

  https://github.com/cocos/cocos-awesome-tech-solutions/tree/3.4.0-release/demo/Creator3.4.2_LightmapUV

  背景:

  生成光照贴图，模型除了本身的 UV，还需要另外包含一套 UV，详情参考：光照贴图 · Cocos Creator 。所以如何快速判断模型是否具有第二套 UV 是关键的一个步骤。

  使用说明:

1. 在拓展中添加check2uv
   
   20220424011857×1237 152 KB
2. 刷新拓展，可以在控制台看到检测的结果
   
   20220424021149×577 30.5 KB

往期回顾：

【CocosCreator 3.x 技术方案分享】第一期
【CocosCreator 3.x 技术方案分享】第二期
【CocosCreator 3.x box2d C++ to WebAssembly 优化方案】

2 个帖 - 2 位参与者

阅读整个主题