GPU.js - GPU를 사용한 애니메이션 라이브러리

Web 브라우저상에서 3D를 때굴 때굴하게 움직이는 것 같은 애니메이션을 만드는 경우 

WebGL을 사용할  때

기본으로 처리에서도 GPU를 사용하는 것이 효율적입니다. 

하지만 GPU를 사용하여 어떻게 처리를하면 좋은 것인지 모르는 것입니다 

그래서 사용해보고 싶은 것이 GPU 기반의 라이브러리입니다. 

이번에는 애니메이션 라이브러리로 GPU.js을 소개합니다.

GPU.js 사용법

 GPU.js을 사용한 예입니다. 

Canvas가 4 개로 나누어 져있어 각각이 연계하여 애니메이션하고 있습니다

실제 움직임입니다. 60fps로 제공됩니다.

그리드와 공크기를 증감할 수 있습니다.

GPU.js를 사용하지 않는 CPU에서 연산 모드도 있는데 움직임이 매우 느립니다. 

Web에서 부드러운 애니메이션 처리를 실현하고 싶을 때 꼭 체크하십시오. 

GPU.js는 JavaScript로 만든 오픈 소스 소프트웨어 (ISC License)입니다.

gpu.js - GPU Accelerated JavaScript

gpujs/gpu.js: GPU Accelerated JavaScript