three三维模拟航母战斗群海上航向阅兵动画代码-html代码-BFW代码库

three三维模拟航母战斗群海上航向阅兵动画代码

代码语言：html

所属分类：三维

代码描述：three三维模拟航母战斗群海上航向阅兵动画代码

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

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Three.js 航母战斗群（箭头队形）</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <style>
        body { background: #000; margin: 0; overflow: hidden; }
    </style>
</head>
<body>
      <script type="importmap">
{
 "imports":{
    "three":"//repo.bfw.wiki/bfwrepo/js/module/three/build/164/three.module.js",
    "three/addons/":"//repo.bfw.wiki/bfwrepo/js/module/three/examples/164/jsm/"
 }
}
</script>

<script type="module">
import * as THREE from 'three';
import { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js';
import { OrbitControls } from 'three/addons/controls/OrbitControls.js';
import { Water } from 'three/addons/objects/Water.js';
import { Sky } from 'three/addons/objects/Sky.js';

/* ---------- 全局变量 ---------- */
let camera, scene, renderer, controls, water, sun;
let carrier, jets = [], ships = [];
const battleGroup = new THREE.Group();   // 所有舰艇+飞机放进同一组
const SHIP_COUNT = 13;                   // 1 航母 + 12 护卫
const JET_COUNT  = 20;                  .........完整代码请登录后点击上方下载按钮下载查看