- 综合排序
- 最热优先
- 最新优先
- 来自专栏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还包含整个场景的关系，包括节点，变换矩阵，变换的层级关系，网格，材质，相机和动画，试图保存所有信息。这是一个场景树的逻辑，算是glTF的一个优化。 比如glTF提供了扩展，提供了场景树，相机的信息，这都是出于通用性的考虑，但这个是否实用，就不好判断了。或者是否提供ZIP压缩。 ▽Accessor&Json表述 这是glTF数据读取的机制，设计的很优雅，很值得我们学习。
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的改变可以用“一增一删修修补补”来概括，主要有 上图是针对100种材质，采用5种常见的材质的效果对比，可见Cook-Torrance(BRDF的一种)在实验中相对有较好的表现，而glTF2.0就是采用 Cook-Torrance Model。 这里，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
概述 DEM（地形文件）天然自带三维信息，可以将其转换成gltf模型文件。DEM是栅格数据，可以通过GDAL进行读取；gltf是一种JSON格式，可以采用nlohmann/json进行读写。 2. dX = padfTransform[1]; double startY = padfTransform[3]; double dY = padfTransform[5] pointNum = (size_t)bufWidth * bufHeight; size_t position_texture_num = pointNum * 5; * yi + 5 * xi; position_texture[n] = dX * xi; position_texture[n+1] 参考 [1] github上的gltf教程 [2] gltf教程中文翻译 [3] nlohmann/json关于保留插入顺序的讨论
1.5K40发布于 2020-01-14 - 来自专栏大冰块技术记录
MD5压缩解压
java.util.Map;import java.util.zip.DeflaterOutputStream;import java.util.zip.InflaterOutputStream;/** 压缩工具 compressData(flowData); data.put(key, flowData); data.put(ISCOMPRESSED_KEY, "Y"); } /** 压缩字符串
32110编辑于 2023-11-26 - 来自专栏代码编写世界
WebGL简易教程(十五)：加载gltf模型
文件读取 2.2.2. glTF格式解析 2.2.3. 初始化顶点缓冲区 2.2.4. 其他 3. 结果 4. 参考 5. 相关 1. 纹理数据可以使用jpg文件，方便压缩和传输。 从以上特性可以看出，glTF特别方便与互联网的使用场景，便于传输且预处理程度小。 数据 使用的地形glTF文件已经处理好并上传到文章末尾的地址中（具体的转换过程可以参看《DEM转换为gltf》）。 《WebGL编程指南》 2.glTF格式详解(目录) 3.glTF Tutorial 4.前端H5中JS用FileReader对象读取blob对象二进制数据，文件传输 5.gltf2.0规范 6.JavaScript 之 ArrayBuffer 5.
6K20发布于 2020-02-14 - 来自专栏java系列博客
MD5压缩算法
package cn.com.test; /* 传入参数： 一个字节数组 * 传出参数： 字节数组的MD5结果字符集 */ public class MD5 { public static String getMD5 (byte[] source){ String s = null; //用来将字节转换成十六进制表示的字符 char hexDigits[] = {'0' ,'1', '2' , '3', '4' ,'5' ,'6', '7','8','9','a','b','c','d','e','f'}; try { java.security.MessageDigest md = java.security.MessageDigest.getInstance("MD5"); md.update(source); //MD5 的计算结果是一个128位的长整数 ,'@','#'}; System.out.println(MD5.getMD5(byarr)); } }
2.6K60发布于 2018-06-13 - 来自专栏腾讯社交用户体验设计
如何在页面极速渲染3D模型
朋友们，还记得 QQ 20 周年 H5 中可可爱爱的太空鹅吗？ ? 为了实现旋转和换肤功能，在 H5 中我们随机展示了5种类型的 3D 太空鹅模型，如下图所示： ? 但是在 H5 中引入 3D 模型往往存在资源太大、性能损耗严重、还原不真实的问题，这也让许多 3D 创意止步于开发阶段。 如何更好地在 H5 中还原模型呢？ 通过 Draco 进行压缩 Draco 及 gltf-pipeline 介绍 Draco 是 Google推出的一个用于 3D 模型压缩和解压缩的工具库，上述介绍的 FBX2glTF 及 COLLADA2GLTF 庆幸的是许多设备都有可直接用于渲染的 GPU 压缩纹理(compress texture)格式，压缩纹理可比由 png 直接转换的纹理减少5倍或以上的大小。 展望 除了基于 webGL 的H5，glTF 与 Basis 亦可用于其它基于 OpenGL 渲染的应用程序。
9.3K32发布于 2019-12-12 - 来自专栏OECOM
html5前端图片压缩
如今手机像素越来越高，造成拍出来的照片越来越大，随便拍一张就好几兆，于是乎就有了一种需求就是压缩图片，在之前压缩图片的功能是在后台操作的，之后前端亦可以进行图片的压缩功能。 前端进行图片压缩的原理很简单，就是利用canvas来进行压缩，js将file框内的图片文件读取之后，按照比例绘制到canvas上，然后将canvas保存成图片即可实现了压缩功能。 200, 0,myorientation);//获得的路径是将图片转换成了base64 $("#myImage").attr("src",thumb); } } 至此，图片的压缩功能已经完全实现了
4.2K50发布于 2020-07-02 - 来自专栏前端漫步
Cesium入门之九：Cesium加载gltf文件
glTF支持两种文件格式：*.glTF和 *.glb。 glTF文件易于阅读、修改和编辑，同时可以使用gzip进行压缩以减小文件大小。但是.glTF文件格式在处理复杂场景时，可能会变得比较冗长，处理速度较慢。 glb文件也可以使用gzip压缩以进一步减小文件大小。但是.glb文件格式作为二进制文件，难以直接进行编辑和修改。 以下代码将两个Cartesian3对象相加，并输出结果： var a = new Cesium.Cartesian3(1, 2, 3); var b = new Cesium.Cartesian3(4, 5, new Cesium.Cartesian3(); Cesium.Cartesian3.add(a, b, result); console.log(result); // Cartesian3{x: 5,
5.7K31编辑于 2023-10-14 - 来自专栏软件研发
讲解YOLOv5模型剪枝压缩
为了解决这个问题，模型剪枝压缩成为了一种常用的方法。在本文中，我们将讲解如何使用YOLOv5模型进行剪枝压缩，以实现模型的高效部署。 YOLOv5模型剪枝压缩方法在进行YOLOv5模型剪枝压缩时，可以采用以下几种常用的方法：1. 通道剪枝通道剪枝是指通过剪枝模型中的冗余通道来减少模型的参数和计算量。 实施步骤下面是使用YOLOv5模型进行剪枝压缩的简要步骤：准备数据集和模型：首先准备训练数据集，并使用训练数据集训练一个YOLOv5模型。 模型部署：将剪枝压缩后的模型部署到目标设备上，并进行推理或应用。总结在本篇文章中，我们讲解了如何使用YOLOv5模型进行剪枝压缩，以实现模型的高效部署。 希望本文能对您了解YOLOv5模型剪枝压缩提供一些帮助，同时也希望读者能够深入探索和扩展模型剪枝压缩的方法，为实际的深度学习应用提供更多的解决方案。
1.3K11编辑于 2023-12-08 实测｜用 DracoOptimizer 把 glTFGLB 模型压缩到极致：体积减90%，Web3D加载快到飞起
实测｜用 DracoOptimizer 把 glTF/GLB 模型压缩到极致：体积减90%，Web3D加载快到飞起面向 Web3D / Three.js 开发者的轻量桌面工具：一键压缩 + 批量处理 + 可视化对比，解决模型加载慢的核心痛点背景：Web3D 开发者的「体积焦虑」做过 Web3D 项目的同学都懂：哪怕是一个简单的 3D 模型，只要体积超过几 MB，就会出现明显的加载问题：首屏白屏：用户等待 3~5 （批量处理受限），因此我基于 Draco 官方算法做了一款轻量桌面工具 DracoOptimizer，专注解决「glTF/GLB 模型压缩」这一件事，兼顾易用性和压缩效果。 界面与使用教程（5分钟上手）1. 核心使用流程步骤 1：选择压缩对象单文件：点击「选择文件」，支持 .gltf/.glb 格式批量处理：点击「选择文件夹」，自动筛选文件夹内所有 glTF/GLB 文件步骤 2：设置压缩等级推荐等级：7~
84210编辑于 2026-02-12- 来自专栏仙士可博客
H5图片压缩与上传
现在手机用户拍照照片都十分巨大,1m-10m,而普通用户的上传带宽大概为100kb/s-1m/s,导致上传图片十分缓慢 解决方法为上传之前先把图片进行压缩,使得上传速度增加,服务器硬盘,带宽速度压力也更小 var mpImg = new MegaPixImage(file); // render方法的maxWith，maxHeight,以及quality都决定了压缩图片的质量 var resImg 压缩图片十分的耗时,尤其是多张图片一起的时候,所以需要稍微变换一下 fileSelected: function () { var files = $("#fileImage $upload->getSysSetPath();//目录地址 $new_file = md5(uniqid($this->member_info['member_id'])).". {$type}";//用微秒和会员id产生md5唯一字符串 if (file_put_contents($path.
2.4K11发布于 2019-12-19 - 来自专栏用户9379088的专栏
Three.js 之 Import Model 导入模型
例如你想修改纹理贴图，换一张更压缩的贴图时，就会比较麻烦，因为这些数据都是被集合在了一起，同一个二进制文件中。 glTF-Draco有点像说的第一个格式，不过使用了 Draco algorithm 来压缩几何体的数据。如果你对比 .bin 文件的大小，你就会发现这个会更小一点。 如果想要每个模型一个文件，并且不关心模型内的素材修改，那么二进制 glTF-Binary 更适合。在这两种情况下，您都必须决定是否要使用 Draco 压缩，但我们稍后会介绍这部分。 directionLight = new THREE.DirectionalLight()directionLight.castShadow = truedirectionLight.position.set(5, 5, 6)directionLight.shadow.camera.near = 1directionLight.shadow.camera.far = 20directionLight.shadow.camera.top
7.4K30编辑于 2022-08-10 - 来自专栏计算机图形学 前端可视化 WebGL
WebGL压缩纹理实践
而我们最终选用的也就是ktx2.0，它能够很方便的和gltf模型格式进行集成。 有关压缩纹理的更多知识，大家可以在网上搜索啊，此处不进行详细的介绍。 0x02 工作流 建模工程师给的是OBJ模型，项目最开始用的也是OBJ模型，首先我们需要把OBJ模型转换成GLTF格式。 可以使用插件obj2gltf进行转换。 转换的流程大致如下： 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 - 来自专栏前端之攻略
HTML5+APP 拍照压缩上传 原
HandheldFriendly" content="true" /> <meta name="MobileOptimized" content="320" /> <title>Hello H5+ else { alert("fail") wt.close(); } } ); task.addData("client", "HelloH5+ appendByGallery() { plus.gallery.pick(function(p) { compress(p); appendFile(p); }); } //压缩图片 > 主要用到html5+拍照与压缩插件 在拍照成功后会返回图片保存的路径，如上面的p参数，在压缩图片时要用到p，overwrite: true不能省略。
1.2K31发布于 2019-04-04
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号