【包教包会】2D图片实现3D透视效果(支持3.x、支持原生、可合批)

将去年写的SpriteFlipper从2.x升级到3.x。

如果需要2.x版本或需要了解算法思路,请移步:https://blog.csdn.net/weixin_42714632/article/details/136745051

优化功能:可同时绕X轴和Y轴旋转,两者效果会叠加。

完美适配Web、原生平台(其余平台没测过)。

附上下载地址:水煮肉片饭/SpriteFlipper3.x

如何导入自己项目:

1、将Demo中SpriteFlipper.ts复制到自己项目assets目录下

2、新建一个节点,将SpriteFlipper挂上去,然后拖一张图片到SpriteFrame属性,搞定!

其余不明白的评论区沟通~加油

Gitee地址:水煮肉片饭 (szrpf) - Gitee.com

EMail地址:27185709@qq.com

推荐链接:

1、CocosCreator3.x框架------音频声音模块(无需导入、无需常驻节点)

2、CocosCreator3.x框架------节点扩展(仿2.x风格直接设置属性、渐变色、振动、实时销毁)

3、CocosCreator Assembler经典案例第一期------2D实现3D透视翻转(附Demo源码)

4、【包教包会】对CocosCreator富文本RichText进行全面优化

5、权重随机算法,解决游戏中一切可控随机(刷怪、掉宝、转盘、抽卡等等)

相关推荐
用户9385156350711 小时前
从零在浏览器里跑 DeepSeek-R1:WebGPU + Transformers.js 全链路实战(三)
前端·react.js·typescript
执子念的飞鱼16 小时前
File Viewer 进入 2K 节点后,我更在意这 3 条回归
前端·typescript
mONESY16 小时前
TypeScript 面试高频:type 与 interface 到底怎么选?
typescript
cyadyx17 小时前
【Three.js】Three.js 中加载 3D 模型
前端·javascript·3d
meilindehuzi_a19 小时前
TypeScript面试题:interface 与 type:相同点、核心区别与选择指南
java·ubuntu·typescript
松树戈20 小时前
godot项目【宝石捕手】04~添加音效、记分
游戏引擎·godot
用户9385156350720 小时前
从零在浏览器里跑 DeepSeek-R1:WebGPU + Transformer.js 全链路实战(二)
前端·javascript·typescript
chaoyuanl1 天前
悬空玻璃剧场源头厂家选型全解析|270°裸眼3D悬空玻璃剧场投资避坑指南
大数据·人工智能·3d·xr·娱乐·mr
何时梦醒1 天前
第三篇:React 组件化开发 — 函数即组件的哲学与实践
react.js·面试·typescript
今天吃了嘛o1 天前
Vue3中封装高德地图使用
前端·vue.js·typescript