three生成一个视觉差异的老鹰效果代码-html代码-BFW代码库

three生成一个视觉差异的老鹰效果代码

代码语言：html

代码描述：three生成一个视觉差异的老鹰效果代码

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

<html lang="en"><head>

  <meta charset="UTF-8">
  

  
  
<style>
canvas {
  display: block;
  width: 100vw;
  height: 100vh;
  cursor: -webkit-grab;
  cursor: grab;
}
</style>


</head>

<body>
  
 <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.126.js"></script>
 <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/OrbitControls.min.js"></script>

      <script >



// ----
// canvas and context
// ----

const canvas = document.createElement('canvas');
document.body.append(canvas);

const gl = canvas.getContext('webgl2');
if (!gl) throw alert('webgl2 is required, bye');

// ----
// webgl program
// ----

const vsrc = `#version 300 es 
layout(location=0)in vec3 aPosition;
layout(location=1)in vec2 aTexcoord;
layout(location=2)in vec3 aTangent;
layout(location=3)in vec3 aNormal;
uniform mat4 uProj;
uniform mat4 uView;
uniform mat4 uModel;
uniform vec3 uViewPos;
out vec2 vTexcoord;
out vec3 vFragPos;
out vec3 vTsViewPos;
out vec3 vTsFragPos;
void main() {
  gl_Position = uProj * uView * uModel * vec4(aPosition, 1.);
  vFragPos = vec3(uModel * vec4(aPosition, 1.));
  vTexcoord = aTexcoord;
  // TBN 
  vec3 T = .........完整代码请登录后点击上方下载按钮下载查看