three实现三维箭头火箭发射转圈喷气动画效果代码-html代码-BFW代码库

three实现三维箭头火箭发射转圈喷气动画效果代码

代码语言：html

所属分类：动画

代码描述：three实现三维箭头火箭发射转圈喷气动画效果代码

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

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

<style>
    body {
    margin: 0;
    padding: 0;
}
</style>
</head>


<body>


<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/three.144.js"></script>
<script >
      let renderer, camera, scene;
let playerObject;
let exhaustGroup;
let exhaustGeometry;
let exhaustMaterial;

function init() {
    exhaustGeometry = new THREE.DodecahedronGeometry(2);
    exhaustMaterial = new THREE.MeshStandardMaterial({
        color: 0x996666,
        opacity: 0.3
    });

    scene = new THREE.Scene();
    camera = new THREE.PerspectiveCamera(
        75,
        window.innerWidth / window.innerHeight,
        0.1,
        1000
    );
    renderer = new THREE.WebGLRenderer({ antialias: true });
    renderer.setSize(window.innerWidth, window.innerHeight);
    document.body.appendChild(renderer.domElement);
    camera.position.z = 20;
    camera.position.y = 70;

    var point = new THREE.Vector3(0, 60, 0);
    camera.lookAt(point);

    const playerGeometry = new THREE.ConeGeometry(10, 40, 6);
    const playerMaterial = new THREE.MeshStandardMaterial({ color: 0xffffff });
    playerObject = new THREE.Mesh(playerGeometry, playerMaterial);
    playerObject.rotation.z = -1.57;
.........完整代码请登录后点击上方下载按钮下载查看