This page demonstrates PJS textures
// Demo from www.Processing.org /** * Texture 1. * * Load an image and draw it onto a quad. The texture() function sets * the texture image. The vertex() function maps the image to the geometry. */ /* @pjs preload="berlin.jpg" */ PImage img; void setup() { size(640, 360, P3D); img = loadImage("berlin.jpg"); } void draw() { background(0); translate(width / 2, height / 2,0); rotateY(map(mouseX, 0, width, -PI, PI)); rotateZ(PI/6); textureMode(NORMALIZED); beginShape(QUADS); texture(img); vertex(-100, -100, 0, 0, 0); vertex(100, -100, 0, 1, 0); vertex(100, 100, 0, 1, 1); vertex(-100, 100, 0, 0, 1); endShape(); }