p5.js textureMode() 方法

p5.js 中的textureMode()函数用于设置纹理映射的坐标空间。此函数适用于 WEBGL 模式。这 IMAGE模式是指映射图像的实际坐标。 NORMAL 模式是指从 0 到 1 的值的归一化空间的映射。

句法：

textureMode(mode)

参数：此函数接受如上所述和如下所述的单个参数：

• mode：这是一个设置纹理映射模式的常量。它可以有两个值，IMAGE 或 NORMAL。默认为图像模式。

下面的例子说明了 p5.js 中的textureMode()函数：

例子：

Javascript

// Creating a global image variable
let img;
  
  
// Load the image in the
// preload function
function preload() {
  img =
    loadImage('images/gfg_logo.jpg');
}
  
// Create the canvas
function setup() {
  createCanvas(500, 300, WEBGL);
}
  
function draw() {
  
  // Draw the texture
  texture(img);
    
  // Set the mode to NORMAL
  // for the texture  
  textureMode(NORMAL);
    
  beginShape();
    
  // Adding the coordinates in NORMAL form
  vertex(-100, -100, 0, 0);
  vertex(100, -100, 1, 0);
  vertex(100, 100, 1, 1);
  vertex(-100, 100, 0, 1);
    
  endShape();
}

输出：

参考： https://p5js.org/reference/#/p5/textureMode