Show off procedural generation on the website

This commit is contained in:
Keavon Chambers
2024-01-08 10:49:25 -08:00
parent 1727694dfc
commit 45de49fa03
10 changed files with 256 additions and 167 deletions

View File

@@ -21,7 +21,13 @@ Additional manual chapters are being added over time. Check back often!
## Jump right in
If you're eager to skip the reading, head straight to the [hands-on quickstart video](./introduction) in the next chapter for a beginner project walkthrough you can follow along with.
<!-- If you're eager to skip the reading, head straight to the [hands-on quickstart video](./introduction) in the next chapter for a beginner project walkthrough you can follow along with. -->
The fastest way to get started is to watch and follow along with the steps in the hands-on quickstart video:
<div class="video-embed aspect-16x9">
<img data-video-embed="7gjUhl_3X10" src="https://static.graphite.rs/content/learn/introduction/tutorial-1-vector-art-quickstart-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphite Tutorial 1 - Hands-On Quickstart" />
</div>
## Need help?

View File

@@ -8,9 +8,15 @@ order = 1
js = ["video-embed.js"]
+++
Before taking the time to read the coming chapters, let's build some context by jumping straight into a small project that you can follow along with. That way you will have a mental framework for the topics explained in the rest of this manual.
<!-- Before taking the time to read the coming chapters, let's build some context by jumping straight into a small project that you can follow along with. That way you will have a mental framework for the topics explained in the rest of this manual. -->
## A hands-on quickstart
Begin learning Graphite by watching the introductory tutorial videos below.
One is available now, and more will be released on a regular basis throughout early 2024.
## Tutorial series
### Video 1
<!-- You can follow along with this starter project either by watching the tutorial video or referencing the step-by-step breakdown. -->
@@ -18,6 +24,10 @@ Before taking the time to read the coming chapters, let's build some context by
<img data-video-embed="7gjUhl_3X10" src="https://static.graphite.rs/content/learn/introduction/tutorial-1-vector-art-quickstart-youtube.avif" onerror="this.onerror = null; this.src = this.src.replace('.avif', '.png')" alt="Graphite Tutorial 1 - Hands-On Quickstart" />
</div>
### Video 2
*Coming soon.*
<!-- TODO -->
<!-- - Video tutorial -->
<!-- - Step-by-step written form -->