MotionVideo.me2008
한국어

Five hundred 2D canvas visualizations in vanilla JavaScript

Five hundred 2D canvas visualizations in vanilla JavaScript — @mhmazur의 Opus 5.5 작품. 영상과 크리에이터의 원본 게시물에서 작품의 배경을 확인하세요.

1:00 · 85 좋아요 · 수집 당시 데이터 · 7.2K 조회수 · 수집 당시 데이터

크리에이터 게시물

크리에이터 게시물과 원래 작품 제목은 원문으로 유지합니다.

I asked Claude Opus 5.5 to generate 500 examples of visualizations you can create with nothing but the HTML <canvas> element, and it happily obliged: https://t.co/O3zPhJEDQs What's mind-blowing about them is that none use Three.js, WebGL, or any library at all. Claude Code created every one in vanilla JavaScript and a 2D canvas: from archival bubble-chamber film of particle collisions and a physically modeled throat that sings vowels to a garden spider spinning its orb web, a dial-up modem screeching through its handshake, and everything in between. Each visualization also includes a prompt you can copy and paste into Claude Code or Codex to build your own version and take it further. You can even favorite the ones you like so you can quickly find them again later. Claude estimates that about half of the gallery is classic demos or well-known algorithms that many people have built before, 35-40% is real science, math, or algorithms that rarely show up as interactive demos, and 10-15% is concepts that are "genuinely ours." Opus, with the help of a voice from ElevenLabs, also made the 60-second launch video below. I've barely scratched the surface of exploring them all, so let me know if you find any that stand out!

출처에서 프롬프트 공유로 표시한 게시물입니다. 자세한 내용은 원본 게시물을 확인하세요.

원본 게시물 ↗

제목, 게시물, 스타일을 검색하세요. Enter를 눌러 결과를 확인하세요.