// The Nature of Code

// The Coding Train / Daniel Shiffman

// https://youtu.be/pUhv2CA0omA

// https://thecodingtrain.com/learning/nature-of-code/4.4-image-textures.html

​

// Texture Maker: https://editor.p5js.org/codingtrain/sketches/NS4rB1Yx-

// Image Texture: https://editor.p5js.org/codingtrain/sketches/TTVoNt58T

// Shader (WEBGL): https://editor.p5js.org/codingtrain/sketches/EXZmcc4m_

​

let emitter;

let imgArray = [];

let fade;

​

function preload() {

    //The compiler did'nt like this. I dont know why.

    //for (let i = 0; i < 10; i++) {

    // imgArray[i] = loadImage('/img/flame0' +(i+1) +'.PNG');

    // }

    imgArray[0] = loadImage('/img/flame01.PNG');

    imgArray[1] = loadImage('/img/flame02.PNG');

    imgArray[2] = loadImage('/img/flame03.PNG');

    imgArray[3] = loadImage('/img/flame04.PNG'); 

    imgArray[4] = loadImage('/img/flame05.PNG');

    imgArray[5] = loadImage('/img/flame06.PNG');

    imgArray[6] = loadImage('/img/flame07.PNG');

    imgArray[7] = loadImage('/img/flame08.PNG');

    imgArray[8] = loadImage('/img/flame09.PNG'); 

}

​

function setup() {

  createCanvas(400, 600);

  frameRate(30);

  emitter = new Emitter(200, 550);

}

​

function draw() {

  clear();

  background(0);

  blendMode(SCREEN);

​

  let force = createVector(0, -0.2);

  emitter.applyForce(force);

​

  let dir = map(mouseX, 0, width, -0.1, 0.1);

  let wind = createVector(dir, 0);

  emitter.applyForce(wind);

​

  emitter.emit(0.1);

  emitter.show();

  emitter.update();

}

​

​

​