Login
Discover
Waves
Communities
Write
Login
Signup
femdev
@femdev
65
Software developer from Antwerpen. When I am not coding I am cycling along the Schelde or hunting for the best koffiekoeken in town. She/her.
Followers
80
Following
17
Follow
Email digest
Resource Credits
Available
Used
Location
Antwerpen, Belgium
Created
2018-01-31 21:13
RSS Feed
Subscribe
Posts
Blog
Posts
Comments
Communities
Wallet
femdev
StemSocial
5M
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
$ 0.159
11
1
femdev
StemSocial
5M
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
$ 0.158
9
1
femdev
StemSocial
5M
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
5M
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
5M
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
5M
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
5M
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
5M
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
5M
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
5M
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
5M
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
5M
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
5M
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
5M
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
5M
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
5M
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
5M
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
femdev
StemSocial
6M
Learn Creative Coding (#19) - Sound-Reactive Visuals
Learn Creative Coding (#19) - Sound-Reactive Visuals Last episode we gave our particles mass. Springs that overshoot and settle, friction that makes things slide, flocking boids that self-organize into
femdev
StemSocial
6M
Learn Creative Coding (#18) - Physics Lite: Springs, Friction, and Flocking
Learn Creative Coding (#18) - Physics Lite: Springs, Friction, and Flocking Last episode we gave our sketches memory with state machines -- different modes, transitions between them, timeline sequencing.
← Latest
Older →