[Live Demo Link] (https://diana-ou.github.io/hw00-intro-base/)
- Start learning Typescript and WebGL2
- Practice implementing noise
Coming fresh off of making mini-minecraft, I was looking to procedurally create a pixellated and unstable lava block.
On the site, you will have customization with the following controls:
- Shape: slider to change between cube, plane, and sphere view.
- Color: the primary base color of the lava block
- Secondary Color: the secondary glow color of the lava block
- Pixellation: the amount the blocks are "pixellated"
- Simple sine-based grow/shrinking + in-sync glow
- Random sine-based noise for the "shaking" of the vertices
- Used worley noise as the backing lava cell shaping & protrusions
- "Bucketed" sampling locations for pixellated effect
