如何定义要应用到面的纹理区域(aface definition)

我有一个用 Three.JS 制作的立方体,我想在每个面上应用纹理的一部分。具体来说,我正在寻找一个采用 4 个参数的函数:x1,y1,x2,y2指定要应用于面部的纹理区域。例如,对于输入[1,0,15,16]

我有一个用 Three.JS 制作的立方体,我想在每个面上应用纹理的一部分。具体来说,我正在寻找一个采用 4 个参数的函数:x1y1x2y2指定要应用于面部的纹理区域。
例如,对于输入[1, 0, 15, 16]

Example of uv

如果我指定 [16,0,0,16] ',我的纹理是翻转。
我想我必须用 UV(因为是相对于纹理而不是立方体本身),但目前,我无法获得令人满意的结果。

我也希望每个面是的,所以如果我修改一个的纹理 UV,其他的纹理 UV 不会被修改(即使纹理是相同的)。

这里是我的立方体的最小版本(清理了我所有的测试和其他与我的问题无关的东西):https://jsfiddle.net/theogiraudet/djcnrte0/

谢谢你的回答!

1

纹理坐标从 0,0 到 1,1 从左下到右上。有关纹理映射的更详细说明,请访问the discover three.js website

在这里做了一个演示:
https://codepen.io/cdeep/pen/XWaXGYg?editors=0011

立方体有 6 个面,4 个顶点,每个 2 个坐标。uv 属性是一个大小为 48 的 BufferAttribute,可以更新它来控制每个顶点的纹理的相应部分。

geometry.attributes.uv.copyArray(<Array of size 48>);
geometry.attributes.uv.needsUpdate = true;

在 codepen 中,我重复数组以将相同的纹理应用于每个面。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处

(788)
如何在CSS中向上移动文本
上一篇
使用AppleScript在概念中打开页面(在Mac上)
下一篇

相关推荐

  • type c接口是啥改变你的充电体验

    示例示例Type C接口是一种新型的USB连接器,它可以支持更高的数据传输速度,比传统的USB 0接口更快。与传统的USB接口不同,Type C接口可以在两端都使用,无需额外的翻转,使连接更加方便快捷。下面是一个使用Type C接口的代码示例:…

    2023-01-12 02:06:09
    0 53 16
  • carwings是什么意思智能汽车连接系统的未来

    Carwings是日产汽车公司推出的一款远程智能汽车服务,它可以帮助用户远程监控汽车的状态和行驶信息,并且可以远程控制汽车的功能。…

    2023-01-19 13:55:38
    0 33 92
  • cvt变速箱油分几种:CVT变速箱油的种类及用法

    cvt变速箱油一般分为三种,分别是:传统cvt变速箱油:代码:CVT-1…

    2023-01-27 12:23:25
    0 73 77
  • cv人生履历:从零开始,一步步走向成功——[姓名]的职业生涯

    cv人生履历是一种概括性的文件,用于描述一个人的教育背景、工作经历、技能、专业知识和其他重要信息的文件。它可以帮助雇主评估求职者的资格,并决定是否面试或录用他们。…

    2023-02-01 13:25:09
    0 52 54
  • contextcapture集群:如何使用ContextCapture技术构建高效的3D集群

    ContextCapture集群是一种分布式的技术,它可以让多台服务器共享数据,从而提高应用程序的性能和可靠性。它可以使用多台服务器来收集、存储和处理数据,而不需要单独的服务器来执行这些任务。…

    2023-01-05 08:03:52
    0 60 64
  • cdb文件解锁您的数据库

    CDB文件是一种关联数据库文件格式,用于存储结构化的键/值数据。它是一种高效的文件格式,可以快速检索和更新数据。它可以用作存储用户配置文件,字典,索引,缓存等。…

    2023-02-04 07:44:32
    0 39 23
  • code128条码字体下载:使用 Code128 条码字体创建条码标识

    code128条码字体下载是指下载code128条码字体的过程。Code128条码字体是一种用于生成Code128条形码的字体。它可以将文本转换为条形码,并将条形码打印在各种类型的媒体上。要下载code128条码字体,可以从网上搜索“code128条码字体下载”,然后选择一个可靠的网站下载。一旦下载完成,就可以使用该字体创建code128条形码。…

    2023-01-19 14:44:33
    0 86 31
  • txvlog com糖心改变你的生活,让你的心情更加甜蜜!

    txvlog com糖心是一款以视频分享为主的社交APP,可以让用户上传自己的视频,并与其他用户进行互动。它的主要功能有:用户注册:用户可以通过手机号码、邮箱地址或者社交媒体账号注册,并设置自己的个人信息;…

    2023-01-10 05:08:15
    0 34 41

发表评论

登录 后才能评论

评论列表(68条)