互動概論

//active

void setup(){

size(500,500);

}

void draw(){

background(#F3F588);

fill(#88A6F5);

rect(100,100,100,150);

rect(mouseX,mouseY,100,150);

}

===========================================================================

function setup() {

    initializeFields();

    createCanvas(500, 500);

}

function draw() {

    background(color(0xF3, 0xF5, 0x88));

    fill(color(0x88, 0xA6, 0xF5));

    rect(100, 100, 100, 150);

    rect(mouseX, mouseY, 100, 150);

}

function initializeFields() {

}

轉程式碼網址 : https://pde2js.herokuapp.com/

=========================================================================

void setup(){

 size(500,500); 

}

void draw(){

 if(mousePressed){

    line(mouseX,mouseY,pmouseX,pmouseY); 

 }

}