threejs发射小球简单案例

在学02

于 2025-01-17 14:51:00 发布

阅读量110

点赞数 1

文章标签：前端 javascript 开发语言游戏程序 3d

本文链接：https://blog.youkuaiyun.com/weixin_54005873/article/details/145207560

版权

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Three.js Rotating Cube</title>
    <style>
        body {
            margin: 0;
        }

        canvas {
            display: block;
        }
    </style>
</head>

<body>
	

 
    <script type="module">
        import * as THREE from "./three/build/three.module.min.js"
        // 创建场景
        const scene = new THREE.Scene();
		
		
		
        
        // 创建相机：透视相机
        const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
        camera.position.z = 5;

        
        // 创建渲染器
        const renderer = new THREE.WebGLRenderer();
        renderer.setSize(window.innerWidth, window.inn

最低0.47元/天解锁文章