codexdesign

code and design experiences for beginners

Text and Image Content ( javascript )

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.

code: text, textSize, textAlign
content: text

code: text, font
content: typography
requires modification of the html document

code: String (new datatype!)
content: text content

code: loadImage, image
content: bitmap image
requires local host, see documentation within

code: loadImage, image
content: bitmap image, with rgb tint
requires local host, see documentation within

code: loadImage, image
content: bitmap image, with hsb tint
requires local host, see documentation within

code: loadImage, image
content: bitmap image, with filter
requires local host, see documentation within

code: loadImage, image, plus
content: bitmap images, with filter
requires local host, see documentation within

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

code: set, updatePixels
content: pixels, manipulating pixels

code: array
content: accessing array

code: array, .unshift
content: adding

code: array, .shift
content: removing

code: array, .push
content: adding

code: array, .pop
content: removing

code:array, .length
content: checking array length

code: array
content: colors

code: array
content: colors, click thru

code: array
content: colors, autoplay

code: String array
content: text, external txt file
requires local host

code: array
content: text, mouse event, random

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