three实现360全景沙漠中的环面玻璃材质效果代码-html代码-BFW代码库

three实现360全景沙漠中的环面玻璃材质效果代码

代码语言：html

所属分类：三维

代码描述：three实现360全景沙漠中的环面玻璃材质效果代码

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

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

<head>

  <meta charset="UTF-8">
  

  
<style>
* {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0;
  padding: 0;
}
body {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
canvas {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}
</style>



</head>

<body  >
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.145.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/OrbitControls.145.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/ammo.wasm.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/ParametricGeometry.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/ParametricGeometries.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/CurveExtras.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/GroundProjectedEnv.js"></script>
      <script  type="module">
async function e() {
  function e(e, t = {
    x: 1,
    y: 1,
    z: 1 })
  {
    let n = null;
    u.setValue(0, 0, 0);
    let o = e.attributes.position.array;
    n = new Ammo.btConvexHullShape();
    for (let e = 0, t = o.length; e < t; e += 3) {
      u.setValue(o[e], o[e + 1], o[e + 2]);
      const i = e >= t - 3;
      n.addPoint(u, i);
    }
    return n && (u.setValue(t.x, t.y, t.z), n.setLocalScaling(u), n.setMargin(0)), n;
  }
  function n(e, t, n, i = null) {
    m = e.position, h = e.quaternion, c.setIdentity(), u.setValue(m.x, m.y, m.z), c.setOrigin(u),
    c.setRotation(new o.btQuaternion(h.x, h.y, h.z, h.w)), u.setValue(0, 0, 0);
    const a = new o.btDe.........完整代码请登录后点击上方下载按钮下载查看