xxxxxxxxxx
23
/*
* @name Load and Display Image
* @description Images can be loaded and displayed to the screen at their
* actual size or any other size.
* <p><em><span class="small"> To run this example locally, you will need an
* image file, and a running <a href="https://github.com/processing/p5.js/wiki/Local-server">
* local server</a>.</span></em></p>
*/
var img; // Declare variable 'img'.
function setup() {
createCanvas(720, 400);
img = loadImage("https://1.bp.blogspot.com/-QuOwYZ76umM/XB_jGZ0VLWI/AAAAAAAACXA/loLfxNWu77YGUVqYLcN4YqsmQ6-tg-enwCLcBGAs/s1600/bed%2Bdiagram%2B1.jpg"); // Load the image
}
function draw() {
// Displays the image at its actual size at point (0,0)
image(img, 0, 0);
// Displays the image at point (0, height/2) at half size
//image(img, 0, height/2, img.width/2, img.height/2);
}