电子商务网站登录,js页面wordpress,好的办公室设计,大型网站建设兴田德润实惠引言
Cocos中躲草丛效果的实现原理。
在游戏开发中#xff0c;我们经常用透视或者半透明效果去表现模型被遮挡的效果。
本文将介绍一下如何在Cocos中实现王者荣耀中的躲草丛效果。
本文源工程在文末获取#xff0c;小伙伴们自行前往。
躲草丛效果的实现原理 要在Cocos中…
引言
Cocos中躲草丛效果的实现原理。
在游戏开发中我们经常用透视或者半透明效果去表现模型被遮挡的效果。
本文将介绍一下如何在Cocos中实现王者荣耀中的躲草丛效果。
本文源工程在文末获取小伙伴们自行前往。
躲草丛效果的实现原理 要在Cocos中实现王者荣耀中的躲草丛效果需要以下几个点
1.模型半透明
要实现模型的半透明效果需要下面2个条件
3D物体所在的渲染队列为”透明队列”;3D物体的颜色alpha值改成127(半透明); 2.触发
进入草丛的时候触发模型半透明离开草丛时恢复模型半透明。需要下面Collider的2个事件 onTriggerEnter:当其他Collider进入我的Collider时触发。 onTriggerExit:当其他Collider离开我的Collider时触发。 话不多说一起来做个实例。
王者小鸡躲草丛
接下来我们一步一步来实现王者荣耀中的躲草丛效果。
1.环境
引擎版本Cocos Creator 3.8.1
编程语言TypeScript
2.资源准备
首先去“菜市场”买两把”菜”有喜欢做模型的小伙伴可以自己在3dmax里面做一个我们先看下草在3dmax中的效果 然后把模型从3dmax导出一下包括FBX和TGA然后添加到工程 把模型拖到场景里面去可以看到雪白的草 想要把草恢复成绿色需要以下处理
修改材质的Effect我们用builtin-unlit。然后Technique选择transparent通道。设置贴图。 处理完成后效果如下 由于草不够茂密我们复制粘贴多几个 想要草可以产生触发事件需要添加一下Collider这里直接用BoxCollider简单快捷 勾选Is Trigger使其变成触发器否者会进不去草丛 3.编写代码
新建一个Tussock组件并且拖到王者小鸡身上。
ccclass(Tussock)
export class Tussock extends Component {start() {}update(deltaTime: number) {}
}在start()方法中获取CapsuleCollider组件并且监听onTriggerEnter和onTriggerExit事件。
start() {var collider this.getComponent(CapsuleCollider);collider.on(onTriggerEnter, (event: ICollisionEvent) {if (event.otherCollider.node.name tussock) {this.setModelTranslucency(true);}}, this);collider.on(onTriggerExit, (event: ICollisionEvent) {if (event.otherCollider.node.name tussock) {this.setModelTranslucency(false);}}, this);
}最后获取王者小鸡的材质通过material.setProperty(albedo);设置一下他的透明度
setModelTranslucency(flag: boolean) {const material this.node.getChildByName(rooster_man).getComponent(RenderableComponent)?.sharedMaterials[0]; // 0 表示第一个材质根据您的需求修改material.setProperty(albedo, new Color(255, 255, 255, flag ? 127 : 255));
}4.效果演示 一天不整活浑身都难受。帮忙转发一下文章哦下课
结语
本文源工程可通过私信发送Tussock获取。
近日笔者受麒麟子(深耕游戏引擎与游戏开发15年每一滴干货都源自商业项目实践)的邀请以嘉宾的形式加入知识星球星球主要用于
导师教学学习问题交流新人入门与进阶招聘与就业机会分享面试题集锦面试经验分享
总的来说星球的目标只有一个提供优质内容搞学习。感兴趣的小伙伴可以扫码了解和捧场我在里面等你。 我是亿元程序员一位有着8年游戏行业经验的主程。在游戏开发中希望能给到您帮助, 也希望通过您能帮助到大家。
AD:笔者线上的小游戏《贪吃蛇掌机经典》《重力迷宫球》《填色之旅》大家可以自行点击搜索体验。
实不相瞒想要个赞和在看请把该文章分享给你觉得有需要的其他小伙伴。谢谢
推荐专栏
你知道王者荣耀是怎么实现技能范围指示器的吗
8年主程手把手打造Cocos独立游戏开发框架
和8年游戏主程一起学习设计模式
从零开始开发贪吃蛇小游戏到上线系列