Gemma-4-26b-a4b가 Three.js 코딩을 한 번에 해내는 거 다들 봄?
Anybody else noticing how good gemma-4-26b-a4b is with one-shotting three.js?
핵심 요약
Gemma-4-26b-a4b 모델을 활용해 Three.js 코드를 자동으로 생성하고 테스트하는 파이썬 도구에 대한 공유.
- 자동 생성 도구 — 파이썬으로 80여 개의 Three.js 프롬프트를 순환하며 HTML 코드를 자동 생성하고 테스트함.
- Gemma 모델 성능 — 26B 모델이 복잡한 Three.js 시각 효과를 한 번의 프롬프트로 정확하게 구현함.
- 데모씬 활용 — 생성된 결과물을 아카이빙하여 마치 데모씬 영상을 루프 재생하듯 감상함.
- 창의적 확장 — 기존 효과를 바탕으로 AI가 새로운 데모 아이디어를 창의적으로 설계하도록 유도함.
이런 프롬프트들을 순환시키는 작은 파이썬 앱을 만들었어:
|Single HTML file using three.js from CDN. A central rotating MeshNormalMaterial torus knot. Place a bright Sprite (AdditiveBlending, soft circular canvas texture) at a position projected to screen, and 6 smaller sprites along the line from that position to screen center, each with different sizes/tints. Update positions each frame.|
80개 정도의 작은 프롬프트가 담긴 .csv 파일이 있어서 순환하게 만들었어. 코드를 가상 터미널 창에 작성하고, 필요하면 충돌을 감지한 뒤 완성된 html 파일을 보여주고 아카이브해. 가지고 놀기 진짜 재밌어. 위에 있는 링크는 정적 데모고, 깃허브 페이지는 여기야 https://github.com/RowanUnderwood/auto_demo_scener 따로 고른 건 없어서 아카이브에 죽은 코드도 몇 개 섞여 있을 수 있음 :D






