# cocos-creator-examples

**Repository Path**: jhao-study/cocos-creator-examples

## Basic Information

- **Project Name**: cocos-creator-examples
- **Description**: cocos creator 一些使用实例
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2020-03-27
- **Last Updated**: 2022-11-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# cocos-creator-examples
cocos creator 一些使用实例

## [water](./water)

欢乐水杯(happay glass)的流体实现！

cocos creator v2.2.2 

![](./img/water.gif) 

## [splash](./splash)

[物体随机飞溅运动！ Cocos Creator!](https://mp.weixin.qq.com/s/Qu9Uy55KvUX5sSLt_PTUJQ)  

使用 box-muller 算法 产生正态分布。

cocos creator v2.2.2 

![](./img/splash.gif)


## [snake](./snake)

cocos creator v2.2.2 

[贪吃蛇大作战！蛇移动的思考与实现！](https://mp.weixin.qq.com/s/qZ7CGFRmncxvQZ0Hhs4g5g)  

![](./img/snake.gif)  

[摇杆控制器！Cocos Creator!](https://mp.weixin.qq.com/s/XbmMXUuOmSL3IvAPp-ThNQ)


## [radar](./radar)

雷达图

[雷达图的一种实现](https://mp.weixin.qq.com/s/hgybmgTHlga0KgHfz1vIfg)  

cocos creator v2.2.2 

![](./img/radar.jpg)

## [fractal](./fractal)

分形着色器

[fractal-分形的奥秘-julia-mandelbrot-shader-文章](https://mp.weixin.qq.com/s/OuQaI18LwX3Lw7aRcKjDOw)

cocos creator v2.2.2 

![](./img/fractal.gif)

![](./img/fractal.jpg)

## [gradient](./gradient)

[图像渐变-shader - 文章](https://mp.weixin.qq.com/s/tN2Al3kfo4HwIBGXNjmEDA)

cocos creator v2.2.2 

![](./img/gradient.gif)


## [convolutions](./convolutions)

[利用卷积内核实现各种滤镜效果。模糊、锐化、浮雕效果 - 文章](https://mp.weixin.qq.com/s/WAajs8p69X8UJFvNiYuNDA)

cocos creator v2.2.2 

![](./img/convolutions.jpg)


## [flag](./flag)

[飘扬的旗帜 shader - 文章](https://mp.weixin.qq.com/s/E5ZjzIFozvPRIIytmtiuTQ)

![](./img/flag.gif)

cocos creator v2.2.2 


## [meshTexture](./meshTexture)

[mesh 多边形裁剪图片-文章](https://mp.weixin.qq.com/s/r1IEcFXdy4O2Fn4IPs1m_w)

![](./img/meshTexture.jpg)

[用鼠标编辑的多边形裁剪-gizmo 插件入门-文章](https://mp.weixin.qq.com/s/YjH9PAWvtgPiDGxp9y7big)

![](./img/meshTexture.gif)

cocos creator v2.2.2 

## [parabola](./parabola)

[新增瞄准线-文章](https://mp.weixin.qq.com/s/Z-7zQuvjIaBzyQRJslH7bQ)  

![](./img/parabola2.gif)

[平抛高抛发射效果-文章](https://mp.weixin.qq.com/s/5GgL_pONl0bQPxFz4xtjmQ)  

![](./img/parabola.gif)

[在线预览](http://lamyoung.gitee.io/web/parabola/)

更新至 cocos creator v2.2.2   


## [aimLine](./aimLine)

[反复横跳的瞄准线-文章](https://mp.weixin.qq.com/s/-zh_4SEd_QMk56T0yE01hQ)

![](./img/aimLine.gif)

cocos creator v2.0.8 


## [runMan](./runMan)

[蹦跑的小人-文章](https://mp.weixin.qq.com/s/DiB031FORp2JNmWXTdVzmw)  

![](./img/runMan.gif)

cocos creator v2.0.8 


## [ktvLabel](./ktvLabel)

[KTV 歌词逐字效果-文章](https://mp.weixin.qq.com/s/os1_7hd3pZX32c128O7QGA)  

![](./img/ktvLabel.gif)

cocos creator v2.0.8 

## [shadow](./shadow)

[残影拖尾效果-文章](https://mp.weixin.qq.com/s/iuoyQvCPryajMsfga2IofA)  

![](./img/shadow.gif)

cocos creator v2.0.8 

---

qq 交流群

859642112

![](./img/about.jpg)