读取obj文件中的vt并转成需要的uv数据

2024-09-03 16:52
文章标签 数据 读取 需要 转成 uv vt obj

本文主要是介绍读取obj文件中的vt并转成需要的uv数据,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

        先展示效果图

        适用场景:加载的obj模型需要发生形变,同时还要展示模型的纹理效果,可以使用到面料模拟或者弹性物体的模拟当中

        具体实现方案:

        1、读取obj文件中的vt的值,存起来

        2、读取f值,存v索引和vt索引

        3、根据存储的v索引和vt索引新增uv数据

        4、将整个uv数组放入到模型当中

        5、读取模型的uv,使用纹理加载器加载图片,放入到模型上

        然后就是上代码了~

        

function loadFromUrl(url) {return fetch(url).then(response => response.text()).then(objData => {const lines = objData.split('\n');let vertices = [];let faceTriIds = [];let vt = [];let uv = [];let uvIndex = [];for (const line of lines) {const parts = line.split(' ').filter(part => part!== '');if (parts[0] === 'v') {// 将顶点坐标依次存入一维数组vertices.push(parseFloat(parts[1]));vertices.push(parseFloat(parts[2]));vertices.push(parseFloat(parts[3]));} else if (parts[0] === 'f') {const facePart = parts[1].split('/');const facePart02 = parts[2].split('/');const facePart03 = parts[3].split('/');faceTriIds.push(Number(facePart[0])-1,Number(facePart02[0])-1,Number(facePart03[0])-1);// 获取uv的索引-->找到值存入uv中uvIndex[Number(facePart[0])-1] = Number(facePart[1])-1uvIndex[Number(facePart02[0])-1] = Number(facePart02[1])-1uvIndex[Number(facePart03[0])-1] = Number(facePart03[1])-1} else if (parts[0] === 'vt') {vt.push(parseFloat(parts[1]),parseFloat(parts[2]))}}// 遍历uv --> 根据索引找到具体的uv值for (let i = 0; i < uvIndex.length; i++) {uv[i*2] = vt[uvIndex[i]*2]uv[i*2+1] = vt[uvIndex[i]*2+1]}return { vertices, faceTriIds, uv };}).catch(error => {console.error('Error loading OBJ file from URL:', error);return null;});
}export default loadFromUrl;

应该还算清晰明了的吧

就这样~~~~

这篇关于读取obj文件中的vt并转成需要的uv数据的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1133504

相关文章

如何使用 Python 读取 Excel 数据

《如何使用Python读取Excel数据》:本文主要介绍使用Python读取Excel数据的详细教程,通过pandas和openpyxl,你可以轻松读取Excel文件,并进行各种数据处理操... 目录使用 python 读取 Excel 数据的详细教程1. 安装必要的依赖2. 读取 Excel 文件3. 读

Spring Boot读取配置文件的五种方式小结

《SpringBoot读取配置文件的五种方式小结》SpringBoot提供了灵活多样的方式来读取配置文件,这篇文章为大家介绍了5种常见的读取方式,文中的示例代码简洁易懂,大家可以根据自己的需要进... 目录1. 配置文件位置与加载顺序2. 读取配置文件的方式汇总方式一:使用 @Value 注解读取配置方式二

Spring 请求之传递 JSON 数据的操作方法

《Spring请求之传递JSON数据的操作方法》JSON就是一种数据格式,有自己的格式和语法,使用文本表示一个对象或数组的信息,因此JSON本质是字符串,主要负责在不同的语言中数据传递和交换,这... 目录jsON 概念JSON 语法JSON 的语法JSON 的两种结构JSON 字符串和 Java 对象互转

C++如何通过Qt反射机制实现数据类序列化

《C++如何通过Qt反射机制实现数据类序列化》在C++工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作,所以本文就来聊聊C++如何通过Qt反射机制实现数据类序列化吧... 目录设计预期设计思路代码实现使用方法在 C++ 工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作。由于数据类

SpringBoot使用GZIP压缩反回数据问题

《SpringBoot使用GZIP压缩反回数据问题》:本文主要介绍SpringBoot使用GZIP压缩反回数据问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录SpringBoot使用GZIP压缩反回数据1、初识gzip2、gzip是什么,可以干什么?3、Spr

基于Python实现读取嵌套压缩包下文件的方法

《基于Python实现读取嵌套压缩包下文件的方法》工作中遇到的问题,需要用Python实现嵌套压缩包下文件读取,本文给大家介绍了详细的解决方法,并有相关的代码示例供大家参考,需要的朋友可以参考下... 目录思路完整代码代码优化思路打开外层zip压缩包并遍历文件:使用with zipfile.ZipFil

SpringBoot集成Milvus实现数据增删改查功能

《SpringBoot集成Milvus实现数据增删改查功能》milvus支持的语言比较多,支持python,Java,Go,node等开发语言,本文主要介绍如何使用Java语言,采用springboo... 目录1、Milvus基本概念2、添加maven依赖3、配置yml文件4、创建MilvusClient

python uv包管理小结

《pythonuv包管理小结》uv是一个高性能的Python包管理工具,它不仅能够高效地处理包管理和依赖解析,还提供了对Python版本管理的支持,本文主要介绍了pythonuv包管理小结,具有一... 目录安装 uv使用 uv 管理 python 版本安装指定版本的 Python查看已安装的 Python

SpringValidation数据校验之约束注解与分组校验方式

《SpringValidation数据校验之约束注解与分组校验方式》本文将深入探讨SpringValidation的核心功能,帮助开发者掌握约束注解的使用技巧和分组校验的高级应用,从而构建更加健壮和可... 目录引言一、Spring Validation基础架构1.1 jsR-380标准与Spring整合1

MySQL 中查询 VARCHAR 类型 JSON 数据的问题记录

《MySQL中查询VARCHAR类型JSON数据的问题记录》在数据库设计中,有时我们会将JSON数据存储在VARCHAR或TEXT类型字段中,本文将详细介绍如何在MySQL中有效查询存储为V... 目录一、问题背景二、mysql jsON 函数2.1 常用 JSON 函数三、查询示例3.1 基本查询3.2