CClab Example Codes

Example name
Slide location
Link
Use environment variables: width and height.
2.R Interactive Drawing
Align multiple shapes with a variable.
2.R Interactive Drawing
Place two ellipses at the same positions by re-using variables.
2.R Interactive Drawing
Change the background color based on the mouse position.
2.R Interactive Drawing
Use a variable and if-statements to select a shape.
2.R Interactive Drawing
Invert color with a boolean variable and if-statements.
2.R Interactive Drawing
Develop a color palette with variables
2.R Interactive Drawing
Inspiration Step1
3.R Imaginary Creature
Inspiration Step2
3.R Imaginary Creature
Inspiration Step3
3.R Imaginary Creature
Function, return
4.1 FunctionsLoops
checkMouseX
4.1 FunctionsLoops
checkMousePosition
4.1 FunctionsLoops
checkOutofCanvas
4.1 FunctionsLoops
For loop Step1
4.1 FunctionsLoops
For loop Step2
4.1 FunctionsLoops
For loop Step3
4.1 FunctionsLoops
For loop Step4
4.1 FunctionsLoops
For loop grid Step1
4.1 FunctionsLoops
For loop grid Step2
4.1 FunctionsLoops
For loop grid Step3
4.1 FunctionsLoops
For loop grid Step5
4.1 FunctionsLoops
Array1
4.2 Arrays and Text
Array2
4.2 Arrays and Text
Array3
4.2 Arrays and Text
Array4
4.2 Arrays and Text
Array5
4.2 Arrays and Text
Array6
4.2 Arrays and Text
Poem example
4R