当前位置：首页 > news >正文

35. Three.js案例-创建带阴影的球体与平面

news 来源：原创 2025/6/17 10:36:50

35. Three.js案例-创建带阴影的球体与平面

实现效果

知识点

WebGLRenderer

WebGLRenderer 是Three.js中用于渲染场景的主要类之一，它负责将场景中的对象渲染到画布上。

构造器

new THREE.WebGLRenderer(parameters : Object)

参数	类型	描述
parameters	Object	可选参数对象，包含多个属性，如 `antialias`（抗锯齿）、`alpha`（透明背景）等。

方法

setPixelRatio(value : Number): 设置设备像素比。
setSize(width : Number, height : Number): 设置渲染器的尺寸。
setClearColor(color : Color, alpha : Number): 设置渲染器的背景颜色。
render(scene : Scene, camera : Camera): 渲染场景。

Scene

Scene 是Three.js中的场景类，用于存储和管理所有可见的对象。

构造器

new THREE.Scene()

PerspectiveCamera

PerspectiveCamera 是Three.js中的透视相机类，用于模拟人眼的透视效果。

构造器

new THREE.PerspectiveCamera(fov : Number, aspect : Number, near : Number, far : Number)

参数	类型	描述
fov	Number	视野角度（以度为单位）。
aspect	Number	相机的宽高比。
near	Number	近裁剪面距离。
far	Number	远裁剪面距离。

方法

position.set(x : Number, y : Number, z : Number): 设置相机的位置。
lookAt(vector : Vector3): 设置相机的朝向。

DirectionalLight

DirectionalLight 是Three.js中的方向光类，用于模拟太阳光或其他平行光源。

构造器

new THREE.DirectionalLight(color : Color, intensity : Number)

参数	类型	描述
color	Color	光源的颜色。
intensity	Number	光源的强度。

方法

castShadow = true: 启用阴影投射。
position.set(x : Number, y : Number, z : Number): 设置光源的位置。

SphereBufferGeometry

SphereBufferGeometry 是Three.js中的球体几何体类，用于创建球体。

构造器

new THREE.SphereBufferGeometry(radius : Number, widthSegments : Number, heightSegments : Number)

参数	类型	描述
radius	Number	球体的半径。
widthSegments	Number	经度方向上的分段数。
heightSegments	Number	纬度方向上的分段数。

Mesh

Mesh 是Three.js中的网格类，用于组合几何体和材质。

构造器

new THREE.Mesh(geometry : Geometry, material : Material)

参数	类型	描述
geometry	Geometry	几何体对象。
material	Material	材质对象。

方法

position.set(x : Number, y : Number, z : Number): 设置网格的位置。
castShadow = true: 启用阴影投射。
receiveShadow = true: 启用阴影接收。

PlaneGeometry

PlaneGeometry 是Three.js中的平面几何体类，用于创建平面。

构造器

new THREE.PlaneGeometry(width : Number, height : Number, widthSegments : Number, heightSegments : Number)

参数	类型	描述
width	Number	平面的宽度。
height	Number	平面的高度。
widthSegments	Number	宽度方向上的分段数。
heightSegments	Number	高度方向上的分段数。

方法

rotateX(angle : Number): 绕X轴旋转。
rotateZ(angle : Number): 绕Z轴旋转。
position.set(x : Number, y : Number, z : Number): 设置平面的位置。
receiveShadow = true: 启用阴影接收。

