diff options
| author | s-ol <s+removethis@s-ol.nu> | 2021-10-04 14:13:31 +0000 |
|---|---|---|
| committer | s-ol <s+removethis@s-ol.nu> | 2021-10-04 14:48:31 +0000 |
| commit | e7b84a65084e17d5da64fe1fa716d7a186ed701c (patch) | |
| tree | 61b2c6b140c644c0544b3255aae0069550d963aa /root/workshops | |
| parent | add mmmfs pdf (diff) | |
| download | mmm-e7b84a65084e17d5da64fe1fa716d7a186ed701c.tar.gz mmm-e7b84a65084e17d5da64fe1fa716d7a186ed701c.zip | |
Split root out of mmm repo
Diffstat (limited to 'root/workshops')
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 - - 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) - - 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 Binary files differdeleted file mode 100644 index ff82a9d..0000000 --- a/root/workshops/xy-music/slides/08/image/image$png.png +++ /dev/null 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? -======================== - - 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 - |
