# cocos-awesome-tech-solutions

**Repository Path**: levstcodeyun/cocos-awesome-tech-solutions

## Basic Information

- **Project Name**: cocos-awesome-tech-solutions
- **Description**: No description available
- **Primary Language**: TypeScript
- **License**: Not specified
- **Default Branch**: 3.3.x-release
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-07
- **Last Updated**: 2025-04-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: CocosCreator

## README

# CococsCreator 技术方案分享

 技术方案来源自论坛、github 开源仓库、gitee 开源仓库、热心开发者、Cocos 引擎开发团队、cocos 技术支持团队。

---
*技术支持团队提供*

* (v3.3.2) 2D 光照

  > 工程 git 仓库地址: 
  >
  > https://github.com/cocos/cocos-awesome-tech-solutions/tree/main/demo/Creator3.3.2_2D_Light
  >
  > 素材来自: 
  >
  > https://www.codeandweb.com/blog/2015/05/12/lighting-demo-cocos2d-x
  >
  > https://github.com/CodeAndWeb/cocos2d-x-dynamic-lighting

  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211111/2021111101.gif)

  

*技术支持团队提供*

* (v3.3.2) 2D 阴影

  > 工程 git 仓库地址: 
  >
  > https://github.com/cocos/cocos-awesome-tech-solutions/tree/main/demo/Creator3.3.2_2D_ShadowMap
  >
  > 素材来自: 
  >
  > https://github.com/mattdesl/lwjgl-basics/wiki/2D-Pixel-Perfect-Shadows
  
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211111/2021111102.gif)



*技术支持团队提供*

* (v3.3.0) spine 使用非图集纹理进行局部换装

  > 工程 git 仓库地址: 
  >
  > https://github.com/cocos/cocos-awesome-tech-solutions/tree/main/demo/Creator3.3.0_2D_spine_changeSlot_with_texture
  
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211111/2021111103.gif)



*Gitee用户(skyxu123 随风)提供，由技术支持团队补充功能*

* (v3.3.2) 画板

  > 工程 git 仓库地址: 
  >
  > https://github.com/cocos/cocos-awesome-tech-solutions/tree/main/demo/Creator3.3.2_2D_DrawingBoard
  >
  > 素材来自: 
  >
  > https://gitee.com/skyxu123/drawing-board
  >
  > http://www.yini.org/liuyan/rgbcolor.htm
  > 
  > 切换画板
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211129/2021112901.gif)
  >
  > 绘画
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211129/2021112902.gif)
  >
  > 撤销
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211129/2021112903.gif)
  >
  > 清屏
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211129/2021112904.gif)
  >
  > 橡皮擦
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211129/2021112905.gif)
  >
  > 渐变色画笔(初步)
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211129/2021112906.gif)



*Github用户(zhangyizhang)提供，由技术支持团队升级至3.3.2版本*

* (v3.3.2) 3D 寻路

  > 工程 git 仓库地址: 
  >
  > https://github.com/cocos/cocos-awesome-tech-solutions/tree/main/demo/Creator3.3.2_3D_Navigation
  >
  > 素材来自: 
  >
  > https://github.com/zhangyizhang/Extensions/tree/cocos/recastjs/demo
  > 
  > 添加障碍 (圆形障碍 & 方形障碍)
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211129/2021112911.gif)
  > 
  > 添加角色 并寻路
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211129/2021112912.gif)
  > 
  > 使用连接线 link 爬坡
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211129/2021112913.gif)



*Github用户(kirikayakazuto)提供，由技术支持团队升级至3.3.2版本*

* (v3.3.2) 图片分割

  > 工程 git 仓库地址: 
  >
  > https://github.com/cocos/cocos-awesome-tech-solutions/tree/main/demo/Creator3.3.2_2D_SpriteSplit
  >
  > 素材来自: 
  >
  > https://github.com/kirikayakazuto/CocosCreator_UIFrameWork/tree/SplitTexture/assets/Script/test
  > https://forum.cocos.org/t/topic/103699
  
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211208/2021120801.gif)



*Github用户(shachaf、baibai2013、newGy、2van、waiter)提供，由技术支持团队升级至3.3.2版本*

* (v3.3.2) Gif图片资源加载

  > 工程 git 仓库地址: 
  >
  > https://github.com/cocos/cocos-awesome-tech-solutions/tree/main/demo/Creator3.3.2_2D_GifResourceLoading
  >
  > 素材来自: 
  >
  > 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
  
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211216/2021121601.gif)



*Github用户(caogtaa)提供，由技术支持团队升级至3.3.2版本*

* (v3.3.2) 2D 流体

  > 工程 git 仓库地址: 
  >
  > https://github.com/cocos/cocos-awesome-tech-solutions/tree/main/demo/Creator3.3.2_2D_Fluids
  >
  > 素材来自: 
  >
  > https://github.com/caogtaa/CCTricks/tree/caogtaa/20200709_metaballs
  
  ![Image Text](https://github.com/cocos/cocos-awesome-tech-solutions/blob/main/gif/20211216/2021121602.gif)