From f20f8479fc982355a609e089d7d45c9868052781 Mon Sep 17 00:00:00 2001 From: Crystal Jin <50037765+kstjxy@users.noreply.github.com> Date: Wed, 20 Nov 2024 15:01:03 -0500 Subject: [PATCH] Update README.md --- README.md | 18 +++--------------- 1 file changed, 3 insertions(+), 15 deletions(-) diff --git a/README.md b/README.md index edc3658..c1d7194 100644 --- a/README.md +++ b/README.md @@ -1,34 +1,22 @@ # Lab 08 - Creative Coding with Hydra -Let's explore creative coding and "live coding"! In this lab we'll be using [Hydra](https://hydra.ojack.xyz/), a tool for live coding interesting visuals. Hydra has a lot of support for new users, but it's best to learn by starting to play around. In addition to the [Hydra Documentation](https://hydra.ojack.xyz/docs/), consider checking out these resources: - -- What is modulation? https://hydra-book.glitch.me/#/modulation -- How to use textures? https://hydra-book.glitch.me/#/textures -- A short starter walkthrough: https://www.clipsoundandmusic.uk/hydra-tutorial-a-beginners-guide-to-live-coding-visuals/ - -All credit to the creator of hydra, [olivia](https://ojack.xyz/), and the hydra community. - -If you're interested in learning more about live coding, check out [this guide](https://static.livecodingbook.toplap.org/books/livecoding.pdf). - -lecture notes: https://tinyurl.com/penn-lets-get-creative -three.js docs: https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene - -## Lab Puzzles: -The goal of each puzzle will be to replicate the look of each puzzle’s image by exploring the hydra api. ### 1. Puzzle 1: You're getting sleepy ![d2765d83f53a79102bbee596dc137abf](https://github.com/user-attachments/assets/a5f6f0da-5ca7-4066-9ceb-8851c2a14071) * Starting with [this code](https://hydra.ojack.xyz/?sketch_id=mwVfjOO8YNtqODRt) as a base, replicate the above animation. + * Solution: https://hydra.ojack.xyz/?sketch_id=HBaWuTvi8uHz8AWr ### 2. Puzzle 2: Dancing Squares [![Image from Gyazo](https://i.gyazo.com/95ace79f6d2ca24f563a6a79fdcc4f51.gif)](https://gyazo.com/95ace79f6d2ca24f563a6a79fdcc4f51) * Starting with [this code](https://hydra.ojack.xyz/?sketch_id=FpvaIGZZzA87TUA4) as a base, replicate the above animation. + * Solution: https://hydra.ojack.xyz/?sketch_id=CSLueAXSvpR4g2RD ### 3. Your own cool effect! * Create your own shader effect! If you need a starting point, try starting with the "random" button at the top of the hydra page. + * Solution: https://hydra.ojack.xyz/?sketch_id=eRwOH9pUNas6983B # Submission: - Create a pull request against this repository