抖音白天与晚上触发不同特效的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



相关文章
|
移动开发 算法 JavaScript
平滑切换——PPT动画的全新玩法(原理篇)/04/O365智能系列(一)
平滑切换——PPT动画的全新玩法(原理篇)/04/O365智能系列(一)
2615 1
平滑切换——PPT动画的全新玩法(原理篇)/04/O365智能系列(一)
|
3月前
|
前端开发
一键复制:期末大作业常用的CSS动画导航效果!
一键复制:期末大作业常用的CSS动画导航效果!
|
3月前
|
JSON JavaScript 前端开发
震惊!JS如何悄无声息追踪你的每一步?揭秘页面访问与关闭的超级上报大法,让数据说话,优化体验不再难!
【8月更文挑战第4天】在Web开发中,跟踪用户行为对提升体验与留存至关重要。本文以在线学习平台为例,介绍如何用JavaScript监听页面访问及关闭,并上报数据。通过`window.onload`监测页面加载,记录用户访问;利用`navigator.sendBeacon`在用户离开时发送少量数据至服务器,无需担心请求失败。需注意隐私合规、性能影响及浏览器兼容性。此技术有助于深入理解用户行为,为产品迭代提供依据。
148 8
|
6月前
|
人工智能 算法 计算机视觉
我的自描外挂制作日志——FPS类游戏的自瞄【构思准备】
我的自描外挂制作日志——FPS类游戏的自瞄【构思准备】
245 0
|
5月前
|
小程序 API
技术心得记录:微信小程序之图片频繁变化,几秒之后输出结果(适用于抽奖)
技术心得记录:微信小程序之图片频繁变化,几秒之后输出结果(适用于抽奖)
27 0
|
6月前
|
存储 C++ UED
【C++】飞机大战项目记录
通过上面的设计,我们实现来看飞机大战的主要功能
91 4
|
6月前
|
前端开发 移动开发 JavaScript
跨年动态炫酷烟花网页代码
利用Html5的Canvas技术,模拟出逼真的烟花效果,让用户在网页上欣赏到绚丽多彩的烟花盛宴。同时,通过交互式设计,让用户能够与烟花互动,增加趣味性。
75 0
跨年动态炫酷烟花网页代码
|
存储 Java
Java实现贪吃蛇大作战小游戏(完整教程+源码)额外实现积分和变速功能(下)
文章目录 1 开发环境及游戏展示 1.1 游戏主界面 1.2 移动界面 1.3 奖励界面 1.4 F加速功能界面 1.5 死亡界面 2 需求分析 3 系统设计 3.1 系统总体功能设计 3.2 系统总体流程设计 4 功能设计 4.1 贪吃蛇移动及加速功能设计 4.2 贪吃蛇吃食物加速及死亡判定功能的设计 4.2.1 贪吃蛇吃食物加速功能的设计 4.2.2 贪吃蛇死亡判定功能的设计 4.3 贪吃蛇主动加速功能的设计 4.4 贪吃蛇奖励机制功能的设计 5 项目结构与项目实现 5.1 项目结构及类间关系 5.2 项目完整源码 5.2.1 Images类
切换主题 | 切换白天和夜晚模式
夜晚浏览网页太亮,试试夜晚模式吧,此以 vue3 为例
171 0
|
Java
手把手一步一步教你使用Java开发一个大型街机动作闯关类游戏20之enemy被攻击显示后退动画(block效果)
手把手一步一步教你使用Java开发一个大型街机动作闯关类游戏20之enemy被攻击显示后退动画(block效果)
164 0