- 综合排序
- 最热优先
- 最新优先
- 来自专栏acoolgiser_zhuanlan
bat 批处理 脚本 for循环 批量压缩gltf模型 gltf批量压缩 gltf压缩转成glb
bat 批处理 脚本 for循环 批量压缩gltf模型 gltf批量压缩 gltf压缩转成glb 这里参考两篇文章： 1. ，就可以直接通过下面一句命令安装gltf-pipeline这个库： npm install -g gltf-pipeline 安装完成后，按照官方地址的使用说明，直接对模型进行压缩即可，比如： gltf-pipeline -i model.gltf -o modelDraco.gltf -d 就可以把model.gltf模型压缩。 （-d表示使用draco算法进行压缩） for %i in ('dir *.gltf /s /b') do gltf-pipeline -i %i -o %i -d ? 看一下压缩后的模型大小： ? 是如何达到压缩效果的，gltf和glb这两种格式的区别，转换和压缩的原理是什么。 （学海无涯，只有不断深究，才会真正的进步，与君共勉） 微信搜索：acoolgiser，一起学习成长，交个朋友！
2.4K10发布于 2020-12-16 - 来自专栏前端之攻略
gltf格式的压缩文件在threejs中展示
在H5中引入3D模型往往存在资源太大，可以通过模型网格压缩，通过glTF配合Draco压缩的方式，可以在视觉效果近乎一致的情况下，让3D模型文件成倍缩小 glTF在线查看器： https://gltf-viewer.donmccurdy.com 一、通过Draco进行压缩 Draco及gltf-pipeline的介绍 Draco是Google推出的一个用于3D模型压缩和解压缩的工具库，glTF资源可通过、Draco开发命令行工具gltf-pipeline 进行编码压缩，gltf-pipeline可通过npm的方式安装使用，使用方法如下： #全局安装 npm install -g gltf-pipeline #压缩glb文件 -b表示输出glb格式， -d 表示压缩 gltf-pipeline -i model.glb -b -d #压缩glb文件并将纹理图片分离出来 gltf-pipeline -i model.glb -b -d -t 更多参数查阅 文件， 通过命令行工具 gltf-pipeline -i test.glb -o test1.glb -d 则可以生成压缩后的test1.glb文件 2、把解码文件node_modules>three
4K51发布于 2020-12-08 - 来自专栏LET
glTF简介
概述 glTF简介，Web端三维模型及其特点 Cesium如何加载，渲染glTF，逻辑结构和关键技术 个人总结，从glTF学习如何设计一个二进制格式，个人想法分享 关键字：Cesium glTF WebGL 也就是今天要讲的glTF模型渲染。 glTF的全称是GL传输格式，是一种针对GL(WebGL，OpenGL ES以及OpenGL)接口的运行时资产(asset)。 glTF文件中的对象（网格，蒙皮，动画）都不会直接访问缓存或缓存视图，而是通过Accessor访问器，这样我们拿到这块数据后，知道这块数据是vec4，float还是其他类型。 因此glTF还包含整个场景的关系，包括节点，变换矩阵，变换的层级关系，网格，材质，相机和动画，试图保存所有信息。这是一个场景树的逻辑，算是glTF的一个优化。 比如glTF提供了扩展，提供了场景树，相机的信息，这都是出于通用性的考虑，但这个是否实用，就不好判断了。或者是否提供ZIP压缩。
3.9K100发布于 2018-06-20 - 来自专栏LET
glTF（二）：PBR
glTF glTF是一个优秀的三维数据规范，其中有很多细节都值得我们学习，按照我的理解，可以分为三大块： Accessor数据访问机制 一套访问二进制数据的规范，将逻辑层和数据层隔离 同传输和读取以及存储灵活性上都有上佳表现 ：Mesh与Primitive中的Vertex Buffer， Index Buffer，Vertex Array，还有Texture与State Management，在灵活和易用上都有不错的设计 压缩 ： 针对3D Geometry的Draco压缩#6191 Scene& Node 节点间的依赖和位置关系 实例化设计 glTF2.0 相比1.0，glTF2.0的改变可以用“一增一删修修补补”来概括，主要有 4. Fresnel：边缘的反射率会变大 举个例子，杨过学打狗棒法，洪七公教了招式，这算是传统光照模型的程度，有模有样，但黄蓉传授心法后，杨过才能心领神会，运用自如。 这里，glTF的采用的是Disney给出的BRDF公式： ? ，diffuse采用的是Lambert模型： ?
3.5K60发布于 2018-06-20 - 来自专栏3Dconvert
Revit导出为GLTF
Revit与GLTF格式简介Revit是Autodesk公司一套系列软件的名称。Revit系列软件是为建筑信息模型构建的，可帮助建筑设计师设计、建造和维护质量更好、能效更高的建筑。 GLTF是由OpenGL和Vulkan背后的3D图形标准组织Khronos所定义，成为Web上的3D对象标准。GLTF文件格式包括场景、摄像机、动画、网格、材质、纹理、渲染技术、着色器等元素。 Revit文件导出为GLTF格式Revit文件和GLTF格式都有广泛的用途，在模型应用工作中，经常需要将Revit文件导出为GLTF格式，怎么将Revit文件导出为GLTF格式呢？ 3Dconvert for Revit插件支持将.rvt，.rfa，.adsk，.rte等Revit格式文件，转换为8种目标格式：GLTF、OBJ、GLB、DAE、STL、OFF、XYZ和PLY。 在插件页面选择需要转换的目标格式，目前插件支持8种目标格式：GLTF、OBJ、GLB、DAE、STL、OFF、XYZ和PLY。选择需要导出的目标格式：GLTF。
1.6K10编辑于 2023-12-01 - 来自专栏LET
glTF(2.1): PBR
去年针对glTF的PBR材质，写过一篇文章。但重读这篇文章，觉得自己没讲到点子上。今天终于有时间，想着重新梳，重写一下。 Rasterization的不足 ? BRDF 上面的光学公式就剩下f这个函数的定义了，glTF里采用的是Disney提供的Microfacet（显微镜） model，简单说，就是这个材质可以模拟各种光学现象，fragment的朝向差别较大 但glTF基于《Unreal Engine's course notes on real-time PBR》进行了预处理，优化性能。 ? 这个预处理的依据就是如上的公式。
2.3K20发布于 2019-03-18 - 来自专栏计算机图形学 前端可视化 WebGL
UE导入FBX、GLTF模型
导入GLTF 由于webgl用gltf比较多，所以手上模型多是gltf格式。 UE有插件可以导入gltf 。比如gltf for UE4， 另外一个出名的就是Datasmith，是一个官方的插件。
4.1K10编辑于 2022-09-26 - 来自专栏代码编写世界
DEM转换为gltf
position_texture[n + 3] = float(xi) / (bufWidth-1); position_texture[n + 4] indices[n * 6 + 2] = m11; indices[n * 6 + 3] = m11; indices[n * 6 + 4] 5; positionBufferJson["byteOffset"] = 0; positionBufferJson["byteLength"] = pointNum * 5 * 4; "; std::ofstream outFile(jsonFile); outFile << std::setw(4) << gltf << std::endl; } 1 4. 参考 [1] github上的gltf教程 [2] gltf教程中文翻译 [3] nlohmann/json关于保留插入顺序的讨论
1.5K40发布于 2020-01-14 - 来自专栏Web行业观察
使用带实例的Gltf导入UE4的可行性
作者：Huang Jiahe 目录 使用带实例的Gltf导入UE4的可行性 1.金恒昱使用js生成了一个包含实例Gltf 2.将Gltf导入UE4 3.结论 以人工岛为例 文件大小 导入效果 与FBX相比较 文件大小 名称命名 开源性 使用带实例的Gltf导入UE4的可行性 ---- 2.将Gltf导入UE4 使用Datasmith插件导入Gltf 参数选择：Gltf中坐标是以m为单位，UE4中坐标以cm为单位，所以要将所有坐标乘上100 image.png 导入结果： 只导入了一个 经过测试也能支持中文，但是：如果UE4中已经有同名模型，新模型名称后缀会加 _2 模型资产只有一份，该模型的UE4资产大小为86K，如果放100个Cuhe，总资产大小为8.4M,极大的减少的模型的数量。 注意：Gltf中 "translation": [ 0, 0, 10]分别对应UE4中的X,Z,Y 3.结论 Gltf带实例化的模型对于我们非常有用。而且可以较好的支持。
3.3K40发布于 2021-11-19 - 来自专栏代码编写世界
WebGL简易教程(十五)：加载gltf模型
文件读取 2.2.2. glTF格式解析 2.2.3. 初始化顶点缓冲区 2.2.4. 其他 3. 结果 4. 参考 5. 相关 1. 纹理数据可以使用jpg文件，方便压缩和传输。 从以上特性可以看出，glTF特别方便与互联网的使用场景，便于传输且预处理程度小。 数据 使用的地形glTF文件已经处理好并上传到文章末尾的地址中（具体的转换过程可以参看《DEM转换为gltf》）。 打开HTML页面，导入new.gltf、new.bin、tex.jpg，显示的效果如下： ? 这个例子是通过JS的FileReader来处理数据，所以不需要设置浏览器跨域。 4. 参考 1. 《WebGL编程指南》 2.glTF格式详解(目录) 3.glTF Tutorial 4.前端H5中JS用FileReader对象读取blob对象二进制数据，文件传输 5.gltf2.0规范
6K20发布于 2020-02-14 - 来自专栏用户4782617的专栏
PNG图片如何压缩，4款图片压缩神器你值得拥有
1、迅捷压缩软件 这是一款智能的图片压缩软件，但不仅仅是对图片压缩，还可以完成PDF压缩，及视频压缩，能批量压缩，帮你减轻工作量。 ▼▼ ①一次性可批量压缩最多不超过6张PNG图片 ②压缩之后PNG格式不变支持JPG和PNG两种格式 ③数量超过6张就要收费 压缩之后，会显示压缩图片之后的大小，及压缩率，让你清楚的看到压缩之后的效果 ，当压缩显示输出完成，就是压缩成功了。 ▼▼ ①一次可批量上传压缩最多10张JPG、PNG和GIF图片，会员可单次上传60张 ②支持JPG、PNG图片格式 ③压缩等级可以自由选择，压缩等级越大，压缩后清晰 ④压缩后的图片可选格式为jpg、png ▼▼ ①一次可批量上传4张图片 ②支持JPG、PNG图片格式 ③压缩类型及输出格式可自由选择 4、TinyPNG 打开 TinyPNG 网站后，直接把要压缩优化的图片图片拖曳进来，也可以点击网页中虚线框区域选择你要压缩的图片
1.7K20发布于 2019-05-31 - 来自专栏腾讯社交用户体验设计
如何在页面极速渲染3D模型
而通过 glTF 配合 Draco 压缩的方式，可以在视觉效果近乎一致的情况下，让3D模型文件成倍缩小。下面具体介绍 glTF 格式及 Draco 压缩工具。 1. 通过 Draco 进行压缩 Draco 及 gltf-pipeline 介绍 Draco 是 Google推出的一个用于 3D 模型压缩和解压缩的工具库，上述介绍的 FBX2glTF 及 COLLADA2GLTF 工具也嵌入了 Draco 压缩功能，除此之外，glTF 资源可通过基于 Draco 开发的命令行工具 gltf-pipeline 进行编码压缩，gltf-pipeline 可通过 npm 的方式安装使用 但在 gltf-pipeline 或其他压缩工具中，压缩程度可通过设置参数进行调整，如下所示： ? 3.https://github.com/google/draco 4.https://www.ece.uvic.ca/~frodo/publications/yuetang_meng_project_slides.pdf
9.3K32发布于 2019-12-12 - 来自专栏前端漫步
Cesium入门之九：Cesium加载gltf文件
glTF文件介绍 glTF（Graphics Library Transmission Format）是一种用于存储3D模型和场景的格式。 glTF支持两种文件格式：*.glTF和 *.glb。 glTF文件易于阅读、修改和编辑，同时可以使用gzip进行压缩以减小文件大小。但是.glTF文件格式在处理复杂场景时，可能会变得比较冗长，处理速度较慢。 glb文件也可以使用gzip压缩以进一步减小文件大小。但是.glb文件格式作为二进制文件，难以直接进行编辑和修改。 result（可选）：用于存储结果转换矩阵的Matrix4对象。 该方法返回一个Matrix4对象，该对象表示将ENU坐标系（东北向上）转换为以指定原点为中心的地心坐标系所需的变换矩阵。
5.7K31编辑于 2023-10-14 - 来自专栏计算机图形学 前端可视化 WebGL
WebGL压缩纹理实践
如果图像中每个像素需要rgba 四个通道，则是则需要4兆的GPU内存空间。 可以看出使用jpeg, png等图片格式的缺点是： 图片需要解压，这会消耗CPU的性能。 纹理数据占用内存较多。 而我们最终选用的也就是ktx2.0，它能够很方便的和gltf模型格式进行集成。 有关压缩纹理的更多知识，大家可以在网上搜索啊，此处不进行详细的介绍。 转换的流程大致如下： npm install obj2gltf -g obj2gltf -i a.obj -o a.gltf 首先通过npm安装obj2gltf。 然后通过obj2gltf 进行模型的转换，其中 -i表示输入的OBJ模型。-o就是输出的gltf模型。 转换为gltf之后，通过对gltf进行压缩。 压缩的命令大致： gltfpack -i scene.gltf -o scene.glb --tc 其中tc是对贴图进行压缩，原文如下：gltfpack can also compress textures
2.6K10编辑于 2022-09-28 - 来自专栏AI那点小事
CCF考试——201612-4压缩编码
例如，文字E A E C D E B C C E C B D B E中， 5个单词A、B、C、D、E出现的频率分别为1, 3, 4, 2, 5，则一种可行的编码方案是A:000, B:001, C:01 , D:10, E:11，对应的编码后的01串为1100011011011001010111010011000111，对应的长度L为3×1+3×3+2×4+2×2+2×5=34。 样例输入 5 1 3 4 2 5 样例输出 34 样例说明 这个样例就是问题描述中的例子。如果你得到了35，说明你算得有问题，请自行检查自己的算法而不要怀疑是样例输出写错了。
44520发布于 2020-04-20 - 来自专栏linux命令
linux常用命令（4）——压缩命令
今天来分享一下linux常用命令——压缩 linux常用命令——压缩 1. tar 文件打包/解压 tar 本身是 打包工具（将多个文件 / 目录合并为一个 .tar 归档文件），不直接压缩。 但它可以结合 gzip、bzip2、xz 等压缩算法，实现 “打包 + 压缩” 一体操作，生成 .tar.gz、.tar.bz2 等常见压缩包。 tar -xjvf logs.tar.bz2 # 解压 （3）xz 压缩（.tar.xz，压缩率最高，适合大文件） tar -cJvf video.tar.xz movie.mp4 基本语法：zip [选项] [压缩文件名.zip] [要压缩的文件/目录] 核心选项 选项 含义 -r 递归 压缩目录（必须加，否则只压缩目录本身，不包含内容） -q 安静模式（不显示压缩过程） - m 压缩后 删除原文件（move，慎用） -u 向已有的 zip 压缩包中 添加新文件 -d 从已有的 zip 压缩包中 删除文件 -9 最高压缩级别（默认是 -6，级别越高，压缩率越高，速度越慢）
1.1K10编辑于 2026-01-13 实测｜用 DracoOptimizer 把 glTFGLB 模型压缩到极致：体积减90%，Web3D加载快到飞起
实测｜用 DracoOptimizer 把 glTF/GLB 模型压缩到极致：体积减90%，Web3D加载快到飞起面向 Web3D / Three.js 开发者的轻量桌面工具：一键压缩 + 批量处理 + （上手成本高），要么是在线工具（批量处理受限），因此我基于 Draco 官方算法做了一款轻量桌面工具 DracoOptimizer，专注解决「glTF/GLB 模型压缩」这一件事，兼顾易用性和压缩效果。 核心使用流程步骤 1：选择压缩对象单文件：点击「选择文件」，支持 .gltf/.glb 格式批量处理：点击「选择文件夹」，自动筛选文件夹内所有 glTF/GLB 文件步骤 2：设置压缩等级推荐等级：7~ （顶点、面、UV 等）应用 Draco 算法压缩几何信息生成压缩后的文件（默认后缀：_compressed.glb/_compressed.gltf）分屏展示压缩前/后模型（可旋转、缩放对比细节）步骤 4：导出结果压缩完成后，点击「导出文件」，可选择将压缩后的文件保存到指定目录，同时生成压缩报告（体积、压缩率、耗时）。
84210编辑于 2026-02-12- 来自专栏用户9379088的专栏
Three.js 之 Import Model 导入模型
例如你想修改纹理贴图，换一张更压缩的贴图时，就会比较麻烦，因为这些数据都是被集合在了一起，同一个二进制文件中。 glTF-Draco有点像说的第一个格式，不过使用了 Draco algorithm 来压缩几何体的数据。如果你对比 .bin 文件的大小，你就会发现这个会更小一点。 如果想要每个模型一个文件，并且不关心模型内的素材修改，那么二进制 glTF-Binary 更适合。在这两种情况下，您都必须决定是否要使用 Draco 压缩，但我们稍后会介绍这部分。 Cameraconst camera = new THREE.PerspectiveCamera(75, sizes.width / sizes.height, 0.1, 100)camera.position.set(4, 4, 12)// Controlsconst controls = new OrbitControls(camera, canvas)controls.enableDamping = truecontrols.zoomSpeed
7.4K30编辑于 2022-08-10 - 来自专栏3d图表
一款面向 Web3D 的桌面端模型压缩工具：Draco Editor
Draco Editor 是一款面向 Web3D 场景的桌面端模型优化工具，支持离线部署与本地化处理，专注于 glTF/GLB 模型的 Draco 压缩与格式转换。 Draco 模型压缩优化 (Optimize) 这是 Draco Editor 的核心功能，用于对 glTF/GLB 模型进行高质量几何压缩，适用于 Web3D 资源发布与传输加速。 压缩设置： Draco 压缩级别：1-10 级可选（推荐 7 级），级别越高压缩率越大，但解析耗时也越长。 目标格式：可选择导出为 .glb (推荐) 或 .gltf。 支持导入格式：glb, gltf, obj, fbx, stl, dae, ply 支持导出格式：glb, gltf, obj, stl, ply 3. 4. 历史记录 (History) 软件会自动记录您的处理历史，包括输入输出路径、压缩比例、耗时等。 点击历史记录中的项，可以快速定位文件或重新应用当时的设置。
29610编辑于 2026-03-12 - 来自专栏前端漫步
Threejs入门之二十五：Threejs加载gltf文件
这一节我们来通过Threejs加载一个glft格式的三维模型文件，首先我们先简单了解下gltf文件gltf文件gltf文件全称Graphics Language Transmission Forma（图形语言传输格式 gltf文件核心是JSON文件，一个gltf文件可传输一个或多个场景， 包括网格、材质、贴图、蒙皮、骨架、变形目标、动画、灯光以及摄像机等信息。 加载gltf文件下面通过代码实现加载一个gltf格式的文件到场景中，首先还是需要创建场景、相机、渲染器等初始化代码，具体步骤查看前面章节，代码如下页面初始化import * as THREE from 这里我们在加载gltf文件成功后，打印该gltf，看下里面的数据结构，并在加载成功后，将其加入到scene中loader.load('.. /models/motor03.gltf',function(gltf) { console.log(gltf); scene.add(gltf.scene) })刷新浏览器，查看效果
9.4K31编辑于 2023-05-19
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号