坏坏不乖乖 2016-02-18 03:32 采纳率: 33.3%
浏览 2970
已采纳

WebGL加载json模型，贴图混论处理

使用3dmax建立模型，后导出为OBJ+mtl,然后转JSON，但加载时出现比较多的贴图混乱，比如
情况一：
图片说明
情况二：
图片说明

不知从何下手~~有没有批量修改调整的办法呢？

  • 写回答

3条回答 默认 最新

  • 坏坏不乖乖 2016-02-23 03:49
    关注

    最后是用了Three.js中，设置
    material.map.wrapS = true
    material.map.wrapS = true
    将贴图的repeat信息进行手动设置，就可以叻
    谢谢热心人解答

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

  • 效果超棒的Webgl模型-实木餐桌
    2023-04-11 23:47
    通常，一个完整的WebGL模型项目会包含模型文件、纹理图片、JavaScript脚本、样式文件以及可能的JSON配置文件等。 总的来说，这个"效果超棒的Webgl模型-实木餐桌"代表了一个利用WebGL技术精心制作的3D模型，它展示了...
  • Three.js外部模型导入指南[代码]
    2025-11-15 06:01
    加载器还能够处理JSON、缓冲器几何体、纹理映射、索引缓冲区对象和法线贴图等资源。 本文还会通过一个交互式城市建筑展示案例来实际演示如何使用GLTFLoader加载外部模型。在导入模型时，加载进度控制和异常处理是...
  • 基于高德地图 JS API2.0 加载GLTF3D模型的demo（配合three.js）.zip
    2022-05-18 22:34
    主要的JavaScript文件将展示如何初始化高德地图，加载three.js库，配置GLTFLoader，以及处理地图与3D模型的交互。 通过这个demo，开发者可以学习如何在实际项目中整合高德地图API与three.js，从而在地图应用中创建...
  • Threejs之加载3D模型（上）
    2024-09-13 21:17
    你华还是你华的博客 Three.js是一个基于WebGL的库，它提供了丰富的API来在网页上创建和...加载 3D 模型到Three.js场景中是一个常见的需求，Three.js支持多种格式的 3D 模型，如.obj.fbx等。下面将简要介绍如何使用Three.js加载 3D 模型。
  • 前端GIS三维开发必备——WebGL&Three&Cesium知识框架
    2025-01-16 14:33
    FE_Jinger的博客 WebGL 定义与用途基于 OpenGL ES 2.0 的 JavaScript API用于在浏览器中绘制高性能的 2D 和 3D 图形WebGL 的发展历史与版本概述浏览器支持与兼容性检查WebGL 是一个功能强大的图形渲染工具，从基础的顶点绘制到复杂的...
  • threejs前端模型会走路的人模型gltf格式模型包含动作action
    2025-02-25 15:55
    在前端项目中，开发者可以通过加载gltf文件来直接使用模型。 2. “man.bin”文件通常作为gltf文件的补充，包含了模型的顶点数据和其他二进制信息，这样可以加快加载速度并减少需要传输的数据量。 3. “business02_...
  • Unity资源转JSON以实现WebGL加载
    2025-08-19 15:47
    亜恵恵阿由的博客 Unity资源导出是一个将3D模型、纹理、脚本等资产转换为WebGL兼容格式的过程。这一过程不仅涉及到资产的分类和转换，还包括优化和兼容性处理，确保在Web端能够高效加载和运行。本章将介绍Unity资源导出的基本概念，...
  • SuperMap Hi-Fi 3D SDK for Unreal 插件中模型材质导出与前端加载
    2022-12-12 17:04
    gshh__的博客 前言：前文讲述了利用原始矢量面数据或者模型数据集生成缓存，通过材质...接下来本文将介绍如何将UE中美化的材质导出，并在 SuperMap iClient3D for WebGL （以下简称WebGL）中加载，实现接近游戏引擎中的材质效果。
  • 深度复盘： WebGL 数字孪生前端架构：如何打造高颜值、高性能的 Web 3D 可视化系统
    2025-12-11 08:20
    addison110的博客 本文从前端视角复盘一套高内聚、低耦合的 WebGL 数字孪生架构设计。重点解析如何将 3D 场景封装为独立组件，实现与后端解耦。涵盖 Shader 特效编写、GPS 坐标映射算法及 GPU 实例化渲染优化技巧。附带 PC 端在线 ...
  • WebGL开发：前端3D入门指南
    2025-12-16 10:45
    Yuner2000的博客 低成本实现水面倒影 第五章：工业化实战：从Demo到产品级应用 5.1 三维地图可视化 地理坐标系转换：把地球“拍扁”进WebGL LOD优化：远山是贴图，近看是模型 数据驱动渲染：疫情热力图的3D升级版 5.2 轻量级游戏开发...
  • 没有解决我的问题, 去提问