Vanessa Freudenberg
LightNews LightNews
banner
codefrau.bsky.social
Vanessa Freudenberg
@codefrau.bsky.social
210 followers 130 following 25 posts
I design and implement interactive and collaborative systems:
Co-founder of Croquet.io • Chief Architect Multisynq.io • Creator of Squeak.JS.org • Formerly at Alan Kay’s groups (VPRI.org, CDG Labs, YCR HARC) • Dr (EngD) • German living in Los Angeles 🏳️‍🌈
Posts Replies Media Videos
codefrau.bsky.social
I spent an afternoon vibe-coding a multiplayer game with @multisynq.bsky.social and @threejs.org using Gemini Pro 2.5 – 100% AI coded, although I had to explain how to correct the errors. Zero server code, client-side multiplayer.

Live and source on @codepen.io:
codepen.io/codefrau/ful...
Multi-player 3D Asteroids using Three.js & Croquet vibe coded by Gemini
...
codepen.io
April 4, 2025 at 2:28 AM
codefrau.bsky.social
The docs are so pretty, OMG. Congrats!
animejs.com Anime.js @animejs.com · Apr 3
After 5 years in the making, I'm very happy to finally release Anime.js v4, my dream animation library:

🧩 New modular API
⚡️ Highly performant
🖱️ Scroll-linked animations
🫵 Draggables
↔️ Responsive
✨ Additive animations
🪽 WAAPI support

And so much more!

Check out the new website animejs.com!
April 3, 2025 at 5:39 PM
codefrau.bsky.social
You wouldn’t believe how long it took me to find my very obvious typo 🤦🏻‍♀️

The symptom was that the output looked red and white 🔴⚪️ when it was supposed to be rainbowey 🌈
#version 300 es in ivec2 xyIdIx; // position in upper 16 bits, id and index in lower 16 bits uniform vec2 screenScale; // half width/height of screen uniform float spotSize; // size of spot uniform uint colorIdx; // start of spots in display table out vec3 v_color; // color of spot vec3 hue(float h) { h = mod(h, 1.0); float r = abs(h * 6.0 - 3.0) - 1.0; float g = 2.0 - abs(h * 6.0 - 2.0); float b = 2.0 - abs(h * 6.0 - 4.0); return clamp(vec3(r, g, b), 0.0, 1.0); } void main() { ivec2 pos = xyIdIx >> ivec2(16, 16); // sign extend 16 bits to 32 uint idx = uint(xyIdIx.y & 65536); // 16 bit index if (idx < colorIdx) { float fraction = float(idx) / float(colorIdx); // map to [0, 1) v_color = hue(float(idx) / float(colorIdx)); // color by table index } else { v_color = vec3(1.0); // default: white } gl_Position = vec4(vec2(pos) / screenScale, 0.0, 1.0); gl_PointSize = spotSize * 512.0 / max(screenScale.x, screenScale.y); }
March 16, 2025 at 5:36 AM
codefrau.bsky.social
“in terms of program debugging difficulty the problem
was a lulu.”
— Ivan Sutherland (1963!), “Sketchpad,” pg. 76
In concept the edge detection problem is trivial. In terms of program time for lines and circles the problem is a small fraction of the total computational load of the system, but in terms of program debugging difficulty the problem was a lulu. For example, the computation of the intersection of a circle with any of the edges of the scope is easy, but computation of the intersection of a circle with all four edges may result in as many as eight intersections, same pairs of which maybe identical, the scope corners. Now which of these intersections are actually to be used as starts of circle arcs?
March 12, 2025 at 3:53 AM
codefrau.bsky.social
I figured out how to keep my fixed-aspect canvas centered but as-large-as-possible in pure CSS 🥳

(I didn’t want to use object-fit because it distorts JS event positions)

Try it here (resize the window or turn your phone) codefrau.github.io/Smalltalk78/...
#canvas { width: auto; height: 100%; } @media (max-aspect-ratio: 4/3) { #canvas { width: 100%; height: auto; } }
March 6, 2025 at 7:35 PM
codefrau.bsky.social
𝗖𝗼𝗱𝗲𝗳𝗿𝗮𝘂
𝘾𝙤𝙙𝙚𝙛𝙧𝙖𝙪
𝘊𝘰𝘥𝘦𝘧𝘳𝘢𝘶
CODEFRAU
ᴄᴏᴅᴇꜰʀᴀᴜ
ᶜᵒᵈᵉᶠʳᵃᵘ
ℭ𝔬𝔡𝔢𝔣𝔯𝔞𝔲
𝕮𝖔𝖉𝖊𝖋𝖗𝖆𝖚
𝙲𝙾𝙳𝙴𝙵𝚁𝙰𝚄
ᑕOᗪEᖴᖇᗩᑌ
𝓒𝓞𝓓𝓔𝓕𝓡𝓐𝓤

🅒🅞🅓🅔🅕🅡🅐🅤

🅲🅾🅳🅴🅵🆁🅰🆄

ⒸⓄⒹⒺⒻⓇⒶⓊ

🄲🄾🄳🄴🄵🅁🄰🅄
February 25, 2025 at 12:41 AM
codefrau.bsky.social
This is one of the many awesome projects you can play with at squeak.js.org/etoys/ which has the 2005 version of Etoys running on my virtual machine.

It’s in the Project Gallery (3rd row, 3rd item)
alexwarth.bsky.social Alex Warth @alexwarth.bsky.social · Jan 28
Logic Game, 2005.

I made this logic circuit simulator to learn Etoys, Alan Kay & co.'s programming language for kids. I represented the state of the wires and logic gates with their "costumes" -- there is no hidden state. This makes the behavior of the circuits visible.

1/3
January 28, 2025 at 9:01 PM
codefrau.bsky.social
Trying a new profile picture

www.instagram.com/p/CvqRxdlPGsg/
Selfie of me smiling into the camera with asymmetric, purple hair, matching purple lipstick and glasses, in a navy summer dress with small flower ornaments, a golden necklace with a V pendant sitting on a bench in front of an ivy-covered wall
November 28, 2024 at 11:37 PM
codefrau.bsky.social
Ohhhhh amazing list 😍
November 28, 2024 at 6:02 PM
codefrau.bsky.social
Thank you for this Award, and congrats to my co-authors! It’s been an incredible 10 years.

Check out SqueakJS at squeak.js.org
November 14, 2024 at 12:42 AM