Merge branch 'master' of gitlab.doc.gold.ac.uk:bsc-cc-graphics-y1/ccgraphics

colour_and_pattern/exercises/Albers_contrast_squares/sketch.js

@@ -36,15 +36,29 @@ function setup() {
   rightColor = color(leftHueAngle + hueAngleOffset, 80, 80);
 
   ///
-  /// EXERCISE FOR YOU TO DO:
+  /// ----------EXERCISE FOR YOU TO DO---------------------------
   /// Try changing this to change the centre squares until
   /// they both look like different colours. Find 2 combinations
   /// of colours for outer and centre squares. What parameters
   /// worked best, and why?
 
   centreColor = color(140, 70, 60);
+
+  /// ----------More advanced------------------------------------
+  /// You can add slider GUI (graphical user interface) elements
+  /// to help chose colours instead of typing them in.
+  /// See: https://p5js.org/examples/dom-slider.html
+  /// Create 3 sliders, one for each of hue angle, saturation, and value
+  /// that you use in the color(hue, saturation, value) above.
+  /// Make sure to use text() or console.log() to print out the values
+  /// when you find one you like!
   
-  ///-------------------------------------------------------------
+  /// ---------Even more advanced-------------------------------- 
+  /// Use a button to display or print out or even save values you like:
+  /// https://p5js.org/examples/dom-input-and-button.html
+
+  
+  ///-----OTHER WAYS TO DO THIS--------------------------------------------------------
   /// There's another way to do this using ES6 syntax...
   /// uncomment the code below to use it.
   /// For this cool trick -- write a string as `my string` and you