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

굴러가유...

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • 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 (1)
[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
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • ErrorBoundary
  • 터미널 깃허브 계정 변경
  • javascript THREE.js
  • 프로그래머스난이도3
  • 난이도2
  • 리액트
  • three
  • mac os 깃허브 계정 변경
  • 깃허브 mac
  • 나도이직시켜주세요...
  • 프로그래머스 js
  • JavaScript
  • 코딩테스트
  • THREE.js 랜덤
  • 자바스크립트
  • 깃허브 계정 삭제
  • 우아한 비동기
  • react
  • react.suspense
  • 깃허브 계정 변경
  • Effective Component
  • 자바스크립트 three.js
  • 유연한 컴포넌트
  • Three.js
  • 프로그래머스
  • terminal 깃허브 계정 변경
  • 난이도3
  • JS
  • react.errorboundary
  • mac 깃허브 계정 변경
more
«   2025/06   »
일 월 화 수 목 금 토
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
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바