From c955ef3220fbd27582162047a1dc58706a51760d Mon Sep 17 00:00:00 2001
From: s-ol <s-ol@users.noreply.github.com>
Date: Sat, 25 Jan 2020 15:41:33 +0100
Subject: add workshops section

---
 .../creative-coding/description: text$plain        |  1 +
 root/workshops/creative-coding/text$markdown.md    | 34 ++++++++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 root/workshops/creative-coding/description: text$plain
 create mode 100644 root/workshops/creative-coding/text$markdown.md

(limited to 'root/workshops/creative-coding')

diff --git a/root/workshops/creative-coding/description: text$plain b/root/workshops/creative-coding/description: text$plain
new file mode 100644
index 0000000..5b53cf4
--- /dev/null
+++ b/root/workshops/creative-coding/description: text$plain	
@@ -0,0 +1 @@
+creative coding for web developers
diff --git a/root/workshops/creative-coding/text$markdown.md b/root/workshops/creative-coding/text$markdown.md
new file mode 100644
index 0000000..8d6bf76
--- /dev/null
+++ b/root/workshops/creative-coding/text$markdown.md
@@ -0,0 +1,34 @@
+# creative coding for web developers
+This is a workshop i am currently preparing.
+If you are interested in having this workshop be held at your institution,
+please contact me!
+
+## topics
+In this workshop I will introduce the topic of *creative coding*, present some
+inspiration and examples, as well as teach the basics of the JavaScript canvas
+API for creating artistic animations and other creative projects such as
+the following:
+
+<mmm-embed nolink path="../../projects/demoloops/toroid"></mmm-embed>
+<mmm-embed nolink path="../../projects/demoloops/twisted"></mmm-embed>
+
+* <mmm-link path="../../experiments/center_of_mass">experiment: aligning fonts by their center of mass</mmm-link>
+* <mmm-link path="../../experiments/parallax_panels">experiment: parallax SVG viewer</mmm-link>
+
+The workshop is designed to accompany an 'industry-focused' course in web development,
+and aims to deliver some wider perspective over the possibilities and creative use of
+technology to participants. The following topics are covered:
+
+- what is creative coding?
+- creative coding frameworks
+- the canvas API
+  - drawing basic shapes
+  - colors
+  - input events
+- animation
+  - `requestAnimationFrame`
+  - easing functions
+- online creative coding communities
+
+The exact topics and structure can be adjusted based on the course runtime and
+level of the participants' experience.
-- 
cgit v1.2.3