利用放射渐变制作简单的能量脉冲效果。

最新推荐文章于 2021-08-04 04:23:44 发布
最新推荐文章于 2021-08-04 04:23:44 发布
阅读量1.1k 收藏 3
点赞数 1
分类专栏： 材质
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SittingAtThisMoment/article/details/80181551
版权

偶尔看到冲击波的效果，突然想UE4里面怎么实现。

最后想到RadialGradient（反射渐变&圆形渐变）这个节点可能符合要求。

鼓捣了下大概弄出了这样的结果:

   

其大体思路是制作出一个移动的圆环遮罩，实现之后。可以干很多事情，比如加上马赛克效果

：


将值连入位置偏移


效果略显鬼畜

当然还可以搭配透明或者溶解效果，实现物体炫酷登场的感觉，大家可以一一尝试，就不多说了。

下面是完整材质和分析

完整材质节点如下：

最低0.47元/天 解锁文章
SittingAtThisMoment
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS 脉冲和火箭动画特效
p1967914901的博客
04-20 339
CSS脉冲和火箭动画特效 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CSS脉冲和火箭动画特效</title> <style> * { margin: 0;
放射性渐变
TXW6666的博客
12-01 746
径向渐变： 语法： background-image：radial-gradient 径向渐变 [size at position] : 径向渐变的半径 以及 圆心的位置 size 半径 position 圆心的位置 （x，y的坐标） 百分比 关键字 top bottom left right center 使用radial-gradient()函数创建放射性渐变 第一个参数 circ...
前端每日实战：11# 视频演示如何用纯 CSS 创作一个荧光脉冲 loader 特效
weixin_34281537的博客
05-03 147
效果预览 按下右侧的“点击预览”按钮在当前页面预览，点击链接全屏预览。 https://codepen.io/zhang-ou/pen/erRzzR 可交互视频教程 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 https://scrimba.com/c/cwrJ...
（七）渐变 矩形渐变 放射渐变
weixin_30702413的博客
11-09 127
createLinearGradient() 【4个参数，1起点x坐标，2起点y坐标，3终点x 4终点y】addColorStop(0,"white")【接收两个参数，1开始渐变的位置0代表开始的位置】addColorStop(1,"black")【参数同上，1代表结束的位置（可以写小数点）】createRadialGradient() 【6个参数。1(x)/2(y) 开始渐变的中心点，3,圆的半...
为背景添加渐变样式(线性和放射性两种)
今夕莫离-IT
07-08 1093
为背景添加渐变样式               /*为盒子元素添加样式*/           div {             width:200px;             height:150px;             float:left;             border:1px solid #ccc;             margin:16px
html5 canvas绘制放射性渐变色效果
09-28
在本篇文章中，我们将深入探讨如何使用Canvas API 来实现放射性渐变色效果，这是一种美观且吸引人的视觉设计技巧。 首先，我们要了解Canvas API 中的 `createRadialGradient` 方法。这个方法用于创建一个径向渐变...
Android实现 Shape属性gradient 渐变效果
01-04
1，gradient（渐变） 【1】用以定义渐变色，可以定义两色渐变和三色... android:type=[linear | radial | sweep] //共有3中渐变类型，线性渐变（默认）/放射渐变/扫描式渐变   android:angle=integer //渐变角度，
Android 实现椭圆形中心放射性渐变绘制 - 自定义View
最新发布
09-21
Android自定义View中，使用RadialGradient来实现椭圆形的放射性渐变效果。 Android中实现椭圆形的绘制很简单，只需要调用canvas.drawOval()就可以了，但是椭圆形的中心发散渐变效果Android自带的API里面却是没有的，...
pulseanimationCSS:具有CSS关键帧的简单脉冲动画
03-26
脉冲动画CSS
css点状线代码,CSS3 点状脉冲动效
weixin_39972264的博客
08-04 226
CSS语言：CSSSCSS确定@import url(http://fonts.googleapis.com/css?family=Coming+Soon);html {height: 100%; }body {height: 100%;background: #3498db; }.map {position: relative;width: 560px;height: 560px;backgro...
Unity 科幻 魔法 光圈 脉冲特效FT Pulse Volume 01
09-30
Unity 科幻 魔法 光圈 脉冲特效FT Pulse Volume 01（）;Unity 科幻 魔法 光圈 脉冲特效FT Pulse Volume 01
Unity 科幻 魔法 光圈 脉冲特效FT Pulse Volume 01（7种）
03-05
Unity 科幻 魔法 光圈 脉冲特效FT Pulse Volume 01（7种）
unity传送光圈特效.rar
10-14
这是一个unity游戏传送光圈素材，对于需要传送光圈的伙伴可以下载看看，里面包含了十几个传送光圈效果，效果还是不错的哦。
android 雷达脉冲 以中心点扩散的效果
05-22
一个android的demo,实现效果类似与雷达脉冲,以一个中心点扩散,扩散到最大时,渐变消失,可以用进度条改变其大小,实现原理利用animation动画效果.
css2d炫酷效果,CSS3炫酷效果-swing、疯狂摆动、脉冲
weixin_33160876的博客
08-04 422
今天跟大家分享CSS3动画效果公用代码div{float:left;width:300px;height:200px;margin:05px;background:#F39;}p{text-align:center;color:#fff;font:16px/200px微软雅黑;}swing效果.swing{transform-origin:centertop0;}/*设置旋转...
unity中Camera震动的Impulse(脉冲)
木马人
09-07 808
一.基本组成部分 自定义脚本控制震动： using System.Collections; using System.Collections.Generic; using UnityEngine; using Cinemachine; public class ImpulseGeneritor : MonoBehaviour { // Start is called before the first frame update void Start() { v
android 按钮添加动画,Android中的脉动按钮动画
weixin_29790771的博客
05-25 651
我正在使用语音识别应用程序,我想在录制时让我的播放/停止按钮“脉冲”.像这样的东西：我试图制作一个ScaleAnimation,按钮增长,但当然,它会使所有按钮增长.public static ObjectAnimator pulseAnimation(ImageView target){ObjectAnimator scaleDown = ObjectAnimator.ofPropertyVal...
Ureal：用ue4做出游戏中的爆炸特效真实感和力量感
qq_45122455的博客
04-17 2484
//博主是一个热爱游戏的玩家，并不是专业游戏开发者，内容如有不足，还请各位多多包涵 今天主要想聊一下：如何体现出游戏中的爆炸特效真实感和力量感 包括Ue4中爆炸的蓝图代码实现 好的爆炸效果可以通过 1合适的音效 2合适的粒子系统 3材质的渲染 4合适的贴画 5镜头晃动 1音效 音效方面一般使用Play Sound at Location //音效比如耳鸣音效 //粒子特效可以多重叠加 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值