# ThreeJS
[THREEJS] localStorage에 image(base64)저장하기
threejs에서 GLB/GLTF에 Texture로 내가 원하는 이미지 파일을 넣은 뒤 localStorage에 저장하고 해당 페이지에 다시 접속 했을 때 해당 이미지가 Texture로 저장이 안됨localStorage에 저장하는 방법localStorage에서 불러오는
threejs (5)
대상 주위를 살필 수 있음부드럽게 움직이게 하거나 확대/축소에 대한 최솟값 등도 설정 가능함변경사항을 적용하려면 얘도 마찬가지로 update() 를 호출해줘야함FlyControls
threejs(4)
카메라가 대상 주위를 선회할 수 있음마우스로 카메라를 돌리면서 대상 여기저기 살필 수 있음, 확대 축소도 가능BoxGeometry(https://threejs.org/docs/?q=box- 공식 문서의 각 Geometry 별 설명 페이지에 가보면 예시 화면에C
threejs(3)
이번엔\~~ transform 학습3D 벡터를 나타내는 클래스 3D 공간의 한 점 (x, y, z 값을 갖는다.)Scene Graph 를 이용하여 그룹화하기Mesh 들을 그룹화 함 (예를들어 로봇의 몸+팔+다리 를 하나로~)태양계자세히 보면 각각 자기가 돌면서 + 그룹
threejs(2)
이번에도 기본 사용법 익히기 위주장면의 모든 개체를 동일하게 비춤방향이 없는 빛으로 그림자를 드리울 수는 없음약간 필터 느낌인가보다. 🤔DirectionalLight 만 있을 때BeforeAmbientLight 도 적용 했을 때After3개의 축을 시각화하는 축 개체
ThreeJs+React로 마인크래프트 만들기 번역(by Daniel Bark from freeCodeCamp) - Cubes
마인크래프트 블록을 설치해보자
ThreeJs+React로 마인크래프트 만들기 번역(by Daniel Bark from freeCodeCamp) - Player & input with Movement ...etc
Player 관련 요소 구현하기
ThreeJs+React로 마인크래프트 만들기 번역(by Daniel Bark from freeCodeCamp) - Textures and images & Ground
Texture와 Ground(usePlane) 구성하기
ThreeJs+React로 마인크래프트 만들기 번역(by Daniel Bark from freeCodeCamp) - Sky
Sky 및 광원 구성하기
ThreeJs+React로 마인크래프트 만들기 번역(by Daniel Bark from freeCodeCamp) - 소개
소개 및 라이브러리 간단 설명
React에서 Threejs 사용 기록 📐
1. Three.js 공식 홈페이지에서 한글 설명을 지원하기 때문에 다른 공식문서에 보기 편했다. 시작전 한번 살펴보고 오자! https://threejs.org 설치 나는 설치하지 않고 examples에서 필요한 파일을 뽑아썼다. 기본 3요소 scene ca
React - Threejs 3D 웹사이트를 만들어보자
Three.js 란? 웹에서 3d를 구현할 수 있는 자바스크립트 라이브러리입니다. > Three.js 를 사용한 페이지 https://github.com/home 깃허브 https://eyes.nasa.gov/apps/mars2020/#/home 나사 https://
Three.js로 3D 웹 쉽게 구현하기
들어가며 왜 관심을 가지게 되었나 학교를 (드디어) 졸업했다. 요즘은 그 동안 해보고 싶었던 개발을 마음껏 하면서 시간을 보내고 있다. 최근 노코드 툴을 사용한 게임 개발을 마치고, JS와 관련된 무언가를 해보고 싶었던 참에 회사 동료분께서 한 사이트를 공유해 주셨
three.js 정리
예전에 학교다닐때 졸업작품으로 opengl 을 사용해서 프로젝트를 진행한 적이 있었는데... 그때 생각이 나서 인프런 Three.js 강의 를 들으면서 정리하고 웹게임을 만들어 볼려고 한다.