codexdesign

code and design experiences for beginners

Text and Image Content ( java )


code notes: Text and Image Content introduces both code for integrating visual information using available and code for creating arrays. Arrays are important and powerful mechanisms for holding multiple values.

design notes: Text and Image Content enables the integration of typography and photography/illustration in code projects.


design card

code: text, textSize, textAlign, stop, noLoop
content: text

design card

code: text, textSize, textAlign, stop, noLoop
content: text

design card

code: PFont, loadFont, textFont
content: text, and font

design card

code: PFont, createFont, textFont
content: text, and font

design card

code: String (new datatype!)
content: text, and font

design card

code: image, PImage, loadImage, imageMode
content: bitmap image

design card

code: image, PImage, loadImage, imageMode, tint
content: bitmap image, with rgb tint

design card

code: image, PImage, loadImage, imageMode, tint
content: bitmap image, with hsb tint

design card

code: image, PImage, loadImage, imageMode, filter
content: bitmap image, with filter

design card

code: image, PImage, loadImage, imageMode, filter
content: bitmap images, with filter

design card

code: shape, PShape, loadShape
content: bitmap image, with vector file (svg)

design card

code: point review
content: what does one pixel look like? see white point center

design card

code: set
content: pixels, manipulating pixels

design card

code: set
content: pixels, manipulating pixels, looped

design card

code: get
content: pixels, get pixel hex data

design card

code: get
content: pixels, get/display pixel hex data, display pixel hex data as fill

design card

code: advanced see source code
content: glitch/experimental aesthetic

design card

code: array
content: structure of an array in 1 chunk

design card

code: array
content: structure of an array in 2 chunks

design card

code: array
content: structure of an array in 3 chunks

design card

code: .length
content: checking array length

design card

code: array
content: colors

design card

code: array
content: colors, click thru

design card

code: array
content: colors, autoplay

design card

code: String array
content: text, external txt file

design card

code: array
content: text, mouse event, random

design card

code: array
content: image, autoplay

design card

code: array
content: image, click thru

design card

code: loadPixels, pixel array, updatePixels
content: accessing image pixels, manipulating pixels

design card

code: array
content: storing user event values in an array