TL;DR

  • Three.js 기반 PolyForest Particle Editor에 자연어로 효과를 편집하는 AI 모드가 추가돼 미리보기를 보며 변경 내용을 확인할 수 있음.
  • AI 어시스턴트는 Anthropic 또는 OpenAI API 키를 사용하며, 키는 제공자 확인 후 암호화해 서버에 저장되고 브라우저로 다시 전송되지 않음.
  • 어시스턴트가 현재 열려 있는 효과를 인식하므로 “불꽃을 파란색으로 페이드아웃해” 같은 요청을 화면의 효과에 적용함.
  • 효과 생성·복제·이름 변경·삭제, 이미터와 타임라인 편집, 머티리얼과 지오메트리 설정, 텍스처 제작과 라이브러리 추가를 수행함.
  • 편집 과정의 각 단계가 채팅에 표시되며, 에디터는 취미 프로젝트로 유지보수가 보장되지는 않음.

PolyForest Particle Editor의 AI 모드

  • PolyForest Particle Editor는 수년 전 만든 웹 앱으로, 2016년 제작한 Kotlin 멀티플랫폼 OpenGL/WebGL 프레임워크용 도구에서 출발함.
  • 해당 프레임워크는 오래전에 중단됐으며, 최근 polyforest.com 웹사이트와 에디터를 모두 Three.js로 포팅함.
  • 에디터는 취미로 진행하는 사이드 프로젝트이므로 계속 유지보수할 것을 약속할 수는 없지만, 사용자가 늘수록 개선할 동기가 커짐.
  • 생성형 AI(GenAI) 환경에서 효과를 직접 만드는 일이 번거롭고 시간이 많이 든다고 느껴 AI 어시스턴트를 제작함.
  • AI 어시스턴트는 Anthropic 또는 OpenAI API 키로 작동하며, 에디터는 Kotlin 버전에서 포팅한 three-particles 런타임 라이브러리를 사용함.

API 키 직접 사용

  • AI 모드는 사용자의 Anthropic 또는 OpenAI API 키로 작동함.
  • 계정 메뉴의 AI Assistant 항목에 키를 입력하면 제공자 측에서 키를 확인한 뒤 암호화해 서버에 저장함.
  • 키는 브라우저로 다시 전송되지 않으며, 언제든 삭제할 수 있음.

현재 효과를 인식하는 어시스턴트

  • 채팅 패널은 미리보기 옆에 고정되므로 효과가 변경되는 동안에도 미리보기를 계속 볼 수 있음.
  • 어시스턴트는 현재 열려 있는 효과를 확인하므로 “불꽃을 파란색으로 페이드아웃해” 같은 요청을 화면에 표시된 불꽃에 적용함.

수행 가능한 작업

  • 어시스턴트는 에디터와 동일한 작업을 수행함.
  • 효과 생성, 복제, 이름 변경, 삭제
  • 이미터와 타임라인 추가 및 편집
  • 머티리얼과 지오메트리 설정
  • 새 텍스처 제작 및 텍스처 라이브러리에 추가
  • 각 작업 단계가 진행되는 대로 채팅에 표시됨