Three.JS

Hello！你好！我是村望~！

爱摄影！爱唱歌！LOFI 党！爱动脑！爱美食！最讨厌的事情是背书！

累计撰写 171 篇文章
累计创建 51 个标签
累计收到 11 条评论

标签搜索

目录CONTENT

以下是 Three.JS 相关的文章

2024-02-22
Threejs 本地坐标系（局部坐标）和世界坐标系的关系本地坐标系（局部坐标）下面的代码创建了一个外部的Box !Box 内部添加了一个 Sphere然后把Box添加到Group，最后把Group 添加到场景中！const group = new THREE.Group()const parentGeometry = new THREE.BoxGeome
- 2024-02-22
- 597
- 0
- 0
- 前端
2024-02-20
光线投射Raycaster实现3d场景交互事件光线投射Raycaster实现3d场景交互事件原理就是从相机到你鼠标点击的位置发射一根射线，被这根射线射中的物体都被记录下来。首先准备一些物体，用来和投射产生交互// 创建一个组const spherArr = new THREE.Group()const colors = [0xffffff, 0
- 2024-02-20
- 648
- 0
- 0
- 前端
2024-02-20
Draco解析加载压缩过的模型 Draco解析加载压缩过的模型DracoLoader 一个用于加载经过Draco压缩的图形库。主要用于压缩和解压缩三维模型及点云。以客户端上解压缩为代价，显著减少压缩的图形。这里我们准备了一个经过压缩的 glb 格式的模型，如果直接通过 GLTFLoader 加载的话会报错！const gltfL
- 2024-02-20
- 501
- 0
- 0
- 前端
2024-02-19
目前涉及到基础材质学习到的贴图基础纹理贴图alphaMap 透明度贴图AO （Ambient Occlusion）贴图环境遮挡贴图HDR了解与使用HDR贴图envMap 环境贴图specularMap高光贴图因为目前还没有学习到涉及灯光的东西，我们依然使用基础网格材质来做演示！基础纹理贴图纹理贴图是一种在三维模型表面上应用图像
- 2024-02-19
- 674
- 0
- 0
- 前端
2022-08-14
如何修改材质顶点！自定义顶点的正确阴影？自定义顶点法向？准备工作，加入hdr环境贴图和模型！首先使用 RGBELoader 来加载 hdrimport { RGBELoader } from "three/examples/jsm/loaders/RGBELoader"const rgbLoader = new RGBELoader(
- 2022-08-14
- 358
- 0
- 0
- 前端
2022-08-14
灯光与阴影的关系和设置灯光与阴影的关系不论我们是在生活中，还是在threejs中。说到阴影肯定和光是分不开的。首先说说灯光吧。并不是所有的灯光都会投射阴影。能够投射阴影的灯光只有以下三种：平行光（DirectionalLight）点光源（PointLight）聚光灯（SpotLight）测试的可以正确接收到阴影的材质Ph
- 2022-08-14
- 362
- 0
- 0
- 前端
2022-08-14
光阴影属性与灯光阴影相机属性及其原理光阴影LightShadowthree.js该类作为其他阴影类的基类来使用。这不能直接调用的-它由其他阴影用作基类。但是和灯光阴影相关的大部分属性也能在这里找到！其他的也只是继承的属性和方法。这里我们就试一下常用的设置阴影的几个属性.radius : Float影响的是阴影的模糊效果！gui.add
- 2022-08-14
- 318
- 0
- 0
- 前端
2022-08-12
ThreeJS框架材质原理与应用引言学过一些Three.js内置的着色器,也通过原始着色器材质(RawShaderMaterial)+自己编写着色器代码，来自定义一些材质！那么当我们使用一些内置着色器的时候，那么我们能不能通过一些方法，让我们可以看到他内部着色器是如何实现的，甚至说可以在内置的基础上我们对其效果进一步加工！不必让内
- 2022-08-12
- 256
- 0
- 0
- 前端