代码

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><script src="ThreeJS/three.js"></script><script src="ThreeJS/jquery.js"></script>
</head>
<body>
<div id="myContainer"></div>
<script>// 创建渲染器var myRenderer = new THREE.WebGLRenderer();myRenderer.setPixelRatio(window.devicePixelRatio);myRenderer.setSize(480, 320);myRenderer.setClearColor('white', 1);myRenderer.shadowMap.enabled = true;$("#myContainer").append(myRenderer.domElement);// 创建场景var myScene = new THREE.Scene();// 创建相机var myCamera = new THREE.PerspectiveCamera(45, 480 / 320, 0.1, 1000);myCamera.position.set(4, 4, 2);myCamera.position.multiplyScalar(2);myCamera.lookAt(new THREE.Vector3(0, 0, 0));// 创建第一束方向光var myDirectionalLight1 = new THREE.DirectionalLight('white', 1);myDirectionalLight1.castShadow = true;myDirectionalLight1.position.set(-4, 10, 8);myScene.add(myDirectionalLight1);// 创建第二束方向光var myDirectionalLight2 = new THREE.DirectionalLight('white', 0.5);myDirectionalLight2.castShadow = true;myDirectionalLight2.position.set(4, 12, 12);myScene.add(myDirectionalLight2);// 创建用于投射阴影的球体var mySphereGeometry = new THREE.SphereBufferGeometry(2, 36, 36);var mySphereMaterial = new THREE.MeshNormalMaterial({wireframe: true, transparent: true});var mySphereMesh = new THREE.Mesh(mySphereGeometry, mySphereMaterial);mySphereMesh.position.set(0, 2.5, 0);mySphereMesh.castShadow = true;myScene.add(mySphereMesh);// 创建投射(白色不可见)平面var myPlaneGeometry = new THREE.PlaneGeometry(120, 120, 1, 1);var myPlaneMaterial = new THREE.MeshStandardMaterial({color: 'white'});var myPlaneMesh = new THREE.Mesh(myPlaneGeometry, myPlaneMaterial);myPlaneMesh.rotateX(-Math.PI / 2);myPlaneMesh.rotateZ(-Math.PI / 7);myPlaneMesh.position.set(0, -4.5, 0);myPlaneMesh.receiveShadow = true;myScene.add(myPlaneMesh);// 渲染球体及阴影myRenderer.render(myScene, myCamera);
</script>
</body>
</html>

演示链接

示例链接

35. Three.js案例-创建带阴影的球体与平面

35. Three.js案例-创建带阴影的球体与平面实现效果知识点 WebGLRenderer WebGLRenderer 是Three.js中用于渲染场景的主要类之一，它负责将场景中的对象渲染到画布上。构造器 new THREE.WebGLRenderer(parameters : Object) 参数类型描述parametersObject可选…...

编程日记 2025/6/4 16:15:14

【Linux】深入理解进程信号机制：信号的产生、捕获与阻塞

🎬 个人主页：谁在夜里看海. 📖 个人专栏：《C系列》《Linux系列》《算法系列》 ⛰️ 时间不语，却回答了所有问题目录 📚前言 📚一、信号的本质 📖1.异步通信 📖2.信…...

编程日记 2025/6/3 13:11:44

Vue3.0使用JavaScript脚本实现Vue Router路由：页面跳转、获取URL参数

Vue 使用 Vue Router 路由系列文章：《Vue使用Vue Router路由：开发单页应用》《Vue使用Vue Router路由：通过URL传递与获取参数》《Vue3.0使用JavaScript脚本实现Vue Router路由：页面跳转、获取URL参数》 1、路由基础在单页 Web 应用中，整个项目只有一个 HTML 文件，不…...

编程日记 2025/6/4 7:15:23

2025山东科技大学考研专业课复习资料一览

