three.js从入门到精通系列教程007 - three.js绘制空心扇形和实心扇形

smartsmile2012

于 2024-01-20 08:14:31 发布

阅读量474

点赞数 8

分类专栏： three.js从入门到精通系列教程文章标签： javascript three.js 3D 3D地图元宇宙

本文链接：https://blog.youkuaiyun.com/smartsmile2012/article/details/135710620

版权

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>three.js从入门到精通系列教程007 - three.js绘制空心扇形和实心扇形</title>
    <script src="js/three.js"></script>
    <script src="js/jquery.js"></script>
</head>

<body>
    <p><button id="myButton1">绘制空心扇形</button>
        <button id="myButton2">绘制实心扇形</button>
    </p>
    <center id="myContainer"></center>
    <script>
        //创建渲染器
        var myRenderer = new THREE.WebGLRenderer({ antialias: true });
        myRenderer.setSize(window.innerHeight, window.innerHeight);
        $("#myContainer").append(myRenderer.domElement);
        //创建场景
        var myScene = new THREE.Scene();
        //设置场景背景色
        myScene.background = new THREE.Color('white');
        //创建透视相机
        var