用three打造黑暗空间穿梭动画效果
代码语言:html
所属分类:三维
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Blackness, darkness, forever</title> <style> body { margin: 0; padding: 0; } #container { position: fixed; touch-action: none; } </style> </head> <body translate="no"> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/ccapture.js"></script> <script src="//repo.bfw.wiki/bfwrepo/js/three.js"></script> <script id="vertexShader" type="x-shader/x-vertex"> void main() { gl_Position = vec4( position, 1.0 ); } </script> <script id="fragmentShader" type="x-shader/x-fragment"> uniform vec2 u_resolution; uniform vec2 u_mouse; uniform float u_time; uniform sampler2D u_noise; // Hash function. This particular one probably doesn't disperse things quite // as nicely as some of the others around, but it's compact, and seems to work. // vec3 hash33(vec3 p){ float n = sin(dot(p, vec3(7, 157, 113))); .........完整代码请登录后点击上方下载按钮下载查看
网友评论0