three+maath+webgl实现彩色点汇集动画效果代码-html代码-BFW代码库

three+maath+webgl实现彩色点汇集动画效果代码

代码语言：html

所属分类：动画

代码描述：three+maath+webgl实现彩色点汇集动画效果代码

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

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

<head>

  <meta charset="UTF-8">

  
  
  
  
<style>
* {
	margin: 0px;
	cursor: pointer;
}
</style>



</head>

<body >
  <div id="shader"></div>
<script id="vertex" type="x-shader/x-vertex">
	varying vec2 vUv;
uniform float uTime;

attribute vec3 position2;
varying vec3 pos;
	uniform float u_progress;
	varying float size;

void coswarp(inout vec3 trip, float warpsScale ){

    trip.xyz += warpsScale * .1 * cos(3. * trip.yzx + (uTime * .015));
    trip.xyz += warpsScale * .05 * cos(11. * trip.yzx + (uTime * .015));
    trip.xyz += warpsScale * .025 * cos(17. * trip.yzx + (uTime * .015));
    
  }  

   

  void main(){
    vec4 modelPosition = modelMatrix * vec4(position, 1.);



		modelPosition.y += sin((uTime * .02) + length(modelPosition.xy)) * 8.;
		
		
		modelPosition.z += sin((uTime * .02) + length(modelPosition.xy)) * 8.;


    vec4 modelPosition2 = modelMatrix * vec4(position, 1.);

   

    vec4 viewPosition = viewMatrix * modelPosition;
    vec4 project.........完整代码请登录后点击上方下载按钮下载查看