aboutsummaryrefslogtreecommitdiffstats
path: root/root/workshops
diff options
context:
space:
mode:
authors-ol <s+removethis@s-ol.nu>2021-10-04 14:13:31 +0000
committers-ol <s+removethis@s-ol.nu>2021-10-04 14:48:31 +0000
commite7b84a65084e17d5da64fe1fa716d7a186ed701c (patch)
tree61b2c6b140c644c0544b3255aae0069550d963aa /root/workshops
parentadd mmmfs pdf (diff)
downloadmmm-e7b84a65084e17d5da64fe1fa716d7a186ed701c.tar.gz
mmm-e7b84a65084e17d5da64fe1fa716d7a186ed701c.zip
Split root out of mmm repo
Diffstat (limited to 'root/workshops')
-rw-r--r--root/workshops/$order3
-rw-r--r--root/workshops/creative-coding/description: text$plain1
-rw-r--r--root/workshops/creative-coding/text$markdown.md34
-rw-r--r--root/workshops/shaders/description: text$plain1
-rw-r--r--root/workshops/shaders/text$markdown.md31
-rw-r--r--root/workshops/text$moonscript -> fn -> mmm$dom.moon10
-rw-r--r--root/workshops/title: text$plain1
-rw-r--r--root/workshops/xy-music/$order1
-rw-r--r--root/workshops/xy-music/description: text$plain1
-rw-r--r--root/workshops/xy-music/slides/$order10
-rw-r--r--root/workshops/xy-music/slides/01/text$html+frag.html7
-rw-r--r--root/workshops/xy-music/slides/01b/text$markdown.md12
-rw-r--r--root/workshops/xy-music/slides/01c/$order1
-rw-r--r--root/workshops/xy-music/slides/01c/text$markdown.md5
-rw-r--r--root/workshops/xy-music/slides/01c/video/URL -> youtube$video1
-rw-r--r--root/workshops/xy-music/slides/02/text$markdown.md12
-rw-r--r--root/workshops/xy-music/slides/03/text$markdown.md12
-rw-r--r--root/workshops/xy-music/slides/04/text$markdown.md9
-rw-r--r--root/workshops/xy-music/slides/05/text$markdown.md12
-rw-r--r--root/workshops/xy-music/slides/06/text$markdown.md6
-rw-r--r--root/workshops/xy-music/slides/07/text$markdown.md6
-rw-r--r--root/workshops/xy-music/slides/08/$order1
-rw-r--r--root/workshops/xy-music/slides/08/image/image$png.pngbin285163 -> 0 bytes
-rw-r--r--root/workshops/xy-music/slides/08/text$markdown.md4
-rw-r--r--root/workshops/xy-music/slides/text$moonscript -> fn -> mmm$dom.moon70
-rw-r--r--root/workshops/xy-music/text$markdown.md41
26 files changed, 0 insertions, 292 deletions
diff --git a/root/workshops/$order b/root/workshops/$order
deleted file mode 100644
index d74b9f3..0000000
--- a/root/workshops/$order
+++ /dev/null
@@ -1,3 +0,0 @@
-xy-music
-shaders
-creative-coding
diff --git a/root/workshops/creative-coding/description: text$plain b/root/workshops/creative-coding/description: text$plain
deleted file mode 100644
index 5b53cf4..0000000
--- a/root/workshops/creative-coding/description: text$plain
+++ /dev/null
@@ -1 +0,0 @@
-creative coding for web developers
diff --git a/root/workshops/creative-coding/text$markdown.md b/root/workshops/creative-coding/text$markdown.md
deleted file mode 100644
index 8d6bf76..0000000
--- a/root/workshops/creative-coding/text$markdown.md
+++ /dev/null
@@ -1,34 +0,0 @@
-# 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.
diff --git a/root/workshops/shaders/description: text$plain b/root/workshops/shaders/description: text$plain
deleted file mode 100644
index d3e92b1..0000000
--- a/root/workshops/shaders/description: text$plain
+++ /dev/null
@@ -1 +0,0 @@
-(procedural) graphics with math and shaders
diff --git a/root/workshops/shaders/text$markdown.md b/root/workshops/shaders/text$markdown.md
deleted file mode 100644
index cea0001..0000000
--- a/root/workshops/shaders/text$markdown.md
+++ /dev/null
@@ -1,31 +0,0 @@
-# (procedural) graphics with math and shaders
-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 cover the principles and tricks behind procedural
-graphics and animations like the following examples:
-
-<mmm-embed nolink path="../../projects/demoloops/toroid"></mmm-embed>
-<mmm-embed nolink path="../../projects/VJmidiKit/boxy_dnb"></mmm-embed>
-<mmm-embed nolink path="../../projects/VJmidiKit/kaleidoscope"></mmm-embed>
-<mmm-embed nolink path="../../projects/demoloops/twisted"></mmm-embed>
-
-I plan to introduce the participants to the following topics:
-
-- what are procedural graphics?
-- what are shaders?
-- drawing a circle (with math)
-- transforming space
- - moving, scaling, rotating
- - mirroring, repeating, fractals
- - bending space
-- procedural animation
- - tweaking motion
- - easing functions
-- signed distance fields and raymarching
-- basic lighting
-
-The exact topics and structure can be adjusted based on the course runtime and
-level of the participants' experience.
diff --git a/root/workshops/text$moonscript -> fn -> mmm$dom.moon b/root/workshops/text$moonscript -> fn -> mmm$dom.moon
deleted file mode 100644
index 372a96f..0000000
--- a/root/workshops/text$moonscript -> fn -> mmm$dom.moon
+++ /dev/null
@@ -1,10 +0,0 @@
-import div, h3, ul, li, p from require 'mmm.dom'
-import link_to from (require 'mmm.mmmfs.util') require 'mmm.dom'
-
-=>
- div {
- h3 link_to @
- ul for child in *@children
- desc = child\gett 'description: mmm/dom'
- li (link_to child, desc)
- }
diff --git a/root/workshops/title: text$plain b/root/workshops/title: text$plain
deleted file mode 100644
index 314277d..0000000
--- a/root/workshops/title: text$plain
+++ /dev/null
@@ -1 +0,0 @@
-workshops and teaching
diff --git a/root/workshops/xy-music/$order b/root/workshops/xy-music/$order
deleted file mode 100644
index e4e7469..0000000
--- a/root/workshops/xy-music/$order
+++ /dev/null
@@ -1 +0,0 @@
-slides
diff --git a/root/workshops/xy-music/description: text$plain b/root/workshops/xy-music/description: text$plain
deleted file mode 100644
index 71ea88e..0000000
--- a/root/workshops/xy-music/description: text$plain
+++ /dev/null
@@ -1 +0,0 @@
-oscilloscope music and games with pure data
diff --git a/root/workshops/xy-music/slides/$order b/root/workshops/xy-music/slides/$order
deleted file mode 100644
index 4600622..0000000
--- a/root/workshops/xy-music/slides/$order
+++ /dev/null
@@ -1,10 +0,0 @@
-01
-02
-03
-05
-04
-07
-01b
-06
-08
-01c
diff --git a/root/workshops/xy-music/slides/01/text$html+frag.html b/root/workshops/xy-music/slides/01/text$html+frag.html
deleted file mode 100644
index 2441f62..0000000
--- a/root/workshops/xy-music/slides/01/text$html+frag.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<div style="margin-top: 4em">
- <h2>Oscilloscope Music and Games with Pure Data</h2>
- <br />
- <br />
- <br />
- <p>sol bekic, 2019</p>
-</div>
diff --git a/root/workshops/xy-music/slides/01b/text$markdown.md b/root/workshops/xy-music/slides/01b/text$markdown.md
deleted file mode 100644
index 22c1454..0000000
--- a/root/workshops/xy-music/slides/01b/text$markdown.md
+++ /dev/null
@@ -1,12 +0,0 @@
-who am i?
-=========
-
-my name is sol,
-i like to program, build hardware and play with technology.
-
-- github: @s-ol
-- mastodon: @s-ol\@merveilles.town
-- twitter: @S0lll0s
-- links to all of those, email, and more info:
- https://s-ol.nu
-
diff --git a/root/workshops/xy-music/slides/01c/$order b/root/workshops/xy-music/slides/01c/$order
deleted file mode 100644
index 2b68b52..0000000
--- a/root/workshops/xy-music/slides/01c/$order
+++ /dev/null
@@ -1 +0,0 @@
-video
diff --git a/root/workshops/xy-music/slides/01c/text$markdown.md b/root/workshops/xy-music/slides/01c/text$markdown.md
deleted file mode 100644
index ba5718c..0000000
--- a/root/workshops/xy-music/slides/01c/text$markdown.md
+++ /dev/null
@@ -1,5 +0,0 @@
-what am i going to talk about?
-==============================
-Plonat Atek - E317 - B14 / Pavillon 6
-
-<iframe width="1220" height="630" frameborder="0" src="//www.youtube.com/embed/SIQAk9_nc-s"></iframe>
diff --git a/root/workshops/xy-music/slides/01c/video/URL -> youtube$video b/root/workshops/xy-music/slides/01c/video/URL -> youtube$video
deleted file mode 100644
index bf07555..0000000
--- a/root/workshops/xy-music/slides/01c/video/URL -> youtube$video
+++ /dev/null
@@ -1 +0,0 @@
-https://www.youtube.com/watch?v=SIQAk9_nc-s
diff --git a/root/workshops/xy-music/slides/02/text$markdown.md b/root/workshops/xy-music/slides/02/text$markdown.md
deleted file mode 100644
index 3496b23..0000000
--- a/root/workshops/xy-music/slides/02/text$markdown.md
+++ /dev/null
@@ -1,12 +0,0 @@
-what am i going to talk about?
-==============================
-
-<br />
-
-- sound + scopes
- - what is sound?
- - what is an oscilloscope?
-- pd + the audiovisual
- - osc~ + output~
- - numbers boxes + sliders
- - lissajous figures + sync
diff --git a/root/workshops/xy-music/slides/03/text$markdown.md b/root/workshops/xy-music/slides/03/text$markdown.md
deleted file mode 100644
index c90491e..0000000
--- a/root/workshops/xy-music/slides/03/text$markdown.md
+++ /dev/null
@@ -1,12 +0,0 @@
-what is sound?
-==============
-<br />
-
-- *vibrations* in the air
-- movement of your ear drum
-- movement of a speaker membrane
-- numbers in a file on your computer
-
-what do they all have in common?
-- something is *changing over time*
- - a wave!
diff --git a/root/workshops/xy-music/slides/04/text$markdown.md b/root/workshops/xy-music/slides/04/text$markdown.md
deleted file mode 100644
index e07fbca..0000000
--- a/root/workshops/xy-music/slides/04/text$markdown.md
+++ /dev/null
@@ -1,9 +0,0 @@
-what is sound?
-==============
-
-waves are *something* changing over time:
-
-- in the air: pressure (in one spot)
-- ear drum and speakers: distance from normal position
-- audio cable: voltage over time
-- sound file: number over time
diff --git a/root/workshops/xy-music/slides/05/text$markdown.md b/root/workshops/xy-music/slides/05/text$markdown.md
deleted file mode 100644
index 256c654..0000000
--- a/root/workshops/xy-music/slides/05/text$markdown.md
+++ /dev/null
@@ -1,12 +0,0 @@
-what is sound?
-==============
-
-attributes of waves:
-
-| waves <div style="display: inline-block; width: 50px;"></div> | sounds <div style="display: inline-block; width: 10px;"></div> | |
-|-------------|--------------------|----------------------------------|
-| `amplitude` | `volume` | how far does the wave fluctuate? |
-| `frequency` | `pitch` | how often does the wave repeat? |
-| `shape` | `timbre` | (literally just the shape) |
-
-...let's look at + hear some examples!
diff --git a/root/workshops/xy-music/slides/06/text$markdown.md b/root/workshops/xy-music/slides/06/text$markdown.md
deleted file mode 100644
index fa5b139..0000000
--- a/root/workshops/xy-music/slides/06/text$markdown.md
+++ /dev/null
@@ -1,6 +0,0 @@
-on computers, sound is stored as a list of `samples`:
-
-- `sample rate`: how many samples per second are recorded
-- `sample size` or `bit depth`: how accurate is each sample
-
-![](https://i0.wp.com/www.mobilebeat.com/wp-content/uploads/2017/05/Screen-Shot-2017-05-05-at-3.55.46-PM.png)
diff --git a/root/workshops/xy-music/slides/07/text$markdown.md b/root/workshops/xy-music/slides/07/text$markdown.md
deleted file mode 100644
index 518b9fb..0000000
--- a/root/workshops/xy-music/slides/07/text$markdown.md
+++ /dev/null
@@ -1,6 +0,0 @@
-what is an oscilloscope?
-========================
-
-- machine for measuring and visualizing electronic waves (voltage)
-
-![](https://www.electronics-notes.com/images/cathode-ray-tube-diagram-01.svg)
diff --git a/root/workshops/xy-music/slides/08/$order b/root/workshops/xy-music/slides/08/$order
deleted file mode 100644
index 773b222..0000000
--- a/root/workshops/xy-music/slides/08/$order
+++ /dev/null
@@ -1 +0,0 @@
-image
diff --git a/root/workshops/xy-music/slides/08/image/image$png.png b/root/workshops/xy-music/slides/08/image/image$png.png
deleted file mode 100644
index ff82a9d..0000000
--- a/root/workshops/xy-music/slides/08/image/image$png.png
+++ /dev/null
Binary files differ
diff --git a/root/workshops/xy-music/slides/08/text$markdown.md b/root/workshops/xy-music/slides/08/text$markdown.md
deleted file mode 100644
index 1bec5c3..0000000
--- a/root/workshops/xy-music/slides/08/text$markdown.md
+++ /dev/null
@@ -1,4 +0,0 @@
-what is an oscilloscope?
-========================
-
-![](/workshops/xy-music/08/image/:image/png)
diff --git a/root/workshops/xy-music/slides/text$moonscript -> fn -> mmm$dom.moon b/root/workshops/xy-music/slides/text$moonscript -> fn -> mmm$dom.moon
deleted file mode 100644
index 701a14c..0000000
--- a/root/workshops/xy-music/slides/text$moonscript -> fn -> mmm$dom.moon
+++ /dev/null
@@ -1,70 +0,0 @@
-import ReactiveVar, tohtml, fromhtml, text, elements from require 'mmm.component'
-import article, button, div, span from elements
-
-=>
- index = ReactiveVar 1
- slide = index\map (index) -> @children[index]
-
- local view
- view = div {
- style:
- position: 'relative'
- 'padding-top': '56.25%'
-
- div {
- style:
- position: 'absolute'
- display: 'flex'
- 'flex-direction': 'column'
- top: 0
- left: 0
- right: 0
- bottom: 0
- padding: '1em'
- background: '#eeeeee'
- 'box-sizing': 'border-box'
-
- slide\map => @get 'mmm/dom'
- }
- }
-
- local left, right, viewNode
- if MODE == 'CLIENT'
- left = (_, e) ->
- e\preventDefault!
- index\transform (a) -> math.max 1, a - 1
-
- right = (_, e) ->
- e\preventDefault!
- index\transform (a) -> math.min #@children, a + 1
-
- viewNode = tohtml view
- viewNode.tabIndex = 1
- viewNode\addEventListener 'keydown', (_, e) ->
- switch e.key
- when 'r'
- e\preventDefault!
- size = viewNode.offsetHeight / 15
- viewNode.style.fontSize = "#{size}px"
-
- when 'ArrowLeft'
- left _, e
- when 'ArrowRight'
- right _, e
-
- tohtml with article!
- \append div {
- style:
- display: 'flex'
-
- button '<', onclick: left
- ' '
- span index\map (t) -> text t
- ' '
- button '>', onclick: right
- div style: flex: '1'
- button 'fullscreen', onclick: (_, e) ->
- e\preventDefault!
- viewNode\requestFullscreen!
- }
- \append view
diff --git a/root/workshops/xy-music/text$markdown.md b/root/workshops/xy-music/text$markdown.md
deleted file mode 100644
index 3f4f09c..0000000
--- a/root/workshops/xy-music/text$markdown.md
+++ /dev/null
@@ -1,41 +0,0 @@
-# oscilloscope music and games with pure data
-
-<mmm-embed wrap="raw" path="../../games/plonat_atek/pictures/amaze" /></mmm-embed>
-
-This is a workshop I gave at [Maker Faire Rome 2019][mfr].
-For more information on my work on this topic, also see my Oscilloscope Game <mmm-link path="../../games/plonat_atek"></mmm-link>.
-
-## description
-
-> In this workshop we will learn how to view and listen to Oscilloscope Music, how it works, and how to create your own Oscilloscope Music using PureData.
-> Please bring a laptop and headphones to participate.
->
-> Oscilloscope Music is music produced in such a way, that when the stereo signal is applied to an Oscilloscope screen,
-> the same signals that are heard create a visual animation.
->
-> You can see some examples of Oscilloscope Music created by Jerobeam Fenderson here:
->
-> - https://www.youtube.com/watch?v=rtR63-ecUNo
-> - https://oscilloscopemusic.com/
->
-> In this workshop, we will cover the following:
->
-> - What is Oscilloscope Music?
-> - How do Oscilloscopes work?
-> - How do Speakers and Audio Waves work?
-> - Simulating an Oscilloscope on your laptop
-> - Creating Oscilloscope Sounds using the PureData visual programming language
->
-> No special experience is required for this workshop.
-> Please bring a laptop and headphones!
-> If you are using an Operating System other than Windows and Mac OS X, please install "purr-data" before the workshop.
-
-## slides
-
-focus the slide area with the mouse and hit 'r' to adjust the content scaling.
-optimized for 1080p projectors.
-
-<mmm-embed wrap="raw" path="slides"></mmm-embed>
-
-[mfr]: https://2019.makerfairerome.eu/en/events-en/?ids=110
-