three+lil-gui实现webgl三维柏林噪点动画效果代码
代码语言:html
所属分类:三维
代码描述:three+lil-gui实现webgl三维柏林噪点动画效果代码
代码标签: three lil-gui webgl 三维 柏林 噪点 动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
* {
margin:0;
padding:0;
}
body,html {
height:100%;
}
canvas {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
</style>
</head>
<body translate="no">
<canvas></canvas>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.160.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/OrbitControls.146.js"></script>
<script type="module">
import GUI from "//repo.bfw.wiki/bfwrepo/js/lil-gui.esm.js";
/**
* Sizes
*/
const sizes = {
width: window.innerWidth,
height: window.innerHeight };
/**
* Base
*/
// Debug
const gui = new GUI();
// Canvas
const canvas = document.quer.........完整代码请登录后点击上方下载按钮下载查看
















网友评论0