Contemplate the meaning of design with doge.
Based off a basic drag and drop example. Also playable here: http://www.openprocessing.org/sketch/143680
P.S. this blog is incredibly hard to use.
Code:
//Ciera Johl - Processing Sketch:Praticing with Click Drag Tutorial |
//must drag and drop the image (doge.png) onto this window to work |
//(sometimes this happens sorry) |
PImage img; |
//global variables |
int boxX; |
int boxY; |
int boxWidth; |
boolean flag; |
void setup(){ |
size (500,500); |
background(255); |
|
img = loadImage("doge.png"); |
|
boxWidth = 100; |
boxX = width/2 - boxWidth/2; |
boxY = height/2 - boxWidth/2; |
|
textSize(20); |
fill(255,190,50); |
text("much design wow", 50, 400); |
fill(130,255,130); |
text("so clean", 250, 100); |
fill(50,180,255); |
text("many doge", 380, 300); |
fill(255,170,180); |
text("plz drag", 80, 250); |
} |
void draw(){ |
//refreshes background, but I want the snake chain so this is disabled |
//background(255); |
|
//new location of the image |
if (mousePressed && flag == true){ |
boxX = mouseX - boxWidth/2; |
boxY = mouseY - boxWidth/2; |
} |
|
image(img, boxX, boxY, boxWidth, boxWidth); |
} |
|
//conditions |
void mousePressed(){ |
//check for mouse in box |
if(mouseX > boxX && mouseX < boxX + boxWidth |
&& mouseY > boxY && mouseY < boxY + boxWidth){ |
flag = true; |
} |
} |
void mouseReleased(){ |
flag = false; |
} |
