抖音白天与晚上触发不同特效的Graph节点编写

简介: 抖音白天与晚上触发不同特效的Graph节点编写

需求

今天我们要制作一个白天与晚上 (6-18点为白天其余时间为晚上) 拍出来效果不一样的特效。那么我们如何通过graph节点实现这一操作呢?

需求分析

  1. 获取系统时间
  2. 定义时间变量即(几点到几点为白天几点到几点为晚上)
  3. 拿系统时间与定义的时间进行判断如果为白天触发白天特效,否则触发晚上对应的特效

相关代码如下!

Date 当前时间 = new Date;
int time6 = 6;
int time18 = 18;
if(当前时间 >= time6 && 当前时间 <= time18){
  执行白天特效......
}else{
  执行晚上特效......
}

在Graph中实现

上面了解了相关的需求与逻辑,也看过了实现代码,那么在我们抖音平台提供的Graph中如何实现呢?请各位小伙伴紧跟博主的步伐。带领大家逐步操作并完成这一效果。

  1. 获取系统时间节点,这里我们用到的是时间组件的小时属性。


0bee21978dba4e2d98e579f4aba95b97.png

  1. 创建大于等于判断与小于等于判断节点(这里的判断规则是拿数值a与数值b进行判断,结果为true与false)

291bf09e6276430781e8d769974add83.png

  1. 定义判断规则并完成相关链接

97526a9ece134d5e99ad1d7f9fe3ead1.png

  1. 定义并且条件并完成链接,即两个判断条件必须同时满足

d3bb42921dcc41398cb884a2fe036e7a.png

  1. 定义输出节点,输出前面四步操作的值

df181ad48f7a49769e49f89abcdb4623.png

  1. 定义if判断,如果条件成立(true)执行哪些操作,如果不成立(false)执行哪些操作。

e5c2af36c9c74793a13e4dc050532cf5.png

  1. 导入一个具体要执行的操作,默认让贴纸为关闭状态

142b49168f2f4c72aa297ba2f15a87a8.png


a6b6103920f34cc59e06bfe23318fd2b.png


16b1b3f91065455fa77c4b609c0950f6.png

  1. set其启动方法并完成触发链接

f4c93b9877fd4eb4addd127a87142966.png

9bb83a00ea764f0c8b09d34b48254b48.png

  1. 添加触发条件并链接

69aeb8a909884f7e9555d13ec29ccbcd.png

测试

经过编写graph节点,我们的贴纸在6-18点之间点击屏幕会触发其余时间不会触发。那么下面我们来进行相关的测试。

当前系统时间为

55dd7318b48e4853a0539708de044de1.png


我们点击屏幕


80201119fd364078af4bff8aaafe33bf.png

爱心成功出现了!好了本期的效果就到此结束了,大家可以拿去制作有趣的特效了!


附一张成品链接图在末尾!

503bb1003ca44109beea6e31b4f8d9cf.png



相关文章
|
2月前
|
小程序 API
技术心得记录:微信小程序之图片频繁变化,几秒之后输出结果(适用于抽奖)
技术心得记录:微信小程序之图片频繁变化,几秒之后输出结果(适用于抽奖)
20 0
|
3月前
|
前端开发 移动开发 JavaScript
跨年动态炫酷烟花网页代码
利用Html5的Canvas技术,模拟出逼真的烟花效果,让用户在网页上欣赏到绚丽多彩的烟花盛宴。同时,通过交互式设计,让用户能够与烟花互动,增加趣味性。
41 0
跨年动态炫酷烟花网页代码
|
9月前
|
小程序 JavaScript
微信小程序仿微信运动步数排行-交互
微信小程序仿微信运动步数排行-交互
32 0
|
9月前
|
存储
SwiftUI动画进阶,仿购票平台App行程目的地互换动效
SwiftUI动画进阶,仿购票平台App行程目的地互换动效
68 0
|
11月前
|
Web App开发 前端开发 JavaScript
使用函数节流思想避免 SAP UI5 应用里按钮短时间内被高频重复点击试读版
使用函数节流思想避免 SAP UI5 应用里按钮短时间内被高频重复点击试读版
|
前端开发 JavaScript
2023跨年代码(烟花+自定义文字+背景音乐+雪花+倒计时)
2023跨年代码(烟花+自定义文字+背景音乐+雪花+倒计时)
1744 7
2023跨年代码(烟花+自定义文字+背景音乐+雪花+倒计时)
|
Java
手把手一步一步教你使用Java开发一个大型街机动作闯关类游戏20之enemy被攻击显示后退动画(block效果)
手把手一步一步教你使用Java开发一个大型街机动作闯关类游戏20之enemy被攻击显示后退动画(block效果)
149 0
|
Python 容器
通过游戏学Python系列之小兔要上天---手把手教你使用Pygame开发平台跳跃类游戏05之滚动屏幕
通过游戏学Python系列之小兔要上天---手把手教你使用Pygame开发平台跳跃类游戏05之滚动屏幕
137 0
|
前端开发 JavaScript
2023跨年烟花(浪漫烟花+美妙音乐+雪花飘飘)含前端源码直接下载---系列最终篇
2023跨年烟花(浪漫烟花+美妙音乐+雪花飘飘)含前端源码直接下载---系列最终篇
449 0
2023跨年烟花(浪漫烟花+美妙音乐+雪花飘飘)含前端源码直接下载---系列最终篇
|
前端开发 图形学
十分钟快速实战Three.js
十分钟快速实战Three.js
十分钟快速实战Three.js