100个Cocos实例(32/100) 3D模型受击闪白效果简易实现

点击上方亿元程序员+关注和★星标

引言

3D模型受击闪白效果简易实现

大家好,本系列是《100个Cocos实例 》,自23年11月 以来,目前已更新到第32个。感谢大家的继续支持!

上期我们在文章《你的BOSS被攻击时的闪白效果 》介绍了游戏开发中的一个常见效果:受击闪白。

本文重点给大家介绍一下3D模型受击闪白效果简易实现。提供一种思路,不一定是最优方案。

本文源工程在文末获取,小伙伴们自行前往。

闪白效果的应用

在游戏开发中,模型受击闪白效果常常被用于增强游戏体验,使玩家更直观地感受到角色或物体受到攻击的情况。以下是一些常见的应用场景:

  1. 战斗和射击游戏: 在动作游戏、角色扮演游戏和射击游戏中,当角色受到伤害时,受击闪白效果可以突出显示受击部位,提高视觉冲击感,使玩家更容易察觉到危险。

  2. 体育游戏: 在体育游戏中,例如足球、篮球或搏击游戏,受击闪白效果可以用来强调身体接触、撞击或受伤的瞬间,增加游戏的真实感。

  3. 策略游戏: 在战略游戏中,受击闪白效果可以用来指示单位或建筑物受到攻击,帮助玩家更有效地管理资源和部署战术。

  4. 虚拟现实(VR)游戏: 在虚拟现实环境中,通过受击闪白效果可以更加真实地传达受到攻击的感觉,提高玩家的沉浸感。

  5. 教育和培训应用: 在教育游戏或虚拟培训中,受击闪白效果可以用来模拟危险情境,帮助用户学习如何应对不同的紧急情况。

  6. 角色定位: 在多人在线游戏中,受击闪白效果还可以用于指示团队成员或敌人受到攻击,协助玩家更好地理解战局。

总体而言,受击闪白效果是一种常见且多功能的游戏设计元素,可以适用于各种游戏类型,以提高玩家的沉浸感和参与度。

3D模型受击闪白效果简易实现

1.资源准备

我们以前面的一篇文章《上期2D子弹跟随大受欢迎,想要个3D版本的?》 的工程为模板。

创建新的工程,节目组继续邀请我们的王者小鸡和财神炮作为嘉宾。(模型都是演示用,如需使用需要优化。)

2.查看Shader

首先我们看一下小鸡贴图所用的材质和Shader,是默认的builtin-standard。

本文实现简单的闪白,我们可以借助Emissive改变贴图颜色。

3.编写代码

添加一个HitFlash3D组件。

  • 在start中获取Material。
  • 受到攻击时,通过材质的setProperty方法修改emissive属性成白色(Color.WHITE)。
  • 通过scheduleOnce定时器,在受击0.1秒后恢复成黑色。

4.效果展示

结语

本文源工程 可通过私信 发送HitFlash3D获取。

更多实用源码 可通过阅读原文搜索"亿元程序员"获取。

我是"亿元程序员",一位有着8年游戏行业经验的主程。在游戏开发中,希望能给到您帮助, 也希望通过您能帮助到大家。

AD:笔者线上的小游戏《方块掌机经典》《贪吃蛇掌机经典》《重力迷宫球》《填色之旅》大家可以自行点击搜索体验。

实不相瞒,想要个赞 和在看 !请把该文章分享给你觉得有需要的其他小伙伴。谢谢!

推荐专栏:

100个Cocos实例

8年主程手把手打造Cocos独立游戏开发框架

和8年游戏主程一起学习设计模式

从零开始开发贪吃蛇小游戏到上线系列

知识付费专栏

点击下方绿色按钮+关注。

相关推荐
赵大仁18 分钟前
官网性能优化实战:LCP 3.2s → 2.1s、CLS 0.107 → 0,以及被我推翻的 6 个判断
前端·性能优化·cls·lcp·core web vitals
xiancai_xianyu21 分钟前
Text2SQL落地生产库前,SQL要过哪三道闸
前端·数据库·sql·sql注入·text2sql·ai agent开发·企业级ai框架
小羊没烦恼!35 分钟前
T-SQL查询进阶--理解SQL SERVER中的分区表
服务器·开发语言·前端·javascript·html
史瓦辛格1 小时前
给 DeepSeek Harness 写费用插件:把「这次会话花了多少钱」算准
前端·deepseek
星光不问赶路人1 小时前
Vue 3 + TypeScript 中 enum 的使用实践
前端·vue.js
鸥梨菌Honevid1 小时前
UVM 中 REQ 和 RSP 类型详解:从通信模型到 item_done 与 put_response
java·前端·servlet
IT_陈寒1 小时前
Python多进程共享变量这个坑,差点让我加班到凌晨
前端·人工智能·后端
鸿蒙开发1 小时前
PDF 盖黑框不等于脱敏:用 PDF.js + Canvas + pdf-lib 实现永久遮盖
前端·react.js
xixingzhe21 小时前
Nginx 看懂请求耗时瓶颈
服务器·前端·nginx
Lank_M1 小时前
前端AVIF编码方案评审,九个想当然逐个实测
前端