직접 돌아가는 모습이 보고 싶어서 만든 것들.
스튜디오에서 만든 데모와 무료 도구입니다. 여기 있는 모든 것은 고객님의 브라우저에서, 고객님의 하드웨어로 실행됩니다. 자유롭게 사용하고 공유하십시오. 제품에 맞게 만들고 싶으시면 연락 주십시오.
무료 도구
WebGPU 확인
고객님의 브라우저와 GPU가 WebGPU를 실행할 수 있는지, 어떤 기능과 한계가 있는지, 이 기기에서 3D 제품 페이지가 어떻게 동작할지를 1초 안에 알려 드립니다.
WebGPU · WebGL 2 · 무료 도구02GLSL 플레이그라운드
저희의 레이마칭 셰이더를 실시간으로 편집할 수 있습니다. 숫자 하나를 바꾸면 표면이 바뀌는 것을 바로 볼 수 있습니다. 오류는 줄 번호와 함께 표시됩니다.
GLSL · Three.js · 무료 도구033D 모델 최적화 도구
glTF, GLB, OBJ 파일을 끌어다 놓으십시오. 삼각형 수, 텍스처, 재질, 메모리를 1초 안에 알려 드리고, 휴대폰에서 돌아가려면 무엇을 고쳐야 하는지도 함께 알려 드립니다. Go를 WebAssembly로 컴파일해 브라우저 안에서 분석하며, 아무것도 업로드되지 않습니다.
Go → WebAssembly · 무료 도구04같은 방
두 기기에서 같은 방 코드로 이 페이지를 여십시오. 커서와 공유 오브젝트가 저희가 직접 만든 시그널링 서버를 거쳐 WebRTC로 두 기기 사이를 실시간으로 움직입니다.
WebRTC · WebSockets · 무료 도구이 사이트에서 실행 중
매달 새로운 작품 하나를 추가합니다. 각 작품에는 작동 원리와 프레임당 비용을 짧게 정리한 글이 함께 실리고, 공개하기로 한 경우 소스도 함께 제공합니다.
140,000개의 점
홈페이지 히어로: GPU에서 계속 다른 형태로 변하다가 eORB 마크로 끝나는 파티클. 모두가 볼 수 있도록 WebGL로 만들었습니다.
Three.js · GLSL · 홈페이지에서 실행 중영상이 아닙니다. 셰이더입니다.
수백 줄의 GLSL로 매 프레임 계산되는 표면: 부호 거리 함수를 픽셀마다 레이마칭하며, 자체 프레임 레이트 표시가 있습니다.
GLSL · 홈페이지에서 실행 중만들고 싶은 것을 알려 주십시오.
엔지니어가 직접 읽고 몇 분 안에 고객의 언어로 답변합니다. 모든 프로젝트는 고정 가격의 2주 프로토타입으로 시작합니다.