Skip to content

Commit

Permalink
Updating syntax and correcting grammar in getting-started.md
Browse files Browse the repository at this point in the history
  • Loading branch information
willodom authored Apr 12, 2024
1 parent b6cf243 commit 75b5a53
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions content/docs/learning/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,20 +15,20 @@ If you just want to start in 60 seconds you can also check:
This tutorial is meant to be used from within the [hydra web editor](https://hydra.ojack.xyz/). It is also interactive -- you can directly modify the code in each code block to see how it affects the visuals.

## Get to know the browser editor
To get started, open the the [hydra web editor](https://hydra.ojack.xyz/) in a separate window. Close the top window by clicking the [x] in the top right.
To get started, open the [hydra web editor](https://hydra.ojack.xyz/) in a separate window. Close the top window by clicking the [x] in the top right.

![](https://i.imgur.com/ZfgVjJZ.gif)

You will see some colorful visuals in the background with text on top in the top left of the screen. The text is code that generates the visuals behind it.

At the right up corner you will find a toolbar with these buttons:
![](https://i.imgur.com/iCG8Lrq.png)
1. **run all code** Runs all code on the page (same as typing *ctrl+shift+enter)
2. **upload to gallery** upload a sketch to Hydra's gallery and create a shorter URL
3. **clear all** resets the environment and clears text from the editor
4. **show random sketch**. Loads random sketch examples. Always it is a good way to learn Hydra by studying someone elses code.
5. **make random change** **dices** modify values automatically. Try it with some of the sketch examples.
6. **show info window** show overlay window with help text and links
1. **run all code** Runs all code on the page (same as typing *ctrl+shift+enter).
2. **upload to gallery** Upload a sketch to Hydra's gallery and create a shorter URL.
3. **clear all** Resets the environment and clears text from the editor.
4. **show random sketch** Loads random sketch examples. Always it is a good way to learn Hydra by studying someone else's code.
5. **make random change** **dices** Modifies a single value automatically. Try it with some of the sketch examples.
6. **show info window** Show overlay window with help text and links.


## First line of code
Expand Down Expand Up @@ -314,4 +314,4 @@ We have now covered all of the basic types of functions within hydra: ***source*
#### Have fun!

---
by Flor de Fuego and Olivia Jack
by Flor de Fuego and Olivia Jack

0 comments on commit 75b5a53

Please sign in to comment.