본문 바로가기 메뉴 바로가기

굴러가유...

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

굴러가유...

검색하기 폼
  • 분류 전체보기 (30)
    • 프로그래머스 (15)
      • 난이도 1 (1)
      • 난이도 2 (10)
      • 난이도 3 (4)
      • 난이도 4 (0)
    • 사이드프로젝트 (1)
      • Calendar + todolist (1)
    • 3D 웹 만들기 (2)
      • THREE.js (2)
    • 개발 (10)
      • javascript (4)
      • react (4)
      • react-native (0)
      • node (1)
      • css (0)
      • github (1)
    • 2직 (1)
    • 일상... (1)
  • 방명록

3D 웹 만들기 (2)
[THREE.js] 화면에 100개의 Mesh 를 뿌려보자!

안녕하세요!! 오늘은 THREE.js를 사용해서 화면에 100개의 Mesh를 랜덤하게 뿌려보는 소스를 작성해보려고 합니다. 강의를 통해 많이 배우긴 했지만.. 너무 내 지식이 아닌 것 같아서.. 다시 듣는 중이랍니다. 오늘은 간단하게 THREE.js를 사용, 똑같은 Mesh를 100개 만들어 x, y, z 값만 랜덤하게 배정하는 것을 해볼 것입니다! index.html 우리는 box.js를 불러와 사용할 것으로, src설정, type='module'로 불러옵니다. 로컬에서 테스트를 하기 위해선 vscode의 extensitions에서 liveserver 를 설치하는것을 권장합니다! // index.html box.js 기본 설정을 진행해야 합니다. 우리는 THREE.js와 OribitControl을 사용..

3D 웹 만들기/THREE.js 2022. 12. 17. 01:39
[THREE.js] three.js 살짝 맛보기 기초 #1

안녕하세요! 오늘은 자바스크립트를 사용해서 three.js의 기초를 살짝 맛보려고 합니다. three.js는 3D웹을 만드는 데 사용하는데요, 소스도 올려둘 테니 한번 다운받아 사용해 보시면 더 좋은 경험이 될 것입니다. 깃허브 소스보기 three.js 맛보기 three.js 의 기본 설정 (렌더, 씬, 카메라, 메쉬, 애니메이션, 리사이징) 에 대한 기본적인 소스를 공유하기 위해 만들어진 페이지입니다. html 의 canvas? 일종의 도화지라 생각하면 된다. 도화지의 크기는 window.innerWidth 와 window.innerHeight 의 크기로 설정을 한다. THREE.WebGLRenderer ? const renderer = new THREE.WebGLRenderer({ canvas, an..

3D 웹 만들기/THREE.js 2022. 11. 27. 22:34
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 우아한 비동기
  • 프로그래머스
  • ErrorBoundary
  • 깃허브 계정 삭제
  • 나도이직시켜주세요...
  • 자바스크립트
  • mac 깃허브 계정 변경
  • terminal 깃허브 계정 변경
  • 유연한 컴포넌트
  • 난이도3
  • Effective Component
  • THREE.js 랜덤
  • JavaScript
  • 리액트
  • javascript THREE.js
  • 코딩테스트
  • 난이도2
  • three
  • mac os 깃허브 계정 변경
  • 터미널 깃허브 계정 변경
  • Three.js
  • 자바스크립트 three.js
  • 프로그래머스난이도3
  • 깃허브 계정 변경
  • 프로그래머스 js
  • 깃허브 mac
  • react
  • JS
  • react.suspense
  • react.errorboundary
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바