X3D 實戰基礎講座（八）：紋理映射與座標變換

紋理映射為 3D 物體表面增添細節紋理。本講涵蓋 PixelTexture (程序化像素紋理)、ImageTexture (圖片貼圖)、TextureCoordinate (紋理座標映射)、TextureTransform (紋理變換) 四大核心節點，附代碼與效果圖。

基本紋理節點

1. PixelTexture：像素陣列定義紋理

image 字段格式：寬度 高度 組件數 像素值...

• 組件數：1=灰度、2=灰度+Alpha、3=RGB、4=RGBA
• 像素值十六進制，如 0xff0000 (紅)

示例：2×2 RGBA 紋理

PixelTexture {
  image [2 2 4 0xff0000ff 0x00ff0080 0x0000ff40 0xffffffff]
}

映射規律：默認將幾何體表面均勻劃分為寬×高網格，每格中心為紋理採樣點，向四周插值過渡。

2. ImageTexture：外部圖片貼圖

url 指定圖片路徑 (相對/絕對/HTTP)，支持 .gif、.jpg、.png 等。

ImageTexture { url "x3d.gif" }

基本幾何體默認六面全部貼圖。

紋理座標映射：TextureCoordinate

控制紋理圖像如何映射到幾何體表面。point 字段定義 2D 紋理座標 (s,t)，範圍 [0,1] 為圖像內部，超出則重複/夾鉗 (視 repeatS/T)。

配合 IndexedFaceSet 使用：

• coordIndex：頂點索引構建面 (-1 分隔面)
• texCoordIndex：紋理座標索引，與 coordIndex 一一對應

示例：單面自定義紋理映射

添加 TextureCoordinate 並修改 texCoordIndex

分析：紋理座標 (0,0)-(1,1) 對應圖像四角，索引順序決定映射關係。開啟 repeatS/T 可重複貼圖。

立方體六面不同貼圖

紋理變換：TextureTransform

對紋理座標進行平移、旋轉、縮放，**視覺效果與變換方向相反**。

示例

總結

PixelTexture 適合程序化簡單紋理，ImageTexture 適合真實圖片貼圖；TextureCoordinate 精確控制映射關係；TextureTransform 實現紋理動畫與特效。多重紋理受限於 BS 插件支持，暫不深入。下一講講解光照模型。

1. 上一篇文章： X3D 實戰基礎講座（九）：多媒體節點 — 音頻與視頻播放
2. 下一篇文章： X3D 實戰基礎講座（七）：三大光源節點與光照模型

Java 相關知識

Java 設計模式：觀察者模式完整實戰指南

模式定義與核心價值 觀察者模式：定義物件間一對多依賴，當一

Spring Boot 2.x 集成 springfox-swagger2 構建 RESTful API 文檔實戰教程

Spring Boot 2.x + Swagger 2 整合

Java Applet 數字簽名突破安全沙箱限制完整教程

前言 Java Applet 歷史上通過「沙箱模型」限制未受

JavaBean 規範深度解析：屬性命名陷阱、存取器約定與導航機制完全指南

前言：看似簡單，實則暗藏玄機 JavaBean 是 Java