three.js从入门到精通系列教程035 - 创建SpotLight聚光灯光源和辅助线

最新推荐文章于 2025-01-08 09:36:11 发布

smartsmile2012

最新推荐文章于 2025-01-08 09:36:11 发布

阅读量574

点赞数 8

CC 4.0 BY-SA版权

分类专栏： three.js从入门到精通系列教程文章标签： javascript 开发语言 ecmascript three.js 数字孪生前端 3D

本文链接：https://blog.csdn.net/smartsmile2012/article/details/135730055

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>three.js从入门到精通系列教程035 - 创建SpotLight聚光灯光源和辅助线</title>
    <script src="ThreeJS/three.js"></script>
    <script src="ThreeJS/jquery.js"></script>
</head>

<body>
    <div id="myContainer"></div>
    <script>
        var myRenderer = new THREE.WebGLRenderer({ antialias: true });
        myRenderer.setSize(window.innerWidth, window.innerHeight);
        $("#myContainer").append(myRenderer.domElement);
        var myScene = new THREE.Scene();
        myScene.background = new THREE.Color('white');
        var myCamera = new THREE.PerspectiveCamera(75,
            window.innerWidth / window.innerHeight, 0.1, 1000);
        myCamera.position.set(179.70, 84, 146);
        myCamera.lookAt(new THREE.Vector3(0, 0, 0));
        myCamera.updateProjectionMatrix();
        //创建并添加聚光灯光源(THREE.SpotLight)
        va