[Three] 02. Scene

2025. 5. 10. 15:00·Frontend

Scene은 물체, 광원, 카메라 등 사용자들에게 보여질 모든 요소를 담는 배경공간입니다.

import * as THREE from 'three';

const scene = new THREE.Scene();

속성값

속성값 기능 입력값 기본값
background 전체적인 배경 색상 : THREE.Color(hex)

또는

텍스쳐  : THREE.Texture( )
null
backgroundBlurriness 배경 흐림 float (0 - 1) 0
backgroundIntensity 배경 텍스쳐의 세기 float 1
backgroundRotation 배경 회전 Euler (0, 0, 0)
environment 환경 매핑 THREE.Texture( ) null
environmentIntensity 환경 색상 세기 float 1
environmentRotation 환경 매핑 회전 Euler (0, 0, 0)
fog 안개 효과 THREE.Fog( ) null
isScene Scene 타입인지 여부 boolean  
overrideMaterial Scene 내의 모든 요소에 적용할 재질 THREE.Material( ) null

메소드

메소드 기능 매개변수 반환값
toJSON(meta) Scene을 JSON으로 변환 meta: Object  
add(obj) Scene에 요소를 추가 obj: Object  
728x90

'Frontend' 카테고리의 다른 글

[Three] 04. Renderer  (0) 2025.05.11
[Three] 03. Camera  (0) 2025.05.10
[Three] 01. Three.js 기본 구성 요소 - Renderer, Scene, Camera  (0) 2025.05.04
[Frontend] Zustand에 대해서  (0) 2025.04.14
[Fronted] 상태관리 라이브러리  (0) 2025.04.14
'Frontend' 카테고리의 다른 글
  • [Three] 04. Renderer
  • [Three] 03. Camera
  • [Three] 01. Three.js 기본 구성 요소 - Renderer, Scene, Camera
  • [Frontend] Zustand에 대해서
Rayi
Rayi
  • Rayi
    아카이브
    Rayi
  • 전체
    오늘
    어제
    • 분류 전체보기 (276)
      • CS (40)
        • CV (2)
        • PS (34)
      • Reveiw (18)
        • Paper (18)
        • Github (0)
      • ML (8)
        • Pytorch (5)
      • Language (59)
        • Python (8)
        • JavaScript (32)
        • TypeScript (16)
        • C++ (3)
      • IDE (12)
      • Git (13)
      • Frontend (77)
        • React (8)
        • ReactNative (6)
        • SolidJS (20)
        • CSS (12)
      • Backend (44)
        • DB (18)
        • Node.js (11)
      • UI (3)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    ps
    DB
    vscode
    API
    ML
    Three
    frontend
    Git
    modal
    PRISMA
    deploy
    Express
    PyTorch
    CV
    backend
    ts
    figma
    SOLID
    react
    expo
    ReactNative
    CS
    js
    nodejs
    review
    mongo
    python
    GAN
    CSS
    postgresql
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
Rayi
[Three] 02. Scene
상단으로

티스토리툴바