Skip to content

Commit

Permalink
Correcting typos and updating links for Tuesday and Wednesday lectures
Browse files Browse the repository at this point in the history
  • Loading branch information
JGL committed Jan 10, 2025
1 parent cf2d435 commit 96125a1
Show file tree
Hide file tree
Showing 7 changed files with 49 additions and 47 deletions.
4 changes: 2 additions & 2 deletions docs/discussion_04.html
Original file line number Diff line number Diff line change
Expand Up @@ -39,11 +39,11 @@
<li><a href="http://printingcode.runemadsen.com/lecture-intro/">"A History of Design Systems"</a> by <a href="https://runemadsen.com/">Rune Madsen</a> has a series of references on Sol LeWitt and others.</li>
<li>Great <a href="https://www.artnome.com/news/2018/8/8/why-love-generative-art">recent article on Generative Art</a> by Jason Bailey.</li>
<li><a href="http://solvingsol.com/">Solving Sol</a>, Javascript implementations of his works.</li>
<li><a href="https://www.youtube.com/watch?v=8Uo6zFwSO78&feature=youtu.be">Generative Machines with Matt DesLauriers</a> - great talk by a contemporary practitioner on their practice and inspirations</li>
<li><a href="https://www.youtube.com/watch?v=8Uo6zFwSO78&feature=youtu.be">Generative Machines</a> with <a href="https://www.mattdesl.com">Matt DesLauriers</a> - great talk by a contemporary practitioner on their practice and inspirations.</li>
</ul>
</div>
<div>
Finally, let's find out more about the <a href="https://en.wikipedia.org/wiki/Tetralemma">Tetralemma</a>, a precursor to the Boolean logic that we discovered today. Something that can be either true or false or both true and false or neither true or false. Aeon (another great website with lots of interesting articles) has <a href="https://aeon.co/essays/the-logic-of-buddhist-philosophy-goes-beyond-simple-truth">an indepth article on the subject</a>.
Finally, let's find out more about the <a href="https://en.wikipedia.org/wiki/Tetralemma">Tetralemma</a>, a precursor to the Boolean logic that we discovered today. Something that can be either true or false or both true and false or neither true or false. Aeon (another great website with lots of interesting articles) has <a href="https://aeon.co/essays/the-logic-of-buddhist-philosophy-goes-beyond-simple-truth">an in depth article on the subject</a>.
</div>
<div>What questions do you have for me? Have any of you seen any of LeWitt's work in person? What do you think of the Tetralemma?</div>
<div>
Expand Down
2 changes: 1 addition & 1 deletion docs/discussion_05.html
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@
</ul>
</div>
<div>The artist of the day is <a href="https://en.wikipedia.org/wiki/Timothy_Morton">Timothy Morton</a>, <a href="https://www.theguardian.com/world/2017/jun/15/timothy-morton-anthropocene-philosopher">who isn't an artist at all</a>.</div>
<div>I was first drawn to his work by <a href="https://twitter.com/the_eco_thought/status/714803735470297088">this tweet</a> and his book, <a href=" https://www.upress.umn.edu/book-division/books/hyperobjects">Hyperobjects</a>.
<div>I was first drawn to his work by <a href="https://web.archive.org/web/20210823075937/https://twitter.com/the_eco_thought/status/714803735470297088">this tweet</a> and his book, <a href=" https://www.upress.umn.edu/book-division/books/hyperobjects">Hyperobjects</a>.
</div>
<div>Hyperobjects are a "objects that are so massively distributed in time and space as to transcend spatiotemporal specificity, such as global warming, styrofoam, and radioactive plutonium". It really helped me start to think about why we aren't doing anything about global warming and what artists and designers can do about that.</div>
<div>N.B. <a href="https://en.wikipedia.org/wiki/Object-oriented_ontology">Object orientated ontology</a> and <a href="https://en.wikipedia.org/wiki/Object-oriented_programming">object orientated programming</a> are not the same thing. But they do use the same word. So there!</div>
Expand Down
6 changes: 3 additions & 3 deletions docs/discussion_06.html
Original file line number Diff line number Diff line change
Expand Up @@ -32,16 +32,16 @@
<div>
UAL CCI: Introduction to Creative Computing 2025: 🪄: Discussion 6: Vera Molnar and Alan Moore<br /><a href="index.html">Back to slide index</a>.
</div>
<div>Let's learn more about <a href="https://en.wikipedia.org/wiki/Vera_Moln%C3%A1r">Vera</a> <a href="http://www.veramolnar.com/">Molnár</a>.</div>
<div>I was first drawn to her work by seeing her piece <a href="https://collections.vam.ac.uk/item/O1193781/desordres-drawing-molnar-vera/">"(Des)Ordres" at the Victoria and Albert Museum</a>, here in London. Go see it!
<div>Let's learn more about <a href="https://en.wikipedia.org/wiki/Vera_Moln%C3%A1r">Vera</a> <a href="http://www.veramolnar.com/">Molnár</a> (RIP).</div>
<div>I was first drawn to her work by seeing her piece <a href="https://collections.vam.ac.uk/item/O1193781/desordres-drawing-molnar-vera/">"(Des)Ordres" at the Victoria and Albert Museum</a>, here in London. Go see her and lots of other amazing artist's work at the <a href="https://www.tate.org.uk/whats-on/tate-modern/electric-dreams">Electric Dreams exhibition at the Tate Modern</a>! <a href="https://www.tate.org.uk/tate-collective">You can get in for £5 if you are under 25 and join the Tate Collective for FREE</a>!
</div>
<div>
<iframe src="https://player.vimeo.com/video/372579247" width="640" height="640" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
<p>A video of Vera talking about Randomness.</p>
</div>
<div><a href="https://en.wikipedia.org/wiki/Alan_Moore">Alan Moore</a> is a writer who wrote some of my comic books ever: Watchmen, V for Vendetta and Swamp Thing.</div>
<div>Let's watch a short excerpt from the fantastic <a href="https://en.wikipedia.org/wiki/The_Mindscape_of_Alan_Moore">" The Mindscape of Alan Moore"</a> where he talks about exploring possibility space.<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/moRkHk-q9Rg?start=4029" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div>What questions do you have for me about Vera Molnar, Alan Moore and exploring possibility space?</div>
<div>What questions do you have for me about Vera Molnár, Alan Moore and exploring possibility space?</div>
<div>
Thanks! See you tomorrow at 1000 sharp!
<br />
Expand Down
12 changes: 6 additions & 6 deletions docs/lecture_03.html
Original file line number Diff line number Diff line change
Expand Up @@ -85,14 +85,14 @@
<li>Pythagoras' theorem is used to work out how big the longest side of a triangle with a right angle in it is - see proofs on <a href="https://en.wikipedia.org/wiki/Pythagorean_theorem">Wikipedia page</a> and <a href="https://betterexplained.com/articles/surprising-uses-of-the-pythagorean-theorem/">Better Explained</a>. P.S. <a href="https://betterexplained.com/cheatsheet/">Better Explained is AWESOME</a>!</li>
</ul>
</div>
<div>Let's go through <a href="https://p5js.org/examples/form-shape-primitives.html">the p5.js shape primitives example</a> together. You can use and edit any of the p5.js examples directly on their web pages, but I'm going to copy and paste them into the <a href="https://editor.p5js.org/">p5.js editor</a> so you see how to use it.</div>
<div>Let's go through <a href="https://p5js.org/examples/data-variables.html">the p5.js data variables example</a> together.</div>
<div>Let's go through this tutorial on <a href="https://p5js.org/learn/coordinate-system-and-shapes.html">Coordinate System and Shapes</a> together. Remember, a Co-ordinate system is a system for describing position.</div>
<div>Let's go through <a href="https://p5js.org/examples/shapes-and-color-shape-primitives/">the p5.js shape primitives example</a> together. You can use and edit any of the p5.js examples directly on their web pages, but I'm going to copy and paste them into the <a href="https://editor.p5js.org/">p5.js editor</a> so you see how to use it.</div>
<div>Let's go through <a href="https://archive.p5js.org/examples/data-variables.html">the p5.js data variables example</a> together.</div>
<div>Let's go through this tutorial on <a href="https://archive.p5js.org/learn/coordinate-system-and-shapes.html">Coordinate System and Shapes</a> together. Remember, a Co-ordinate system is a system for describing position.</div>
<div>
As well as commands that specify exact positions, you can use <a href="https://p5js.org/reference/#group-Transform">transformations</a> to move your digital drawing tool around like I commanded myself earlier. See <a href="https://p5js.org/examples/form-points-and-lines.html">this Points and Lines example</a> for how to use <a href="https://p5js.org/reference/#/p5/translate">translate()</a> to do that. You can also <a href="https://p5js.org/reference/#/p5/rotate">rotate()</a>, <a href="https://p5js.org/reference/#/p5/scale">scale().</a>
As well as commands that specify exact positions, you can use <a href="https://p5js.org/reference/#Transform">transformations</a> to move your digital drawing tool around like I commanded myself earlier. See <a href="https://p5js.org/examples/transformation-translate/">this Translate example</a> for how to use <a href="https://p5js.org/reference/p5/translate/">translate()</a> to do that. You can also <a href="hhttps://p5js.org/reference/p5/rotate/">rotate()</a> and <a href="https://p5js.org/reference/p5/scale/">scale().</a>
N.B. you can use <a href="https://p5js.org/reference/#/p5/push">push()</a> and <a href="https://p5js.org/reference/#/p5/pop">pop()</a> to remember different drawing states.
</div>
<div>N.B. you can use <a href="https://p5js.org/reference/#/p5/push">push()</a> and <a href="https://p5js.org/reference/#/p5/pop">pop()</a> to remember different drawing states. Chicken and egg in terms of colour, but I wanted you to know about push and pop, before we get on to some INTERACTION! </div>
<div>Now let's go through the <a href="https://p5js.org/get-started/">p5.js Get Started tutorial</a> together, using the p5.js editor. Remember the Chicken and Egg problem for learning coding from the first lecture? We are going to encounter that here when you see an "if" statement. Don't worry about that for now, the most important thing is when we start using variables instead of constant (or fixed) values to draw with. This is the most important thing you are going to learn today and maybe for the whole course - that computers can have values that change over time, and that they'll do the work of changing them for you - allowing you to make INTERACTIVE animations or music or art or anything!</div>
<div>Now let's go through the <a href="https://p5js.org/get-started/">p5.js Get Started tutorial</a> together, using the p5.js editor. The most important thing is when we start using variables instead of constant (or fixed) values to draw with. This is the most important thing you are going to learn today and maybe for the whole course - that computers can have values that change over time, and that they'll do the work of changing them for you - allowing you to make INTERACTIVE animations or music or art or anything!</div>
<div>
Thanks! Time for a short break!
<br />
Expand Down
Loading

0 comments on commit 96125a1

Please sign in to comment.