GLTF

首页 > TAG信息列表 > GLTF

因为没有大模型来测试pipeline，我连夜学习了一波obj2gltf

一、前言今天突然有空想试试之前的pipeline压缩gltf模型，结果手头没有gltf格式的大模型，用小模型又觉得效果不够明显，于是乎，我连忙拿起了收藏夹里吃灰的obj2gltf，来看看能不能把我obj格式的大模型，转换成gltf格式。 obj2gltf这个插件，我就理解不够透彻了，所以本文更多偏实际使用二、

WebGL压缩纹理实践

0x01 本文将讲述压缩纹理在实际项目中的使用的案例。最近的一个项目是这样的：项目由于涉及到的建筑物特别多，大概有近40栋的建筑，而每一栋建筑物，又有10层楼，每层楼里面又有很多的设备。这就导致我们需要使用到大量的贴图。在实际的项目过程中，我们的客户的电脑会经常遇到webgl崩溃的情

UE导入FBX、GLTF模型

楔子虽然做了很多年的三维可视化，不过都主要还是web端开发为主（webgl，threejs，有兴趣的读者也可以关注下我的相关专栏）。最近准备入手一下UE，顺便做一下知识梳理。所以文章可能都是比较粗浅的，对于UE大佬可以忽略。目标主要是实现数字孪生可视化相关，会围绕此目标整理相关的知识点。有

three.js

import * as THREE from 'three'; // 导入轨道控制器库 import { OrbitControls } from "three/examples/jsm/controls/OrbitControls"; // 导入gltf模型载入库 import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader"; // 导入解压模型的库 import { D

cesium模型格式转换工具汇总

1、obj--->gltf glb b3dm 3dtiles GitHub - PrincessGod/objTo3d-tiles 安装方法： npm install -g obj23dtiles 2、fbx--->gltf 可以将3dmax导出的格式转为gltf; facebookincubator/FBX2glTF · GitHub 安装方法： npm instal fbx2gltf 3、ob

revit转tileset 3dmax转tileset cesium展示

使用revit软件导出fbx模型；使用glTFExport导出gltf模型，导出的gltf模型具有属性。但是此处导出gltf模型，不是为了在cesium中加载该gltf模型，主要目的是获取组件属性信息；将fbx模型导入到3dmax中；在3dmax软件编辑模型，主要过程有：删除无关的模型；设置模型轴的对齐方式；重新对fbx模

three.js学习笔记四：加载本地.gltf模型

效果代码 <html> <head> <meta charset="utf-8" /> <title>My first three.js app</title> <style> body { margin: 0; } </style> </head> <body> <scrip

three.js学习笔记二：导入外部gltf模型

<!DOCTYPE html> <head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="renderer" content="webkit" /> <meta

DRACO压缩过后的gltf格式报错解决办法

谷歌浏览器报错信息如下： Uncaught SyntaxError: Unexpected token '<' 在加载draco算法，也是根据网上方法引用该文件路径，结果就报错，我是使用 Parcel 打包构建。 dracoLoader.setDecoderPath("/three/examples/js/libs/draco/gltf/"); 解决方法就是把该目录下文件放在静态文件中。静

下一代的 3D Tiles 前瞻

下一代的 3D Tiles 前瞻原文：Introducing 3D Tiles Next, Streaming Geospatial to the Metaverse 原文发布时间：2021年11月10日目录下一代的 3D Tiles 前瞻译者概述1. 综述2. 元数据的增强2.1. 元数据的类型系统2.2. 不同层级的元数据（像素级别样式化渲染）2.3. 语义规范3. 空间索

Hands-on C++ Game Animation Programming阅读笔记（五）

Chapter 7: Exploring the glTF File Format glTF is a standard format that can store both mesh and animation data. a file format that contains everything you need to display animated models. It’s a standard format that most three-dimensional content crea

加载3DTileset模型

//加载3DTileset模型 var tileset = new Cesium.Cesium3DTileset({ url:'http://localhost:8888/3d/bbb/tileset.json'}); tileset.readyPromise.then(function(tileset) { viewer.scene.primitives.add(tileset); viewer.zoomTo(tileset, new Cesium.HeadingPitch

解决 three.js 模型颜色偏差问题

纹理纹理中包含的颜色信息（.map, .emissiveMap, 和 .specularMap）在glTF中总是使用sRGB颜色空间，而顶点颜色和材质属性（.color, .emissive, .specular）则使用线性颜色空间。在典型的渲染工作流程中，纹理会被渲染器转换为线性颜色空间，进行光照计算，然后最终输出会被转换回 sRGB 颜

3D引擎数据结构与glTF(2): Scene Graph

