codexdesign

code and design experiences for beginners

Motion Design ( java )


code notes: Motion Design introduces several important and powerful code concepts including program flow, variables, incrementation, and conditionals.

design notes: Motion Design introduces code that enables a program to change over time. Elements can move and change. Movement and change can be very ordered (for structured results) or they can randomized (for surprise results). Frame rate can be controlled. The save frame examples use code that produces image sequence files (jpg, png, gif, etc). These image sequences can be integrated into art, design, and media projects.


design card

code: review, elements
motion: no, static flow review

design card

code: setup and draw flow
motion: introducing dynamic flow

design card

code: print and println
motion: introducing dynamic flow and console area feedback

design card

code: system variables, width and height keywords
motion: introducing variables

design card

code: system variables, mouseX and mouseY keywords
motion: introducing variables

design card

code: custom variable, global scope
motion: introducing variable types

design card

code: custom variable, local scope
motion: introducing variable types

design card

code: custom variables
motion: introducing variable types

design card

code: custom variable, in position
motion: incrementation, x=x+1
background in draw()
source code does not loop

design card

code: custom variable, in position
motion: incrementation, x=x+1
background in draw()
source code does not loop

design card

code: custom variable, in position
motion: incrementation, x=x-1
background in draw()
source code does not loop

design card

code: custom variables, in position
motion: incrementation
background in draw()
source code does not loop

design card

code: custom variables, in width and height
motion: incrementation
source code does not loop

design card

code: custom variable, in rotate
motion: incrementation
source code does loop

design card

code: custom variables, in position
motion: incrementation
source code does not loop

design card

code: custom variable, in rotate
motion: incrementation
source code does loop

design card

code: review, elements
motion: no conditional, incrementation forever
going going gone

design card

code: conditional if, position
motion: incrementation with reset
going going gone reset

design card

code: conditional if, position
motion: incrementation with reset
going going gone reset

design card

code: conditional if, positions
motion: incrementation with sign flip
going going test flip going going gone

design card

code: conditional if, positions
motion: incrementation with sign flips

design card

code: conditional if, positions
motion: incrementation with sign flips

design card

code: conditional if, positions
motion: incrementation with sign flips

design card

code: conditional if, positions
motion: incrementation with nested loop

design card

code: conditional if, positions
motion: incrementation with nested loop

design card

code: conditional if, positions
motion: incrementation with nested loop

design card

code: conditional if, else if, else
motion: interaction

design card

code: conditional if, system variables, mouseX and mouseY keywords
motion: interation, collision detection

design card

code: conditional if, boolean
motion: requires interaction

design card

code: conditional case, switch
motion: no

design card

code: conditional if
code: sequence output, save frame(s)

design card

code: conditional if
code: sequence output, save frame(s)