p5.js js textureMode()用法及代码示例

p5.js中的textureMode()函数用于设置纹理映射的坐标空间。此函数在WEBGL模式下有效。图像模式是指映射图像的实际坐标。 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

相关用法

注：本文由纯净天空筛选整理自_sh_pallavi大神的英文原创作品 p5.js textureMode() Method。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。