모델별 결과물 테스트 — 동일 프롬프트 · 원샷 생성 · 무편집 비교

5 models / 4 tasks / 20 artifacts

로컬 양자화 Qwen 4종과 Fable5에 같은 프롬프트를 주고, 생성된 코드를 손대지 않고 그대로 실행한다. 이 페이지의 모든 색은 장식이 아니라 모델 식별자다.

개요

README + 종합 지표

테스트는 4종 — 펠리컨(SVG 드로잉·공간 감각), 태양계(시뮬레이션·인터랙션), 테트리스(게임 로직·완성도), Boids(알고리즘·창발). 모든 결과물은 외부 의존성 없는 단일 파일이어야 한다. 이 비교 페이지 자체도 같은 규칙(웹폰트·라이브러리 0)으로 만들었다.

코드량 — 생성된 코드 줄 수

단위: lines · 괄호는 파일 크기 · 막대 스케일은 태스크 그룹별 · 짧다고 좋은 것도, 길다고 좋은 것도 아님 — 밀도의 차이

평균 디코딩 속도

단위: tokens/sec · Qwen 4종은 로컬 추론 실측 · *Fable5는 API 모델 — 외부 벤치마크(Artificial Analysis 72h P50) 참고치

01 · 펠리컨 테스트

SVG 드로잉 · 5 결과물

"자전거 탄 펠리컨"은 부리·몸통·바퀴·페달의 공간 관계를 코드만으로 그려야 하는 고전 벤치마크. 정적 SVG라 다섯 장을 그대로 나란히 볼 수 있다.

PROMPT › Write a self-contained SVG code that draws a pelican riding a bicycle.

02 · 태양계 시뮬레이터

HTML/Canvas · 5 결과물

애니메이션이 있는 결과물이라 미리보기는 실제 페이지를 축소해 렌더링한다. 실행 버튼을 누르면 로드되고, ⤢ 로 크게 볼 수 있다. 5개 모델 모두 8개 행성·궤도·줌·속도 조절을 구현했다 — 차이는 비주얼 완성도와 조작감에서 갈린다.

PROMPT › create single html file for solar system simulator

03 · 테트리스

게임 로직 · 5 결과물

게임은 "동시에 보기"와 "직접 플레이"를 분리했다. 미니어처로 다섯 판을 나란히 띄워 렌더링·레이아웃을 비교하고, 플레이는 ⤢ 확대 화면에서 — 클릭해 포커스를 준 판만 키보드 입력을 받는다. 완성도 비교는 아래 기능 체크리스트로.

PROMPT › Write a fully playable Tetris game in a single .html file using vanilla JS and HTML5 Canvas, with no external dependencies.

✓/– 는 소스 코드 키워드 기반 자동 검출(휴리스틱) 결과로, 실제 동작과 다를 수 있음.

04 · Boids 새떼 시뮬레이션

알고리즘·창발 · 5 결과물

분리·정렬·응집 세 규칙만으로 새떼의 창발적 움직임이 나오는지 보는 테스트. 5개 모델 모두 3규칙 슬라이더를 구현했다 — 차이는 움직임의 자연스러움과 디테일에서: Flash-Next만 일시정지 지원, Fable5만 잔상(trail) 없음, 35B-A3B만 공간 분할 최적화 없음.

PROMPT › single html file: flocking boids simulation with separation/alignment/cohesion sliders