Login
Discover
Waves
Communities
Raidstead
Write
Login
Signup
Topics
#
creativecoding
Explore topics
#creativecoding
Global
Trending
Hot
New
Payout
Muted
Promoted
#creativecoding
New
#creativecoding
Follow to get notified about new posts with this tag
Get #creativecoding by email
Follow
femdev
StemSocial
6M
Learn Creative Coding (#39) - Raymarching: Boolean Operations and Morphing
Learn Creative Coding (#39) - Raymarching: Boolean Operations and Morphing Last episode we built our first raymarched 3D scenes. A sphere on a ground plane, lit with Lambertian diffuse, orbiting cameras,
$ 0.168
13
1
1
femdev
StemSocial
6M
Learn Creative Coding (#38) - Raymarching: 3D Worlds from Math
Learn Creative Coding (#38) - Raymarching: 3D Worlds from Math Everything we've done in shaders so far has been flat. Beautiful, sure -- noise landscapes, feedback spirals, color palettes, signed distance
$ 0.159
13
1
femdev
StemSocial
6M
Learn Creative Coding (#37) - Color Manipulation in Shaders
Learn Creative Coding (#37) - Color Manipulation in Shaders Way back in episode 7 we explored color theory -- hue, saturation, lightness, complementary harmonies, analogous palettes. We mixed colors in
femdev
StemSocial
6M
Learn Creative Coding (#36) - Shader Feedback Loops and Trails
Learn Creative Coding (#36) - Shader Feedback Loops and Trails Every shader we've written so far has been stateless. Each frame starts fresh. The fragment shader runs, every pixel gets a color based on
femdev
StemSocial
6M
Learn Creative Coding (#35) - Noise on the GPU
Learn Creative Coding (#35) - Noise on the GPU Back in episode 12 we built Perlin noise from scratch in JavaScript. We wrote the permutation table, the gradient vectors, the fade function, the interpolation.
femdev
StemSocial
6M
Learn Creative Coding (#34) - Shader Patterns: Stripes, Grids, and Repetition
Learn Creative Coding (#34) - Shader Patterns: Stripes, Grids, and Repetition Last episode we drew circles, boxes, rounded rectangles, and weird blobby eye things using signed distance functions. We had
femdev
StemSocial
6M
Learn Creative Coding (#33) - Drawing Shapes with Signed Distance Functions
Learn Creative Coding (#33) - Drawing Shapes with Signed Distance Functions Last episode we built the bridge between JavaScript and GLSL -- uniforms. Resolution, time, mouse position. The three values
femdev
StemSocial
6M
Learn Creative Coding (#32) - Shader Uniforms and Time
Learn Creative Coding (#32) - Shader Uniforms and Time Back in episode 21 we had our first taste of shaders -- compiled a fragment shader, drew a gradient, made some concentric rings chase the mouse around.
femdev
StemSocial
6M
Learn Creative Coding (#31) - Creative Coding as a Practice
Learn Creative Coding (#31) - Creative Coding as a Practice Thirty episodes. We went from "what is a canvas?" to building mint-ready generative NFT collections with seeded PRNGs, composition
femdev
StemSocial
6M
Learn Creative Coding (#30) - Mini-Project: Generative NFT Collection
Learn Creative Coding (#30) - Mini-Project: Generative NFT Collection This is it. The big one. Everything from Phase 4 -- seeds, composition, typography, texture, color palettes, blockchain output -- comes
femdev
StemSocial
6M
Learn Creative Coding (#29) - Building for the Blockchain: Output as SVG and PNG
Learn Creative Coding (#29) - Building for the Blockchain: Output as SVG and PNG We've spent this whole phase building a generative art toolkit. Seeded randomness in episode 24, composition algorithms
femdev
StemSocial
6M
Learn Creative Coding (#28) - Color Palettes from Data and Algorithms
Learn Creative Coding (#28) - Color Palettes from Data and Algorithms We covered color theory back in episode 7. RGB, HSL, complementary colors, the 60-30-10 rule. That was foundations. But for generative
femdev
StemSocial
6M
Learn Creative Coding (#27) - Texture and Depth: Paper, Grain, and Hatching
Learn Creative Coding (#27) - Texture and Depth: Paper, Grain, and Hatching Digital art often looks too clean. Too perfect. You generate a gorgeous composition with your seed system from episode 24, lay
femdev
StemSocial
6M
Learn Creative Coding (#26) - Generative Typography
Learn Creative Coding (#26) - Generative Typography Letters are shapes. Fonts are systems of shapes. And when you treat typography as raw visual material rather than just "text to read," incredible
femdev
StemSocial
6M
Learn Creative Coding (#25) - Composition Algorithms: Rule-Based Design
Learn Creative Coding (#25) - Composition Algorithms: Rule-Based Design Last episode we built the seed toolkit -- mulberry32 PRNG, utility functions for picking, shuffling, weighted choices, gaussian
femdev
StemSocial
6M
Learn Creative Coding (#24) - Seed-Based Art: Reproducible Randomness
Learn Creative Coding (#24) - Seed-Based Art: Reproducible Randomness Last episode we talked about what makes art generative -- the spectrum between order and chaos, thinking in layers, constraints as
femdev
StemSocial
6M
Learn Creative Coding (#23) - What Makes Art "Generative"?
Learn Creative Coding (#23) - What Makes Art "Generative"? Welcome to Phase 4. We've spent 22 episodes building a toolkit -- particles, noise, physics, shaders, audio reactivity, recording,
femdev
StemSocial
6M
Learn Creative Coding (#22) - Mini-Project: Audio Visualizer
Learn Creative Coding (#22) - Mini-Project: Audio Visualizer Phase 3 finale. We've learned easing, state machines, physics, audio analysis, recording, and shaders. Time to smash the best parts together
femdev
StemSocial
6M
Learn Creative Coding (#21) - Shaders: A First Taste of GLSL
Learn Creative Coding (#21) - Shaders: A First Taste of GLSL Everything we've built so far in this series runs on the CPU. Every pixel we've drawn, every particle we've simulated, every noise value we've
femdev
StemSocial
6M
Learn Creative Coding (#20) - Recording and Exporting: GIF, PNG Sequence, Video
Learn Creative Coding (#20) - Recording and Exporting: GIF, PNG Sequence, Video You've built some beautiful things over the last ten episodes. A particle galaxy that reacts to your mouse. Physics simulations
← Latest
Older →
Discover communities
Explore communities
Create your community