seeooco-优快云博客

3D Tiles 是 Cesium 于2016 年3月定义的一种三维模型瓦片数据结构。3DTiles 将海量三维数据以分块、分层的形式组织起来,这样就大大减轻了浏览器和图形处理单元（GPU）的负担。开放且灵活：作为一种开放式数据规范，3D Tiles 的切片方案灵活可变，三维模型的切片大小和覆盖范围可以人为设置。此外,3D Tiles 还能够适配三维空间中多种空间分区方案,包括KD树、四叉树、八叉树、普通网格，以及其他空间数据结构等。

2023-08-10 08:56:12 8940

原创 three.js修改内置材质着色器代码

通常我们是通过修改扩展three.js内置的材质来实现一些复杂的效果的，而不是使用shaderMaterial材质从零开始实现。比如说很满意（一种常规材质）的效果，但是我们希望在这个材质上添加一些顶点动画。如果我们打算从头开始写一个全新的，处理灯光、环境图、物理渲染、各种纹理等等就会耗费我们大量的时间。很明显第二种方式一般情况下并不太适合，因为需要花费的时间比较多。

2023-08-10 08:55:55 569

原创 three.js使用着色器绘制图案

除了通过加载纹理来给材质添加一些图案，我们还可以通过shader添加，这种方式添加更灵活，性能也更好些此篇的作用主要是提供一些设色器图案素材。

2023-08-09 11:28:34 864

原创 three.js着色器材质

当Three.js内置的材质不能满足需求时，就需要通过编写着色器来实现了也可能是出于性能原因。像MeshStandardMaterial这样的材料非常复杂，涉及大量的代码和计算。如果我们编写自己的着色器，我们可以将功能和计算保持在最低限度。我们可以更好地控制性能。编写指定要着色器也是向渲染结果添加后处理效果的绝佳方式。

2023-08-09 11:25:46 1271

原创 three.js项目的代码组织结构

通常对于稍微大些的项目或者demo，都需要对three.js的代码结构进行拆分，有利于复用、代码可读性、扩展性

2023-08-09 11:21:04 351

原创 three.js提升渲染效果

通常我们都希望渲染出更逼真的效果，有许多技术来改善模型在 Three.js 中渲染后的外观。但请注意，其中一些技术可能会影响性能，而某些技术则取决于您的模型。你必须根据情况进行调整。本文部分内容为Three.js Journey课程的学习笔记这里将采用使用了纹理、法线贴图等的逼真的模型。我们将使用 GLTF 示例模型存储库（）中的飞行头盔（

2023-08-09 11:18:14 775

原创 three.js中加载模型与模型动画

本文部分内容为Three.js Journey课程的学习笔记。有些格式专用于一种软件。有些已知非常轻，但有时缺乏具体数据。众所周知，有些几乎包含您可能需要的所有数据，但它们很重。有些格式是开源的，有些格式不是，有些是二进制的，有些是 ASCII 的，等等。如果需要精确的数据并且无法找到软件支持的适当格式，您甚至可以轻松创建自己的格式。

2023-08-09 11:06:25 2450

原创 three.js基于滚动的动画

本文部分内容为Three.js Journey课程的学习笔记。

2023-08-09 10:59:53 472

原创 three.js光线投射

顾名思义，光线投射器(也算叫光线追踪吧）可以向特定方向投射（或发射）光线并测试哪些物体与其相交光线投射用于进行鼠标拾取（在三维空间中计算出鼠标移过了什么物体）。你可以使用该技术来检测玩家前面是否有一堵墙，测试激光枪是否击中了某物，测试当前是否有某物位于鼠标下方以模拟鼠标事件，以及许多其他事情。此文章为threejs-journey课程学习笔记。

2023-08-09 10:57:05 760