Skip to content
Related Articles
Open in App
Not now

Related Articles

p5.js textureMode() Method

Improve Article
Save Article
  • Difficulty Level : Medium
  • Last Updated : 04 Mar, 2021
Improve Article
Save Article

The textureMode() function in p5.js is uses to set the coordinate space for texture mapping. This function works on the WEBGL mode. The IMAGE mode refers to the mapping the actual coordinates of the image. The NORMAL mode refers to the mapping of the normalized space of values ranging from 0 to 1.



Parameters: This function accepts a single parameter as mentioned above and described below:

  • mode: This is a constant that sets the mode of the texture mapping. It can have two values, IMAGE or NORMAL. The default is the IMAGE mode.

The below example illustrates the textureMode() function in p5.js:



// Creating a global image variable
let img;
// Load the image in the
// preload function
function preload() {
  img =
// Create the canvas
function setup() {
  createCanvas(500, 300, WEBGL);
function draw() {
  // Draw the texture
  // Set the mode to NORMAL
  // for the texture  
  // 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);



My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!