cocos creator | 用摄像机实现残影幻影拖尾效果,camera 教学,【白玉无冰】每天进步一点点

本文介绍了如何在Cocos Creator中通过摄像机和多个显示画布实现角色的残影幻影拖尾效果。首先讲解了基本原理,即利用摄像机拍摄角色并投影到不同透明度的画布上,再让画布跟随角色移动。接着详细步骤包括创建角色和摄像机、创建显示画布、绑定摄像机到画布以及实现画布跟随角色的动态效果。最后,提供了项目源码地址以供参考。
摘要由CSDN通过智能技术生成

超级幻影了解一下?

基本原理

利用摄像机拍摄角色,然后投影到多个显示画布,给画布节点设置不同的透明度,最后让画布节点跟随角色移动。

创建角色和摄像机

创建一个新的typescript项目。
创建一个角色节点,并添加分组role

接着在角色节点里添加一个摄像机,并将摄像机的拍摄分组选为role

创建显示画布

在场景中添加多个sprite用于这个摄像机显示的画布。因为用摄像机会上下反转,要修改scaleY-1。并将它放在角色节点的下一层级,大小调整为角色节点大小,位置和角色节点一样。将画布的透明度设置为不同的数值。

绑定摄像机到显示画布

修改Helloworld.ts里的代码,添加摄像机camera,角色节点和画布数组sprite的声明。绑定cameratargetTexture到显示画布spriteFrame。参考代码如下:

//Helloworld.ts
const {
    ccclass, property } 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值