React 32

Web에서 3D 그래픽 구현

Canvas API 웹에서 3D 그래픽을 구현하는 주요 기술 중 하나HTML의 요소를 이용, JavaScript로 픽셀 단위의 그래픽을 직접 그림(픽셀 조작)벡터 그래픽이 아닌 비트맵 기반으로 동작, 한 번 그린 후에는 별도로 다시 그려야 함 (자동 UI 갱신 X)→ 3D 좌표계에서 오브젝트 배치, 조명 설정, 렌더링 최적화, 충돌 감지 같은 요소를 고려한 복잡한 3D 그래픽을 구현WebGL과 함께 사용하면 GPU 가속을 활용한 3D 그래픽 가능  html  "> → 쉽게 3D그래픽을 다룰 수 있도록 도와주는 라이브러리들 (자동으로 WebGL 컨텍스트를 생성하고 렌더링을 관리)three.jsJavaScript 기반의 3D 그래픽 라이브러리WebGL을 쉽게 사용할 수 있도록 도와줌@react-three/..

R3F

요새 가지고 노는 👾 ♥︎  https://r3f.docs.pmnd.rs/getting-started/introduction Introduction - React Three FiberReact-three-fiber is a React renderer for three.js.r3f.docs.pmnd.rs React-Native를 react입문으로 뭐 더 해볼거 없나 라이브러리, 프레임워크 뒤지다가 선생님이 추천해준 React.js, Zustand, ReactThreeFiber 등등 딴건 맛만 보고(특히 Zustand같은 상태관리 어쩌고 이런건 진짜 싫었다. useReducer부터 뭐 어쩌라고 였는데...Redux에 데이고.. Zustand는 그냥.. 보고싶지 않아 😞 하지만 언젠간 할거다. 필요하면....

728x90