vfx鼠标跟随模拟太阳照射穿透文字阴影动画交互效果代码
代码语言:html
所属分类:动画
代码描述:vfx鼠标跟随模拟太阳照射穿透文字阴影动画交互效果代码
代码标签: vfx 鼠标 跟随 模拟 太阳 照射 穿透 文字 阴影 动画 交互
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> html, body { height: 100%; margin: 0; } body { background: black; display: flex; justify-content: center; align-items: center; } h1 { color: white; font-size: 20vw; font-weight: 900; } </style> </head> <body> <h1>Bfw.</h1> <!-- partial --> <script type="module"> import { VFX } from "//repo.bfw.wiki/bfwrepo/js/module/vfx-core.mjs"; const shader = ` precision highp float; uniform vec2 resolution; uniform vec2 offset; uniform vec2 mouse; uniform float time; uniform sampler2D src; #define PI 3.141593 #define SAMPLES 64. float hash(vec2 p) { return fract(sin(dot(p, vec2(489., 589.))) * 492.) * 2. - 1.; } float hash(vec3 p) { return fract(sin(dot(p, vec3(489., 589., 58.))) * 492.) * 2. - 1.; } vec2 hash2(vec3 p) { return vec2(hash(p), hash(p + 1.)); } vec4 readTex(vec2 uv) { if (uv.x < 0. || uv.x > 1. || uv.y < 0. || uv.y > 1.) { return vec4(0); } return texture2D(src, uv); } vec3 spectru.........完整代码请登录后点击上方下载按钮下载查看
网友评论0