본문 바로가기

728x90
반응형

공부일지/Three.js

Three.js 공부하기 3D 큐브 만들기 안녕하세요. 에디터M입니다. 저번시간에 만든 2D 큐브를 3D큐브로 변경하는 작업을 이어 포스팅 해보려고 해요. 이전 포스팅을 못 보신 분들은 참고 부탁드려요. Three.js 공부 하기 : Three.js 알아보기 안녕하세요. 에디터M입니다. 오늘은 어제에 이어서 Three.js 공부하기 Three.js 알아보기 포스팅을 해볼께요. 먼저 Three.js가 무엇인지 알아볼까요? Three.js 란? Three.js는 웹 기반 3D 그래픽을 생성하고 min-webstory.tistory.com Three.js 공부 하기 : Three.js 심화 학습 안녕하세요. 에디터M입니다. 오늘은 어제에 이어서 Three.js 공부하기 3D 큐브 만들기 해볼게요. 혹시 이전 내용을 못 보신 분들은 이전 내용을 보고 오.. 더보기
Three.js 공부 하기 : Three.js 심화 학습 안녕하세요. 에디터M입니다. 오늘은 어제에 이어서 Three.js 공부하기 3D 큐브 만들기 해볼게요. 혹시 이전 내용을 못 보신 분들은 이전 내용을 보고 오시는 걸 추천드려요. 2023.07.12 - [공부일지/Frontend] - Three.js 공부하기 : Three.js 알아보기 Three.js 공부 하기 : Three.js 알아보기 안녕하세요. 에디터M입니다. 오늘은 어제에 이어서 Three.js 공부하기 Three.js 알아보기 포스팅을 해볼께요. 먼저 Three.js가 무엇인지 알아볼까요? Three.js 란? Three.js는 웹 기반 3D 그래픽을 생성하고 min-webstory.tistory.com 2023.07.11 - [공부일지/Frontend] - Three.js 공부 하기 : W.. 더보기
Three.js 공부 하기 : Three.js 알아보기 안녕하세요. 에디터M입니다. 오늘은 어제에 이어서 Three.js 공부하기 Three.js 알아보기 포스팅을 해볼께요. 먼저 Three.js가 무엇인지 알아볼까요? Three.js 란? Three.js는 웹 기반 3D 그래픽을 생성하고 렌더링하기 위한 JavaScript 라이브러리입니다. 이 라이브러리는 WebGL을 기반으로 작동하며, 웹 브라우저에서 3D 그래픽을 만들고 보여주는 것을 쉽게 할 수 있습니다. Three.js는 3D 모델링, 애니메이션, 조명, 재질 등 다양한 기능을 제공합니다. 이를 통해 사용자는 웹 페이지에 실시간 3D 시각화를 구현하고, 상호작용성을 높이고, 3D 콘텐츠를 사용자에게 전달할 수 있습니다 . Three.js는 여러 가지 요소를 사용하여 3D 공간을 구성합니다. 씬(Sc.. 더보기
Three.js 공부 하기 : WebGL 알아보기 안녕하세요. 오랜만에 돌아온 에디터M 입니다. 최근에 Three.js에 관심이 생겨서 검색해보고 개인적인 일들이 있어서 몇주 동안 블로그를 포스팅 하지 못했네요. 요즘 장마라서 기분도 별로 좋지 않더라고요. 전 비가 오면 밖에 나가기도 싫어서... 개인적인 이야기는 여기 까지 하고 오늘은 Three.js의 기본 뼈대인 WebGL에 대해 알아 볼게요. 저도 지금 혼자서 공부하고 있는 수준이라 실수 하는 부분도 있는데 잘못 된 부분 댓글로 부탁드려요. WebGL 이란?? WebGL은 웹 브라우저에서 2D 및 3D 그래픽을 렌더링하기 위한 JavaScript API입니다. WebGL은 WebGL 1.0과 WebGL 2.0 두 가지 버전이 있으며, 모두 웹 브라우저에서 하드웨어 가속 그래픽을 사용하여 고품질의 .. 더보기

728x90
반응형