three实现三维骰子转动显示点数效果代码-html代码-BFW代码库

three实现三维骰子转动显示点数效果代码

代码语言：html

所属分类：三维

代码描述：three实现三维骰子转动显示点数效果代码

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

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

<head>

  <meta charset="UTF-8">
  

  
  
<style>
body {
	position: relative;
}
em {
	position: absolute;
	font-family: sans-serif;
	font-size: 8px;
	text-transform: uppercase;
	top: 4em;
	left: 50%;
	transform: translateX(-50%);
}
</style>


</head>

<body >
  <em>你可以拖动鼠标旋转我</em>

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.110.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/anime.3.2.1.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/OrbitControls.108.js"></script>
      <script >


/** Excellent rounded box factory by Paul West:
 * https://discourse.threejs.org/t/round-edged-box/1402
 */
function createBoxWithRoundedEdges(width, height, depth, radius0, smoothness) {
  let shape = new THREE.Shape();
  let eps = 0.00001;
  let radius = radius0 - eps;
  shape.absarc(eps, eps, eps, -Math.PI / 2, -Math.PI, true);
  shape.absarc(eps, height - radius * 2, .........完整代码请登录后点击上方下载按钮下载查看