在这篇文章中我们将介绍 Scene Graph 的概念，以及在 glTF 标准中是如何定义 Scene Graph 数据的。图形学中的 Scene GraphScene Graph 中文常翻译为“场景图”，是一种常用的场景对象组织方式。我们把场景中的对象，按照一定的规则（通常是空间关系）组织成一棵树，树上的每个节点代表场景

Super Map超图IServer加载gltf三维模型

加载gltf三维模型在使用场景中，SuperMap iClient3D for WebGL(以下简称：WebGL客户端)需要加载一些带有动画的三维模型来展示特殊场景效果，而三维建模软件众多而模型格式纷纭，格式上的不统一给WebGL客户端载入模型带来麻烦；另一方面这些模型通常还包含了场景、灯光、摄像机等冗杂

Win 10 3D查看器三维模型资源获取

三维模型资源获取前言使用 mapbox-gl 加载三维模型，到处寻找也没有找到几个免费重要是能用的。模型分很多种，有 3ds、max、fbx、obj、mtl、blend、c4d、dae、gltf、glb 格式等等，之前一直使用 obj 和 mtl 的，但丢失材质有点严重。寻找机缘巧合之下，下载的包中含有 fbx 格式的，双击竟

fbx转gltf

首先就是这个链接了，我一开始就是用这个 https://github.com/facebookincubator/FBX2glTF 他有一个问题他依赖于下面的工程 https://github.com/assimp/assimp 如果你想编译通过需要将下面的工程编译通过，因为工程使用c++11，我想使用vs编译，编译步骤：第一步：下载用CMake编译编译器

Unity场景导出GLTF格式的文件方法

最近需要在Unity中解析GLTF文件，以及能够导出Unity的场景信息。经过查询，最后决定使用UnitGLTF这个开源库。 1、首选下载代码，git clone https://github.com/KhronosGroup/UnityGLTF.git 2、打开UnityGLTF项目 3、打开项目之后，选择Samples下面的一个场景，在Console有超多的错误信息

解决three加载 GLTF模型材质丢失造成发黑的问题。

使用网上gltf-viewer展现出来的组件不会偏暗。但是自己通过gltfloader加载写出来的组件就是暗沉沉的，这样一个材质不会，一个材质会，说明就不是灯光的问题。解决的办法是模型加载的时候加入这句话。 child.material.emissive = child.material.color; child.materi

Cesium开发基础篇 | 05glTF介绍及加载

到目前为止，我们已经介绍了如何利用Cesium显示影像数据、地形高程数据、矢量数据，以及空间可视化方面的几何数据（Entity），感兴趣的同学可以阅读我前面写的文章。在三维数据方面，Cesium支持模型文件glTF，以及三维瓦片数据3D Tiles。本次我们先从glTF说起，3D Tiles的讲解留给下一章节。

three使用gltf-pipeline压缩并加载 gltf 文件。

three作为webgl的天花板总是会碰到各种各样的问题，当使用gltf文件过大时，three加载速度会变慢，可以使用 gltf-pipeline 压缩gltf 来提升加载速度一，在three中加载 gltf 文件。 1, 使用npm下载three cnpm install three -s -d 　2，引入three // 其他配置自行完善 import

Cesium 天地图倾斜摄影矩阵变换更改经纬度

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>模型矩阵</title>

gltf与glb格式转换 gltf-pipeline、binary-gltf-utils

gltf与glb格式转换 1. [gltf-pipeline](https://github.com/seminar2012/gltf-pipeline)2. [binary-gltf-utils](https://github.com/seminar2012/binary-gltf-utils)3. [obj23dtiles](https://github.com/PrincessGod/objTo3d-tiles)4. gltf.json与.glb对比参考 .gltf：

M3D - 一个想突破又还有很多包袱的新生三维数据格式杂谈

目录1 门派2 几个术语简析3 结构简析3.1 空间剖分方式3.2 空间范围表示方式4 M3DDataInfo.mcj 类定义5 NodeInfo.json 类定义6 *.m3d 文件7. 地质模型几何结构定义7.1 钻孔模型几何结构定义7.2 地质剖面模型几何结构定义7.3 地质体模型几何结构定义7.4 网格模型几何结构8 属性文件

GLTF: 如何直观地看到文件中的数据内容

前言 GLTF 把几何数据都存到了 bin 文件里面，数据量是变少了，但是可读性也变差了。有什么办法，可以查看里面的具体数据呢？有时候从某软件把数据导出成 GLTF 格式，发现少了一些几何图形或者是纹理不对，如何找到具体问题呢？解决方案用官方的 GLTF-Viewer 来查看：https://github.com/K