【包教包会】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、权重随机算法,解决游戏中一切可控随机(刷怪、掉宝、转盘、抽卡等等)

相关推荐
云樱梦海1 小时前
腾讯 Hunyuan3D-2: 高分辨率3D 资产生成
3d·hunyuan3d-2
励志的小陈1 小时前
C语言-----扫雷游戏
c语言·开发语言·游戏
mirrornan2 小时前
产品Web3D交互展示有什么优势?
3d·3d模型·web3d·3d展示
jndingxin2 小时前
OpenCV相机标定与3D重建(66)对立体匹配生成的视差图(disparity map)进行验证的函数validateDisparity()的使用
opencv·3d
ThomasChan1234 小时前
Typescript 多个泛型参数详细解读
前端·javascript·vue.js·typescript·vue·reactjs·js
Xing20176 小时前
unity打包ios Xcode问题记录
unity·游戏引擎
Orange3015116 小时前
【自己动手开发Webpack插件:开启前端构建工具的个性化定制之旅】
前端·javascript·webpack·typescript·node.js
hkNaruto8 小时前
【P2P】基于 Nebula 的 P2P 通信技术的虚拟局域网游戏设计方案
网络协议·游戏·p2p
咔咔库奇9 小时前
【TypeScript】命名空间、模块、声明文件
前端·javascript·typescript
Java陈序员10 小时前
TypeScript 快速上⼿
前端·typescript