cocoscreator制作鱼的阴影

方法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 = 100this.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 + 10this.shadom.y = this.node.y - 10
}

cocoscreator制作鱼的阴影相关推荐

CocosCreator制作小游戏之单机斗地主
首先,我承认我是个标题党,当你被骗进来的时候,就决定你要失望了,因为这个所谓的单机斗地主,并不是真正意义的斗地主,不存在牌型逻辑,只是为了能够学习cocoscreator而做的demo.所以,哎,别动 ...
css3制作翘边阴影
要点讲解: 阴影一要点: 1.用一个圆角的层,设置阴影,z-index层级低于父级即可:但是其相对定位的属性需要另外设置在另一个class上如下图设置在effect上而不设置在wrap上 2.圆角的层 ...
html5 盒子阴影效果,如何制作平滑的“box-shadow”盒子阴影动画效果
在我们制作box-shadow属性的动画的时候,每一帧动画都会引起浏览器的重绘操作,严重影响页面的性能.我们有什么办法可以解决动画box-shadow属性时页面的性能问题呢?答案是:没有!但是我们可以 ...
3DsMax 创建阴影贴图的技术指南
创建阴影贴图的技术指南概述过程步骤 1 步骤 2 步骤 3 步骤 4 步骤 5 步骤 6 步骤 7 步骤 8 步骤 9 步骤 10 步骤 11 步骤 12 步骤 13 步骤 14 概述这里是一 ...
在Unity中制作高质量的光照效果（上）
原创: Unity Unity官方平台本篇专家指南将介绍在Unity中制作高质量光照效果的多种高级方法,其中使用了2D和立方体贴图的光线遮罩,并且利用了Unity高清渲染管线HDRP中的高级着色器. ...
由浅入深学习Flash制作赛车游戏教程
赛车游戏我们总是遇到!今天给大家简单讲解一下. 先测试效果: [url=http://www.webjx.com/download.php?url=http://www.webjx.com/upfil ...
在Unity中制作逼真的建筑场景
原创 Unity Unity官方平台 2018-07-28 在创作游戏中,场景的制作是必须要面对的问题,如何高效制作好感染力强.让人印象深刻的场景是每个开发者都会面临的难题,因为场景的细节和逼真度处理 ...
Unity可编程渲染管线系列（四）聚光灯阴影（阴影贴图）
目录 1 一个带有阴影的聚光灯 1.1 阴影贴图 1.2 阴影命令缓冲区 1.3 设置渲染目标 1.4 配置视图和投影矩阵 1.5 渲染阴影投射器 2 阴影投射器通道 2.1 阴影包含文件 2.2 ...
3D建模制作的6个阶段，是什么赋予了3D角色模型的生命力
几乎每个热爱特效电影和游戏的人们在生活中都有一个好奇点,就是他在电影中看到某些东西并感到好奇时:"这些精美的场景,这些栩栩如生的怪物,他们到底是怎么做到的?" 从<指环王&g ...

cocoscreator制作鱼的阴影

cocoscreator制作鱼的阴影相关推荐

最新文章

热门文章