Edited procedural.mdx #13
Conversation
| - **Normalized Time;** A value between `0.0` (start of animation) and `1.0` (end of animation). | ||
|
|
||
|
|
||
| <a style={{textDecoration: "none"}} href="/docs/usage/node-graph/nodes/animation/time"><Node data={{ |
There was a problem hiding this comment.
Spacing is missing there and bullet points have wrong intendation
There was a problem hiding this comment.
I am not sure I get this. I do not understand the spacing part.
For the bullets, if you're referring to "Active frame" and "Normalized Time", then they should be indented since they're sub-bullets and the main bullet is "Time Node."
There was a problem hiding this comment.
Ah right, I didn't notice the bullet types. It's fine.
By spacing I mean missing
between a bullet and a node visual
| ## Creating a more complex procedural animation | ||
| You can chain multiple nodes together to create advanced effects. Here’s a breakdown of a Rotation and Scale animation workflow: | ||
|
|
||
| 1. Get the animation time (0 to 1 range) using the tiem node. |
There was a problem hiding this comment.
type: "tiem" on step 1.
Also spacing between points is too big, you can use Steps component to make it more visually appealing
| Neat, isn't it? | ||
|
|
||
| Let's break down what happens here. | ||
| ## Creating a more complex procedural animation |
There was a problem hiding this comment.
Titles are inconsistent in wording and capitalization
| ## Key takeaways | ||
|
|
||
| - Procedural animations give you fine control over timing and transitions. | ||
| - Experimentation is key. Try combining nodes in creative ways. | ||
| - The more comfortable you get with nodes, the faster you can create unique, dynamic effects. | ||
|
|
||
| <br/> | ||
|
|
||
| <video src={bopVideo} muted autoplay loop/> | ||
| ## Further learning | ||
| To learn more: | ||
| - (<a href="/docs/usage/node-graph/nodes/animation/easing">Easing</a>) | ||
| - (<a href="/docs/usage/node-graph/nodes/animation/time#normalized-time">Normalized time</a>) | ||
| - (<a href="/docs/usage/node-graph/property-sockets/#-matrix3x3">Matrix</a>) |
There was a problem hiding this comment.
Unnecessary <br/> between Key takeaways and Further learning.
Additioanlly adding ( and ) on each bullet point looks weird
There was a problem hiding this comment.
Oh. I forgot to remove those parentheses. I'll do that
| - Experimentation is key. Try combining nodes in creative ways. | ||
| - The more comfortable you get with nodes, the faster you can create unique, dynamic effects. | ||
|
|
||
| <br/> |
There was a problem hiding this comment.
Unnecessary <br/> between sections
| 2. Use the **Normalized Time** output to track animation progress. For example, in a 2-second animation, the normalized time at 1 second is **0.5**. | ||
|
|
||
| Will produce | ||
| <br/> |
There was a problem hiding this comment.
Unnecessary <br/> between sections
There was a problem hiding this comment.
If you create a heading it automatically creates spacing, adding a <br/> just before a heading makes too much empty space.
There is no hard rule to placing
, it all boils down to how it looks.
| Without these, you'll have a hard time animating. | ||
| Procedural animation refers to animations that are generated based on logic and input parameters. It's important to not confuse this with generative AI (such as ChatGPT), as those make use of prompts instead. | ||
|
|
||
| <br/> |
There was a problem hiding this comment.
Unnecessary <br/> between sections
| It's an animation that is generated based on ~~prompts~~, ha, no it's not. | ||
|
|
||
| Do not confuse procedural animation with generative AI. The effect is 100% based on logic and input parameters, not a black box. | ||
| <br/> |
There was a problem hiding this comment.
Unnecessary <br/> between sections
|
I can see how my style was a little hard on the reader, overall I like the changes. You just need to improve a few minor styling adjustments |
|
I wasn't able to preview locally; I kept running into errors. But I tried working on this again following your guides. Do let me know if I need to make any other corrections.
|
I intend to make a loom video explaining my thought process on why I chose to work on the page. I intend to add that to my portfolio. Is that allowed? |
|
You are missing About the loom video, sure, I don't see any problems with that |
2 participants
Made changes to procedural.mdx in these areas: