首页 > 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