# ccc3_SpineEffect

**Repository Path**: chenshw23/ccc3_SpineEffect

## Basic Information

- **Project Name**: ccc3_SpineEffect
- **Description**: spine随便测试点效果
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-10-15
- **Last Updated**: 2026-01-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


## SpineEffect
spine阴影、光照效果、描边的Cocos Creator 3.8.7工程。  
仅供参考。

## 0.测试场景列表

| 场景    | 测试效果    | 是否达到预期 | 补充说明               |
|-------------|---------|--------|--------------------|
| demo1_shadow_ChangeColor.scene | 阴影   | ✅   | 直接改色         |
| demo1_shadow_RenderTexture.scene      | 阴影 | ✅ | RenderTexture       |
| demo2_light_lambert.scene  | 光照效果  | ❌     | 仅供参考     |
| demo3_outline.scene  | 描边  | ✅     | shader多pass实现     |
| demo3_outline_rt.scene  | 描边  | ✅     | RenderTexture方案     |
| demo3_outline2-fail.scene  | 描边  | ❌     | shader单pass，仅供参考     |
| demo4_support3d.scene  | 3d场景  | ✅     | 仅供参考     |


- 论坛相关说明:  
    - [spine阴影](https://forum.cocos.org/t/topic/171088)  
    - [spine描边](https://forum.cocos.org/t/topic/171171)  
- 代码仓库:
    - [SpineEffect](https://gitee.com/chenshw23/ccc3_SpineEffect)

## 1.阴影

### 阴影-直接改色
- 存在问题：
    - 只能是纯黑且非透明
    - 需要保持两个spine动作同步
### 阴影-RenderTexture
- 存在问题:
    - 多个spine时候需要分layer，使用多个RenderTexture实现

## 2.光照效果
- 添加法线贴图、高度贴图，添加光照效果
- 安卓真机调试效果有问题 ！

## 3.描边
本地说明：[`assets/demo3_outline/README.md`](assets/demo3_outline/README.md)

### 描边-shader
- ![outline.gif](https://gitee.com/chenshw23/Gallery/raw/master/store/spineEffect/outline.gif)
- 存在问题：
    - 不能合批，合批会导致同个Spine的描边效果一致。
    - 单个spine增加5个drawcall
### 描边-RenderTexture
- ![outline-rt.gif](https://gitee.com/chenshw23/Gallery/raw/master/store/spineEffect/outline-rt.gif)
- 存在问题：
    - 用单张全屏的渲染纹理。全部spine的描边颜色宽度只能保持一致。
    - 用多张渲染纹理。需要添加layer处理。数量过多时不好处理。


## 4.3D场景中使用
- 测试使用RenderRoot2D在3D场景中显示Spine
    - 需要开深度测试
    - 改色阴影如果高度和地面贴合，会闪 

## 联系作者
- 邮箱 chenshw23@foxmail.com