aframe+gradientsky实现三维vr可变天空环境色代码-html代码-BFW代码库

aframe+gradientsky实现三维vr可变天空环境色代码

代码语言：html

所属分类：三维

代码描述：aframe+gradientsky实现三维vr可变天空环境色代码,通过dat.gui来调节改变gradientsky的材质颜色。

代码标签： aframe gradientsky 三维 vr 可变天空环境色代码

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

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>A-Frame Gradient-Sky</title>

  <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/aframe-0.5.0.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/dat.gui-min.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/gradientsky.min.js"></script>
</head>
<body>

<a-scene>
      <a-sphere position="0 1.25 -1" radius="1.25" color="silver"></a-sphere>
      <a-box position="-1 0.5 1" rotation="0 45 0" width="1" height="1" depth="1"  color="silver"></a-box>
      <a-cylinder position="1 0.75 1" radius="0.5" height="1.5" color="silver"></a-cylinder>
      <a-plane rotation="-90 0 0" width="4" height="4" color="white"></a-plane>
      <a-gradient-sky material="shader: gradient; topColor: 255 0 0; bottomColor: 0 121 255;"></a-.........完整代码请登录后点击上方下载按钮下载查看