쓰리제이에스

쓰리제이에스는 웹 브라우저 안에서 회전하는 지구본이나 출렁이는 물결 같은 입체적인 3D 장면을 그릴 수 있게 해주는 도구 모음이다. 원래 브라우저에 3D를 그리려면 복잡한 저수준 그래픽 명령어를 하나하나 다뤄야 하는데, 쓰리제이에스는 이 과정을 미리 손질된 부품처럼 정리해 개발자가 조립만 하면 되게 만들어준다. 목공에 비유하면 나무를 직접 베어 각목으로 다듬는 대신, 이미 규격에 맞게 잘린 목재를 사서 가구를 짜는 것과 비슷하다.

최근에는 AI 모델에게 코드를 짜 달라고 요청할 때 쓰리제이에스가 자주 등장한다. 사람이 직접 그래픽 코드를 짜는 대신, AI에게 원하는 장면을 문장으로 설명하면 AI가 쓰리제이에스 코드를 대신 작성해주는 식이다. 그래서 두 AI 모델의 실력을 비교할 때 흔히 쓰는 시험 문제 중 하나가 바로 이 도구로 특정한 3D 장면을 코딩해보라는 과제다.

기사에서는 "Three.js로 물 시뮬레이션을 만들어라"처럼 AI 모델에게 낸 코딩 과제의 소재로 등장한다. 여기서 쓰리제이에스 자체가 AI는 아니며, AI가 그 결과물(웹 페이지에서 돌아가는 3D 그래픽 코드)을 얼마나 잘 만들어내는지 확인하는 도구이자 채점 재료로 쓰였다는 점을 헷갈리지 않아야 한다.

AI 챗봇에게 아래 문장을 그대로 붙여넣고 결과를 웹 브라우저에서 열어 실제로 파동이 움직이는지 확인해볼 수 있다.

Create a Three.js water simulation. Requirements: Plane mesh with 512x512 subdivisions. Wave propagation simulation. Mouse click creates ripples. Multiple interacting waves. Real-time lighting. Everything in a single HTML file. No external libraries besides Three.js.

AI가 내놓은 답을 확장자 .html 파일로 저장한 뒤 더블클릭해서 열면, 코드 한 줄 몰라도 결과 화면을 눈으로 바로 확인할 수 있다.