codexdesign

code and design experiences for beginners

Event Design ( java )


code notes: Event Design introduces important and powerful code for using mouse/trackpad and keyboard input.

design notes: Event Design introduces code that enables interaction and user engagement.


design card

code: mouseX and mouseY variables
user event: pointing

design card

code: mouseX and mouseY variables
user event: pointing, with offset

design card

code: mouseX and mouseY variables
user event: pointing, with easing

design card

code: mouseX and mouseY variables
user event: pointing, with easing

design card

code: mouseX and mouseY variables
user event: pointing, with easing

design card

code: mouseX and mouseY variables
user event: mark making, with point

design card

code: mouseX and mouseY variables
user event: mark making, with point, and random strokeWeight

design card

code: pmouseX, pmouseY, mouseX, mouseY variables
user event: mark making, with line

design card

code: pmouseX, pmouseY, mouseX, mouseY variables
user event: mark making, with line, and random strokeWeight

design card

code: pmouseX, pmouseY, mouseX, mouseY variables
user event: mark making, with line, and abs strokeWeight

design card

code: mousePressed variable
user event: mark making, with line

design card

code: mousePressed function
user event: mark making, with point

design card

code: mousePressed variable and mousePressed function
user event: mark making, and "erasing" the composition

design card

code: keyPressed variable
user event: mark making, with ellipse

design card

code: mousePressed variable and keyPressed variable
user event: mark making, and "erasing" the composition

design card

code: mousePressed variable and keyPressed function
user event: mark making, and "erasing" the composition

design card

code: keyPressed variable, keyPressed function, key assignments
user event: keyboard control, background

design card

code: keyPressed variable, keyPressed function, keyCode
user event: keyboard control, background

design card

code: keyPressed variable, mousePressed function, keyCode
user event: keyboard control, line

design card

code: mousePressed function, save file
user event: generate graphic file

design card

code: saveFrame function, frameCount variable
user event: generate graphic file

design card

code: saveFrame function, frameCount variable
user event: generate graphic file

design card

code: mouseX and mouseY variables
user event: mouse tracking, collision detection

design card

code: mouseX and mouseY variables
user event: mouse tracking, collision detection, proximity

design card

code: mouseX, mouseY, boolean variable
user event: mouse tracking, collision detection, in motion

design card

code: mouseX, mouseY, clip
user event: mouse tracking, reveal content

design card

code: boolean variable test
user event: change states/scenes

design card

code: conditional if, else if, else
user event: change states/scenes

design card

code: link
user event: link to a file or website