cocoscreator制作鱼的阴影

最新推荐文章于 2022-11-17 11:11:06 发布

原创最新推荐文章于 2022-11-17 11:11:06 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#cocoscreator

cocoscreator 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了两种在游戏中实现阴影效果的方法。一种是通过调整材质和shader来实现，但会影响批渲染优化；另一种是在角色上添加一个带有Sprite的节点，并在更新函数中动态设置该节点的图片和位置来实现阴影效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法1：

常用的简单方案是使用材质，effect里输出颜色为黑色与调整下透明度就可以实现，由于使用了shader，会打断drawcall，这样我们就很难达到批渲染了，也就没法对游戏做进一步的优化了

方法2：

（1）这里介绍的是另一种解决方案，思路是在鱼身上添加一个节点，节点添加sprite，然后在update函数里重置下新节点的图片（spriteFrame）

（2）图片是有了，那怎么显示阴影，这个很简单，只要把节点颜色调成黑色，在调下透明度和位置就可以了

initShadom() {
    this.shadow = new cc.Node()
    this.shadow.color = new cc.Color(0, 0, 0)
    this.shadow.opacity = 100
    this.shadom.parent = this.node
}

update(dt) {
    let sp : cc.Sprite = this.shadow.getComponent(cc.Sprite)
    let fishSp : cc.Sprite = this.node.getComponent(cc.Sprite)
    sp.spriteFrame = fishSp.spriteFrame
       
    // 动态调整位置，这里比较简单，好一点的可以做成沿一个方向下的投影
    this.shadom.x = this.node.x + 10
    this.shadom.y = this.node.y - 10 
}