three实现三维3d太阳表面火焰动画效果代码-html代码-BFW代码库

three实现三维3d太阳表面火焰动画效果代码

代码语言：html

所属分类：三维

代码描述：three实现三维3d太阳表面火焰动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  


</head>

<body>
  <canvas id="sun"></canvas>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.126.js"></script>
  <script type="module">
    const vertexShader = `
  varying vec2 vUv;
  void main() {
    vUv = uv;
    gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);
  }
`;
    const fragmentShader = `
precision highp float;

uniform vec2 resolution;
uniform float time;

#define pi 3.14159265

vec2 R(vec2 p, float a) {
  return cos(a)*p + sin(a)*vec2(p.y, -p.x);
}

float rand(vec2 co) {
  return fract(sin(dot(co*0.123, vec2(12.9898,78.233))) * 43758.5453);
}

float cosNoise(vec2 p) {
  return 0.5 * (sin(p.x) + sin(p.y));
}

const mat2 m2 = mat2(1.6, -1.2, 1.2, 1.6);

float sdTorus(vec3 p, vec2 t) {
  return length(vec2(length(p.xz) - t.x*1.2, p.y)) - t.y;
}

float smin(float a, floa.........完整代码请登录后点击上方下载按钮下载查看