three实现canvas三维环环相扣的立方体旋转动画效果代码

代码语言:html

所属分类:三维

代码描述:three实现canvas三维环环相扣的立方体旋转动画效果代码

代码标签: three canvas 三维 环环 相扣 立方体 旋转 动画

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

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

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

  
</head>

<body >
  <canvas id="canvas"></canvas>

<script type="x-shader/x-vertex" id="vertexShader">
    varying vec3 vNormal;
    varying vec3 vPosition;

    void main() {
        vec4 viewNormal = viewMatrix * modelMatrix * vec4(normal, 0.);
        vNormal = normalize(viewNormal.xyz);

        gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.);
    }
</script>

<script type="x-shader/x-fragment" id="fragmentShader">
    varying vec3 vNormal;
    varying vec3 vPosition;
    uniform vec3 u_pointer;

    void main() {
        vec3 black = vec3(0.);
        vec3 lightBlue = vec3(0.4.........完整代码请登录后点击上方下载按钮下载查看

网友评论0