three打造网格圆球旋转效果

代码语言:html

所属分类:三维

代码描述:three打造网格圆球旋转效果

代码标签: 圆球 旋转 效果

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


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
html, body{
  height: 100%;
  width: 100%;
}

body {
  align-items: center;
  background: #0f0408;
  display: flex;
  justify-content: center;
}

canvas {
  display: block;
  filter: blur(2px);
}
</style>

</head>
<body >
<canvas id="canvas" height="512" width="512"></canvas>

<script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/three.110.js"></script>
<script>
let scene = new THREE.Scene();

let camera = new THREE.PerspectiveCamera(
75,
1,
0.1,
1000);


let renderer = new THREE.WebGLRenderer({
  canvas: document.getElementById("canvas") });


r.........完整代码请登录后点击上方下载按钮下载查看

网友评论0