[冲刺]2025年山东科技大学020200应用经济学《814经济学之西方经济学[宏观部分]》考研学霸狂刷870题[简答论述计算题]1小时前[强化]2025年山东科技大学085600材料与化工《817物理化学》考研强化检测5套卷22小时前[冲刺]2025年山东科技大学030100法学《704综合一[法理学、国际法学…...

编程日记 2025/6/4 4:14:33

lambda 表达式闭包写法

lambda 表达式 1.用于匿名委托函数表达 2.用于linq 查询表达匿名方法表达 （参数）》{ 逻辑} 比如 （x,y）>{return xy;} 如果一个参数可不带（），如果逻辑简单可以不{} 比如 x>x 如果没有参…...

编程日记 2025/6/1 12:42:28

什么是正则化？Regularization: The Stabilizer of Machine Learning Models（中英双语）

正则化：机器学习模型的稳定器 1. 什么是正则化？ 正则化（Regularization）是一种在机器学习模型训练中，通过约束模型复杂性以防止过拟合的技术。它的核心目标是让模型不仅在训练集上表现良好，还能在测试集上…...

编程日记 2025/6/3 14:22:57

【西门子PLC.博途】——面向对象编程及输入输出映射FC块

当我们做面向对象编程的时候，需要用到输入输出的映射。这样建立的变量就能够被复用，从而最大化利用了我们建立的udt对象。下面就来讲讲映射是什么。从本质上来说，映射就是拿实际物理对象对应程序虚拟对象，假设程序对象是I0.0&…...

编程日记 2025/6/2 4:32:20

CS61a.1 textbook1.2 编程要素

1.structure and interpretation of computer programs Python 内置了对各种常见编程活动的支持， 例如，操作文本、显示图形以及通过互联网。Python 代码行 >>> from urllib.request import urlopen是一个 import 语句，用于加载用…...

编程日记 2025/6/2 17:43:37

计算机毕业设计Django+Tensorflow音乐推荐系统音乐可视化卷积神经网络CNN LSTM音乐情感分析机器学习深度学习 Flask

温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 温馨提示：文末有 CSDN 平台官方提供的学长联系方式的名片！ 作者简介：Java领…...

编程日记 2025/6/3 17:20:14

使用国内镜像网站在线下载安装Qt（解决官网慢的问题）——Qt

国内镜像网站中国科学技术大学：http://mirrors.ustc.edu.cn/qtproject/清华大学：https://mirrors.tuna.tsinghua.edu.cn/qt/北京理工大学：http://mirror.bit.edu.cn/qtproject/ 南京大学：https://mirror.nju.edu.cn/qt腾讯镜像&…...

编程日记 2025/6/3 5:03:11

乳腺癌多模态诊断解释框架：CNN + 可解释 AI 可视化

乳腺癌多模态诊断解释框架：CNN 可解释 AI 可视化论文大纲理解1. 确认目标2. 分析过程（目标-手段分析）3. 实现步骤4. 效果展示结构分析1. 层级结构分析叠加形态（从基础到高级）构成形态（部分到整体&#x…...

编程日记 2025/6/1 0:58:13

MySQL篇之对MySQL进行参数优化，提高MySQL性能

1. MySQL参数优化说明 MySQL 参数调优是提高数据库性能的重要手段之一。通过调整 MySQL 的配置参数，可以优化查询速度、提升并发处理能力、减少资源消耗等。 MySQL 的性能优化涉及到多个方面，包括内存管理、磁盘 I/O、查询优化、连接管理、复制配置等。…...

编程日记 2025/6/3 5:38:54

Scratch节日 | 快乐圣诞节——用编程传递节日祝福！ ✨

今天为大家推荐一款充满节日气氛的Scratch项目——《快乐圣诞节》！这款圣诞主题动画贺卡项目不仅让小朋友们学习编程知识，还提供了一种用创意传递祝福的方式。通过编程打造星星闪烁的圣诞树，播放经典圣诞音乐，制作一张属于自己的节…...

编程日记 2025/6/3 21:06:19

android studio更改应用图片，和应用名字。

更改应用图标，和名字先打开AndroidManifest.xml文件。更改图片文件名字（ 右键-->构建-->重命名（R））...

编程日记 2025/5/19 13:43:25

PHP8.4下webman直接使用topthink/think-orm

环境信息操作系统win11php 8.4.1webman-framework ^1.6.8MySQL 8.4.3topthink/think-orm ^3.0 说明 PHP8.3以下版本直接使用webman提供的webman/think-orm更方便。 PHP 环境换为 8.4 使用webman/think-orm 报了个错；所以换topthink/think-orm，根据文…...

编程日记 2025/6/3 20:40:45

uniapp 微信小程序功能入口

单行单独展示效果图 html <view class"shopchoose flex jsb ac" click"routerTo(要跳转的页面)"><view class"flex ac"><image src"/static/dyd.png" mode"aspectFit" class"shopchooseimg"&g…...

编程日记 2025/6/4 17:18:48

Halcon 机器视觉案例之连接件测量

第一篇机器视觉案例之连接件测量文章目录第一篇机器视觉案例之连接件测量1.案例要求2.实现思路2.1 读取单张图片并创建图像模板2.2 画出圆和直线2.3 创建测量模型2.4 循环读取多张图片并查找图像中连接件位置2.5 根据偏移量补偿使得测量模型移动至指定位置 3.实现效果4…...

编程日记 2025/6/2 9:11:40

druid与pgsql结合踩坑记

最近项目里面突然出现一个怪问题，数据库是pgsql，jdbc连接池是alibaba开源的druid，idea里面直接启动没问题，打完包放在centos上和windows上cmd窗口都能直接用java -jar命令启动，但是放到国产信创系统上就是报错&#xf…...

编程日记 2025/5/31 20:49:21

Windows环境 (Ubuntu 24.04.1 LTS ) 国内镜像，用apt-get命令安装RabbitMQ，java代码样例

一、环境 Windows11 WSL(Ubuntu 24.04.1) 二、思路 1 用Windows中的Ubuntu安装RabbitMQ，贴近Linux的线上环境； 2 RabbitMQ用erlang语言编写的，先安装erlang的运行环境； 2 用Linux的apt-get命令安装，解决软件依赖…...

编程日记 2025/5/26 23:40:09

RabbitMQ的核心组件有哪些？

大家好，我是锋哥。今天分享关于【RabbitMQ的核心组件有哪些？】面试题。希望对大家有帮助； RabbitMQ的核心组件有哪些？ 1000道互联网大厂Java工程师精选面试题-Java资源分享网 RabbitMQ是一个开源的消息代理（Messag…...

编程日记 2025/6/4 5:09:18

mysql免安装版配置教程

一、将压缩包解压至你想要放置的文件夹中，注意：绝对路径中要避免出现中文二、在解压目录下新建my.ini文件，已经有的就直接覆盖 my.ini文件内容 [mysqld] # 设置3306端口 port3306 # 设置mysql的安装目录 basedirD:\\tools\\mysql-8.1.0-win…...

编程日记 2025/6/3 5:31:03

ubuntu+ros新手笔记（三）：21讲没讲到的MoveIt2

1 安装MoveIt2 安装参照在ROS2中，通过MoveIt2控制Gazebo中的自定义机械手安装 MoveIt2可以选择自己编译源码安装，或者直接从二进制安装。个人建议直接二进制安装，可以省很多事。 sudo apt install ros-humble-moveitmoveit-setup-assistan…...

编程日记 2025/6/2 14:07:09

Charles简单压力测试

01、接口请求次数，并发量，请求延迟时间均可配置选中需要进行测试的接口，鼠标右键选中【repeat advance】 02、设置并发参数下面的图中，选择了1个接口，每次迭代中1个接口同时请求，迭代1000次&#xff08…...

编程日记 2025/6/1 12:42:13

决策树的生成与剪枝

决策树的生成与剪枝决策树的生成生成决策树的过程决策树的生成算法决策树的剪枝决策树的损失函数决策树的剪枝算法代码决策树的生成生成决策树的过程为了方便分析描述，我们对上节课中的训练样本进行编号，每个样本加一个ID值，如图所示…...

编程日记 2025/6/3 8:49:19

对象克隆与单例模式的实现

一、引言在 C 编程中，对象克隆和单例模式是两个非常重要的概念。对象克隆可以帮助我们快速创建具有相同状态的对象副本，而单例模式则可以确保一个类只有一个实例，并提供全局访问点。本文将详细介绍 C 中如何实现对象的克隆以及单例模式。 …...

编程日记 2025/6/1 12:42:12

在 Linux 系统中，让 apt 使用 HTTP 代理

在 Linux 系统中，要让 apt 使用 HTTP 代理，有几种方法可以实现： ### 1. 临时设置代理你可以通过设置环境变量来临时为 apt 命令设置代理。这种方法不需要修改任何配置文件，只需在命令行中设置环境变量即可。例如： …...

编程日记 2025/6/1 12:42:10

中国气象局：2024年第二批“气象数据要素×”典型案例（附下载）

11月25日，中国气象局通报2024年第二批“气象数据要素”典型案例。此次遴选充分结合首届“数据要素”大赛获奖案例，旨在进一步号召各级气象部门充分学习借鉴先进经验和做法，持续推动高价值气象数据产品开发利用，挖掘气象数据要素应…...

编程日记 2025/6/3 19:14:25

Android绘图Path基于LinearGradient线性渐变，Kotlin（1）

Android绘图Path基于LinearGradient线性渐变，Kotlin（1） import android.content.Context import android.graphics.Canvas import android.graphics.Color import android.graphics.LinearGradient import android.graphics.Paint import and…...

编程日记 2025/6/4 9:45:50

基础入门-APP应用微信小程序原生态开发H5+Vue技术WEB封装打包反编译抓包点

知识点： 1、基础入门-APP应用-开发架构安全问题 2、基础入门-小程序应用-开发架构安全问题通用： 1、反编译-得到源码-源码提取资产（泄漏的配置信息）-安全测试 2、抓包-资产-安全测试一、演示案例-移动App-开发架构-原生&H…...

编程日记 2025/6/4 9:45:45

vue+ts提交数据时不提交（剔除）某项数据

关键代码 // 假设这是原始要提交的数据数组 const dataArray [{areaConfId: ,areaName: ,cityInfo: [],provinceList: [],cityList: []} ];// 使用map方法遍历数组中的每个对象，通过解构赋值和对象展开运算符去除cityInfo字段 const newDataArray dataArray.map…...

编程日记 2025/6/4 9:45:41

乐凡信息智能安全管控方案：助力油气田行业安全管控多方位升级

我国油田地域广阔，分布着大量各种油井，油井开采设备的连续稳定运行是保证石油开采的首要条件。然而，由于油田多位于特殊地理环境中，因而实现油井之间的通信首要问题就是要克服地理环境所带来的限制，传统通信系统的建设…...

编程日记 2025/6/4 14:29:09

Jenkins搭建并与Harbor集成上传镜像

Jenkins介绍 Jenkins 是一个开源的自动化服务器，广泛用于持续集成（CI）和持续交付（CD）的实践中。它帮助开发人员自动化构建、测试和部署过程，从而提高开发效率、代码质量和项目交付速度。通过丰富的插件支持…...

编程日记 2025/6/4 11:02:56

FutureCompletableFuture实战

1. Callable&Future&FutureTask介绍直接继承Thread或者实现Runnable接口都可以创建线程，但是这两种方法都有一个问题就是：没有返回值，也就是不能获取执行完的结果。因此java1.5就提供了Callable接口来实现这一场景，而Fu…...

编程日记 2025/6/4 4:01:32

Amazon与Shopee平台对比：跨境卖家如何选对平台打开市场？

在跨境电商领域，选择合适的平台对卖家能否成功打开市场至关重要。如今，Amazon和Shopee成为了众多卖家的热门选择。一个以全球化布局和高端市场著称，一个则专注东南亚新兴市场的潜力。两者各有优势，但也需要根据卖家的业务模式、目…...

编程日记 2025/6/4 3:58:55

【项目实战】redis实现websocket分布式消息推送服务

由于redis并非专业的MQ中间件，消息的防丢失策略并不完整，存在丢失消息的可能。该方案为在再pc web管理平台的右下角弹出，显示新接收到的消息数，哪怕没有收到这个通知，也可以自己在消息中心看看。所以对可靠性要求不高。…...

编程日记 2025/6/1 11:38:22

(自用)配置文件优先级、SpringBoot原理、Maven私服

配置优先级之前介绍过SpringBoot中支持三类配置文件.properties、.yml和.yaml，他们三者之间也是有着优先级顺序的，为.properties➡.yml➡.yaml。同时SpringBoot为了增强程序的拓展性，除了支持配置文件属性配置，还支持Java系统属…...

编程日记 2025/6/4 12:14:23

在windows系统中使用labelimg对图片进行标注之工具安装及简单使用

一.背景还是之前的主题，使用开源软件为公司搭建安全管理平台，从视觉模型识别安全帽开始。我是从运行、训练、标注倒过来学习的。本次主要是学习标注工具labelimg的安装及简单使用。二.下载 LabelImg是一款广受欢迎的开源图像标注工具，为计…...

编程日记 2025/6/3 10:39:07

数字图像处理技术期末复习

1. 已知图像的分辨率和深度，怎么求图像的存储空间（位，字节，KB）？ 题目： 已知图像的分辨率和深度，怎么求图像的存储空间（位，字节，KB）&a…...

编程日记 2025/6/4 9:45:37

点云空洞的边界识别提取 pso-bp 神经网络的模型来修复点云空洞附python代码

代码是一个Python程序，用于处理3D点云数据，特别是检测和修复点云中的孔洞区域。 1. **导入库**： - `numpy`：用于数学运算。 - `open3d`：用于处理3D数据和可视化。 - `torch`：PyTorch库，用于深度学习。 - `torch.nn`和`torch.optim`：PyTorch的神经网络和优…...

编程日记 2025/6/3 15:32:52

【AutoDL】通过【SSH远程连接】【vscode】

小帅碎碎念 0. 起因1. SSH信息获取2. 给你的vscode安装支持SSH远程连接的插件3. SSH远程连接入口4. 输入密码登陆5. 总结 0. 起因之前使用AutoDL和Jupyter进行代码编辑和执行确实很方便，尤其是对于交互式数据分析项目。然而，也存在一些限制和不便之处&…...

编程日记 2025/6/4 6:48:05

ubuntu22.04编译安装Opencv4.8.0+Opencv-contrib4.8.0教程

本章教程，主要记录在Ubuntu22.04版本系统上编译安装安装Opencv4.8.0+Opencv-contrib4.8.0的具体过程。一、下载opencv和opencv-contrib包 wget https://github.com/opencv/opencv/archive/refs/tags/4.8.0.zip wget https://github.com/opencv/opencv_contrib/archive/refs/…...

编程日记 2025/5/29 20:01:55

短链接服务

一功能描述 1.短链接是将长连接转化为短连接使得链接变得美观清爽，让用户点击率更高，同时规避原始链接中一些关键词、域名屏蔽等问题，最终利用短链每次跳转都需要经过后端的特性，在跳转过程中做异步埋点，用于效果数据…...

编程日记 2025/6/3 6:01:34

【Vue3学习】setup语法糖中的ref,reactive,toRef,toRefs

在 Vue 3 的组合式 API（Composition API）中，ref、reactive、toRef 和 toRefs 是四个非常重要的工具函数，用于创建和管理响应式数据。一、ref 用ref()包裹数据,返回的响应式引用对象，包含一个 .value 属性&#xff0…...

编程日记 2025/5/30 3:05:24

Halcon中dots_image(Operator)算子原理及应用详解

在HALCON中，dots_image算子是一个用于增强图像中圆点效果的强大工具，特别适合于点的分割，以及OCR（光学字符识别）应用程序中增强点状印刷字体。以下是对dots_image (ImageResult, DotImage, 5, ‘dark’, 2)算子原理及应…...

编程日记 2025/6/2 8:50:02

【C语言】库函数常见的陷阱与缺陷(四)：内存内容操作函数[5]--memchr

C语言中的memchr函数用于在内存块中搜索一个特定的字符（实际上是unsigned char类型的值），并返回该字符第一次出现的指针。虽然这个函数在内存搜索中非常有用，但它也存在一些陷阱。一、功能与用法功能：memchr函数在指定的内存块中搜索第一次出现的特定字符，并返回一个…...

编程日记 2025/6/2 7:02:29

【P2P】【Go】采用go语言实现udp hole punching 打洞传输速度测试 ping测试

服务器端 udpserver/main.go package mainimport ("fmt""net""sync""sync/atomic" )var (clientCounter uint64 0 // 客户端连接计数器mu sync.Mutex )func main() {addr, err : net.ResolveUDPAddr("udp", &q…...

编程日记 2025/6/2 20:48:16

【附源码】Electron Windows桌面壁纸开发中的 CommonJS 和 ES Module 引入问题以及 Webpack 如何处理这种兼容

背景在尝试让 ChatGPT 自动开发一个桌面壁纸更改的功能时，发现引入了一个 wallpaper 库，这个库的入口文件是 index.js，但是 package.json 文件下的 type:"module"，这样造成了无论你使用 import from 还是 require&…...

编程日记 2025/5/29 8:09:56

【SpringBoot 调度任务】

在 Spring Boot 中实现调度任务（Scheduled Tasks），通过使用 EnableScheduling 和 Scheduled 注解来完成。添加依赖启用调度任务支持创建调度任务运行应用程序添加依赖 pom.xml 文件中有以下依赖项： <dependency><gro…...

编程日记 2025/6/2 8:02:38

Android v4和v7冲突

android.useAndroidXtrue android.enableJetifiertruev4转成AndroidX...

编程日记 2025/5/31 20:16:17

【HarmonyOS之旅】HarmonyOS开发基础知识(一)

目录 1 -> 应用基础知识 1.1 -> 用户应用程序 1.2 -> 用户应用程序包结构 1.3 -> Ability 1.4 -> 库文件 1.5 -> 资源文件 1.6 -> 配置文件 1.7 -> pack.info 1.8 -> HAR 2 -> 配置文件简介 2.1 -> 配置文件的组成 3 -> 配置文…...

编程日记 2025/6/3 21:51:28

35. Three.js案例-创建带阴影的球体与平面

实现效果

知识点

WebGLRenderer

构造器

方法

Scene

构造器

PerspectiveCamera

构造器

方法

DirectionalLight

构造器

方法

SphereBufferGeometry

构造器

Mesh

构造器

方法

PlaneGeometry

构造器

方法

代码

演示链接

相关文章：