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年游戏主程一起学习设计模式

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

知识付费专栏

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

相关推荐
先吃饱再说1 分钟前
React 组件通信:从 Props 单向传递到自定义事件
前端·react.js·前端框架
swipe6 分钟前
05|(前端转后全栈)不手写一堆 SQL,后端怎么操作数据库?MyBatis-Plus 入门
前端·后端·全栈
swipe10 分钟前
04|(前端转后全栈)前端状态为什么不够用?从页面数据到 MySQL 持久化
前端·后端·全栈
橘子星11 分钟前
别光看教程!手把手拆解 React Todo 项目,一文吃透 5 个核心概念
前端·javascript
大白要努力!17 分钟前
纯前端实现 PDF 加水印工具 —— 零后端、支持中文、实时预览
前端·pdf·html
石小石Orz19 分钟前
TRAE SOLO实战:实现一个桌面3D助手
前端·人工智能
蜡台25 分钟前
使用 uni-popup 实现数据选择器Data-Picker
前端·javascript·html·uniapp·uni-popup·data-picker
拆房老料26 分钟前
BaseMetas FileView 1.2.0 发布:Office/WPS 大文件预览与内存安全优化实测
前端·产品运营·开源软件
blns_yxl29 分钟前
Promise封装Fetch + 重试机制(HTML+JS)
前端·javascript·html
Elastic 中国社区官方博客34 分钟前
使用重新设计的 AutoOps 更快地进行 Elasticsearch 问题排查
大数据·运维·前端·人工智能·elasticsearch·搜索引擎·全文检索