@xingwangzhe/tags-cloud: 순수 수학으로 구축된 멀티모달 3D 태그 클라우드 엔진

GitHub: xingwangzhe/tags-cloud · Demo: tagscloud.needhelp.icu · npm: @xingwangzhe/tags-cloud · License: MIT · Version: v0.9.0

수학적 기초: 3D 렌더링의 세 기둥

@xingwangzhe/tags-cloud의 핵심에는 분포, 회전, 투영이라는 세 가지 수학적 연산이 있다.

피보나치 구 분포

$\phi_i = \arccos\left(-1 + \frac{2i + 1}{N}\right)$ $\theta_i = \sqrt{N\pi} \cdot \phi_i$

3D 회전

$R_y(\alpha) = \begin{pmatrix} \cos\alpha & 0 & \sin\alpha \\ 0 & 1 & 0 \\ -\sin\alpha & 0 & \cos\alpha \end{pmatrix}$

이중 렌더링 시스템: Canvas + DOM

Canvas 2D API(텍스트 + 이미지)와 DOM 오버레이(SVG + HTML + 비디오 + Web Components)의 하이브리드.

번들 크기