技术方案来源自论坛、github 开源仓库、gitee 开源仓库、热心开发者、Cocos 引擎开发团队、cocos 技术支持团队。精力有限后续持续更新。
- 2D 光照
- 2D 阴影
- Spine 贴图换装
- 3D 植被卡通渲染与植被交互
- 画板
- 3D 寻路
- 图片切割
- Gif图片资源加载
- 2D 流体
- 区域截图
- 动画(骨骼/spine/龙骨) 指定帧播放
方案将会随着 CocosCreator 更新迭代,保证在最新版本的 CocosCreator 中可运行。
技术支持团队提供
-
(v3.7.3) 2D 光照
工程 git 仓库地址: cocos-awesome-tech-solutions/demo/Creator3.7.3_2D_Light at 3.7.x-release · cocos/cocos-awesome-tech-solutions · GitHub
素材来自:https://www.codeandweb.com/blog/2015/05/12/lighting-demo-cocos2d-x 、https://github.com/CodeAndWeb/cocos2d-x-dynamic-lighting
技术支持团队提供
-
(v3.4.0) 2D 阴影
工程 git 仓库地址: cocos-awesome-tech-solutions/demo/Creator3.4.0_2D_ShadowMap at 3.4.x3.5.x-release · cocos/cocos-awesome-tech-solutions · GitHub
素材来自:2D Pixel Perfect Shadows · mattdesl/lwjgl-basics Wiki · GitHub
详细使用讲解>>
技术支持团队提供
-
(v3.7.3) spine 使用非图集纹理进行局部换装
Gitee用户(skyxu123 随风)提供,由技术支持团队补充功能
-
(v3.7.3) 画板
工程 git 仓库地址: cocos-awesome-tech-solutions/demo/Creator3.7.3_2D_DrawingBoard at 3.7.x-release · cocos/cocos-awesome-tech-solutions · GitHub
素材来自:DrawingBoard: 使用cocoscreator开发的画板,绘画、撤销、清除、保存(web端)功能。 、RGB颜色表切换画板
绘画
撤销(Undo)
清屏
橡皮擦
渐变色画笔(初步方案)
Github用户(zhangyizhang)提供,由技术支持团队升级至 3.7.3 版本
-
(v3.7.3) 3D 寻路
工程 git 仓库地址: cocos-awesome-tech-solutions/demo/Creator3.7.3_3D_Navigation at 3.7.x-release · cocos/cocos-awesome-tech-solutions · GitHub
素材来自:Extensions/recastjs/demo at cocos · zhangyizhang/Extensions · GitHub添加障碍 (圆形障碍 & 方形障碍)
添加角色 并寻路
使用连接线 link 爬坡
需注意目前 3.7.x 版本引擎还不支持加载 obj 格式模型资源,所以需要使用第三方 DCC 工具重新导出成 fbx 方可使用。
Github用户(kirikayakazuto)提供,由技术支持团队升级至 3.7.3 版本
-
(v3.7.3) 图片分割
工程 git 仓库地址: cocos-awesome-tech-solutions/demo/Creator3.7.3_2D_SpriteSplit at 3.7.x-release · cocos/cocos-awesome-tech-solutions · GitHub
素材来自: CocosCreator_UIFrameWork/assets/Script/test at SplitTexture · kirikayakazuto/CocosCreator_UIFrameWork · GitHub
Creator | 基于Assembler实现的图片切割及自定义遮罩
Github用户(shachaf、baibai2013、newGy、2van、waiter)提供,由技术支持团队升级至 3.7.3 版本
-
(v3.7.3) Gif图片资源加载
工程 git 仓库地址: cocos-awesome-tech-solutions/demo/Creator3.7.3_2D_GifResourceLoading at 3.7.x-release · cocos/cocos-awesome-tech-solutions · GitHub
素材来自:
https://github.com/shachaf/jsgif
https://github.com/baibai2013/cocos-creator-gifLib
https://github.com/newGy/cocos-creator-gif-2.4.4
https://github.com/2van/cocos-creator-gif
https://github.com/waiter/Cocos-GIF
Github用户(caogtaa)提供,由技术支持团队升级至3.4.0版本
-
(v3.4.0) 2D 流体
工程 git 仓库地址: cocos-awesome-tech-solutions/demo/Creator3.4.0_2D_Fluids at 3.4.x3.5.x-release · cocos/cocos-awesome-tech-solutions · GitHub
素材来自:
CCTricks/ at caogtaa/20200709_metaballs · caogtaa/CCTricks · GitHub
技术支持团队提供
-
(v3.7.3)区域截图、截图保存
目前 3.0.0 ~ 3.6.0 版本还不支持 jsb.saveImageData , 引擎将在 3.6.1 开始支持。提供一个在 3.6.1 版本之前可以使用 jsb.saveImageData 的方案 https://gitee.com/zzf2019/engine-native/commit/4af67e64a1caeb951016a9920efb7ee46d479ae5 ,目前此方案仅支持在 android 和 ios 上将 imageData 保存为本地 png 文件
更完善的支持请参考 3.6.1 上的 pr:V3.6.1 save image data by timlyeee · Pull Request #12503 · cocos/cocos-engine · GitHub
技术支持团队提供
-
(v3.7.3) 动画指定帧播放
- 骨骼动画
工程 git 仓库地址: cocos-awesome-tech-solutions/demo/Creator3.7.3_3D_SkeletalAnimationSpecifiedFrame at 3.7.x-release · cocos/cocos-awesome-tech-solutions · GitHub
素材来自: Mixamo
- 龙骨动画
- Spine动画