디자인 레퍼런스 전체 색인 · 26/27

2,153개 정의·활용·주의사항·출처를 개별 문서로 제공합니다. 이 색인은 JavaScript 없이 탐색할 수 있습니다.

직접 조작 가능한 레퍼런스 291개 보기

• GPU 파티클

  GPU Particles

  입자 시뮬레이션을 주로 GPU에서 처리하는 방식.

• 이펙트 세부 수준

  VFX LOD

  거리·중요도 등에 따라 효과 복잡도를 낮추는 전략.

• 이펙트 컬링

  Effect Culling

  보이지 않거나 중요도가 낮은 효과의 렌더링·계산을 생략하는 처리.

• 입자 바운드

  Particle Bounds

  효과가 존재할 것으로 예상하는 공간 경계.

• 품질 확장 설정

  Scalability Settings

  장치 성능·설정에 따라 입자량·해상도·효과를 조정하는 체계.

• 이펙트 풀링

  Effect Pooling

  효과 인스턴스를 제거 대신 재사용하는 방식.

• 준비 비용

  Warm-up Cost

  효과를 처음 준비·컴파일·생성할 때 드는 처리 비용.

• 셰이더 변형

  Shader Variant

  기능 조합·설정별로 생성되는 셰이더 프로그램 버전.

• 반투명 정렬

  Transparent Sorting

  반투명 요소를 적절한 순서로 그리도록 정렬하는 처리.

• 시뮬레이션 캐시

  Simulation Cache

  계산 결과를 저장해 재사용하거나 재생하는 데이터.

• 이펙트 예산

  Effect Budget

  동시에 허용할 효과 수·시간·메모리·화면 점유 등의 한도.

• 게임플레이 판독성

  Gameplay Readability

  위험·범위·상태·결과를 플레이 중 빠르게 이해할 수 있는 정도.

• 이펙트 분해 분석

  Effect Breakdown

  완성 효과를 형태·시간·재질·레이어별로 나누어 분석한다.

• VFX 플립북 베이크

  VFX Flipbook Baking

  시뮬레이션이나 렌더 결과를 이미지 시퀀스·시트로 저장한다.

• 머티리얼 심볼

  Material Symbols

  채우기·굵기·등급·광학 크기를 조절할 수 있는 Google 심볼 체계.

• SF Symbols

  SF Symbols

  Apple 플랫폼의 서체·UI와 통합하도록 설계된 심볼 라이브러리.

• Bootstrap Icons

  Bootstrap Icons

  Bootstrap과 독립적으로도 쓸 수 있는 UI 아이콘 라이브러리.

• Remix Icon

  Remix Icon

  여러 기능을 선형·채움 형태로 표현하는 아이콘 세트.

• Simple Icons

  Simple Icons

  브랜드·서비스를 식별하는 단색 SVG 중심의 아이콘 모음.

• React Icons

  React Icons

  여러 아이콘 세트를 React 컴포넌트로 사용할 수 있게 묶은 패키지.

• Game-icons.net

  Game-icons.net

  능력·무기·상태 등 게임 주제의 아이콘을 탐색하는 자산 사이트.

• QtAwesome

  QtAwesome

  아이콘 글꼴을 Qt용 아이콘으로 사용할 수 있게 하는 Python 도구.

• Tween.js

  Tween.js

  객체의 수치 속성을 시간에 따라 보간하는 트위닝 도구.

• CSS 애니메이션

  CSS Animations

  키프레임과 재생 속성으로 스타일 애니메이션을 정의하는 기능.

• 웹 애니메이션 API

  Web Animations API

  DOM 애니메이션의 타이밍·재생·취소 등을 스크립트로 제어하는 API.

• GSAP ScrollTrigger

  GSAP ScrollTrigger

  스크롤 위치와 애니메이션 재생·고정 등을 연결하는 GSAP 플러그인.

• GSAP Flip

  GSAP Flip

  상태 변경 전후 레이아웃 차이를 바탕으로 FLIP 전환을 구성하는 플러그인.

• Qt 아이콘

  QIcon

  크기·상태에 맞는 아이콘 표현을 위젯에 제공하는 Qt 클래스.

• Qt 이미지 애니메이션

  QMovie

  지원 이미지 형식의 프레임 애니메이션을 읽고 재생하는 Qt 클래스.

• Qt SVG 렌더러

  QSvgRenderer

  SVG 데이터를 Qt의 페인팅 시스템으로 렌더링하는 클래스.

• Qt 속성 애니메이션

  QPropertyAnimation

  QObject 속성값을 시간에 따라 변화시키는 Qt 애니메이션 클래스.

• Qt 값 애니메이션

  QVariantAnimation

  지원되는 값 유형을 보간하고 값 변화 신호를 제공하는 클래스.

• Qt 이징 곡선

  QEasingCurve

  Qt 애니메이션의 이징 곡선을 지정하는 클래스.

• Qt 병렬 애니메이션 그룹

  QParallelAnimationGroup

  여러 애니메이션을 동시에 실행하는 그룹.

• Qt 순차 애니메이션 그룹

  QSequentialAnimationGroup

  여러 애니메이션을 순서대로 실행하는 그룹.

• Qt Quick 애니메이션

  Qt Quick Animation

  QML의 속성·상태·전이를 이용해 UI 모션을 구성하는 체계.

• Tkinter 타이머·캔버스

  Tkinter after / Canvas

  이벤트 루프의 예약 호출로 Canvas 도형 등을 갱신하는 기본 모션 구현 방식.

• Kivy 애니메이션

  Kivy Animation

  위젯 속성에 시간·곡선·순서 기반 애니메이션을 적용하는 API.

• Unity 파티클 시스템

  Unity Particle System

  모듈별 속성으로 입자의 방출·변화·표시를 구성하는 Unity 파티클 기능.

• Unity 비주얼 이펙트 그래프

  Unity Visual Effect Graph

  노드 그래프로 대규모 시각 효과를 제작하는 Unity 패키지.

• 나이아가라

  Niagara

  시스템·이미터·모듈·파라미터로 실시간 효과를 구성하는 Unreal Engine VFX 체계.

• Godot GPU 파티클

  Godot GPUParticles2D / GPUParticles3D

  GPU에서 처리하는 2D·3D 파티클 노드.

• Godot CPU 파티클

  Godot CPUParticles2D / CPUParticles3D

  CPU에서 처리하는 2D·3D 파티클 노드.

• Godot 애니메이션 플레이어

  Godot AnimationPlayer

  노드 속성·함수 호출 등 여러 트랙의 애니메이션을 재생하는 노드.

• Godot 애니메이션 트리

  Godot AnimationTree

  AnimationPlayer의 동작을 블렌딩·전이로 제어하는 노드.

• Godot 트윈

  Godot Tween

  코드로 속성·콜백의 시간 기반 변화를 구성하는 트위닝 기능.

• 에펙시어

  Effekseer

  게임용 파티클 효과를 제작하고 여러 실행 환경에 연결하는 도구.

• PopcornFX

  PopcornFX

  효과 에디터·시뮬레이션·런타임·엔진 연동을 제공하는 VFX 제품군.

• three.quarks

  three.quarks

  Three.js 환경에서 파티클·트레일 등의 효과를 구성하는 라이브러리.

• Three.js 변환 컨트롤

  Three.js TransformControls

  3D 오브젝트의 위치·회전·크기를 조작하는 애드온 컨트롤.

• drei 기즈모 헬퍼

  drei GizmoHelper

  뷰포트 방향 기즈모 등의 배치·상호작용을 돕는 drei 컴포넌트.

• ImGuizmo

  ImGuizmo

  Dear ImGui 기반 도구에 3D 변환 기즈모 등을 제공하는 라이브러리.

• PixiJS 파티클 컨테이너

  PixiJS ParticleContainer

  다수의 입자형 그래픽을 효율적으로 그리기 위한 컨테이너.

• 기본 상태

  Default State

  특별한 상호작용이나 예외가 없는 기본 표현 상태.

• 체크 상태

  Checked State

  체크박스·라디오 등 체크 가능한 컨트롤이 선택된 상태.

• 미체크 상태

  Unchecked State

  체크 가능한 컨트롤이 체크되지 않은 상태.

• 혼합 선택 상태

  Mixed State

  묶인 하위 항목이 일부만 선택된 상태.

• 처리 중 상태

  Busy State

  현재 업데이트나 작업을 처리하고 있는 상태.

• 펼침 상태

  Expanded State

  연결된 하위 내용이나 패널이 열려 있는 상태.

• 접힘 상태

  Collapsed State

  하위 내용이 접혀 있거나 닫힌 상태.

• 드래그 중 상태

  Dragging State

  대상을 끌어 이동·재정렬하는 상호작용이 진행 중인 상태.

• 놓기 대상 상태

  Drop Target State

  끌고 있는 항목을 받을 영역으로 활성화된 상태.

• 유효하지 않은 상태

  Invalid State

  입력값이 적용된 검증 규칙을 충족하지 못한 상태.

• 유효 상태

  Valid State

  입력값이 지정한 검증 범위를 통과한 상태.

• 방문 상태

  Visited State

  사용자가 이전에 방문한 링크에 적용되는 상태.

• 가로 막대 차트

  Horizontal Bar Chart

  범주를 세로축에, 값을 가로 방향 길이에 대응시킵니다.

• 그룹 막대 차트

  Grouped Bar Chart

  한 범주 안에 여러 계열의 막대를 나란히 배치합니다.

• 100% 누적 막대 차트

  100% Stacked Bar Chart

  각 범주의 합계를 100%로 맞춰 구성비를 비교합니다.

• 발산형 막대 차트

  Diverging Bar Chart

  기준값을 중심으로 음수와 양수 또는 반대 응답을 나눕니다.

• 롤리팝 차트

  Lollipop Chart

  값의 위치를 점으로, 기준선까지의 거리를 얇은 선으로 나타냅니다.

• 점 도표

  Dot Plot

  공통 척도 위의 점 위치로 범주별 값을 비교합니다.

• 덤벨 차트

  Dumbbell Chart

  한 범주의 두 값을 점 두 개와 연결선으로 비교합니다.

• 슬로프 차트

  Slope Chart

  두 시점의 값을 좌우에 배치하고 같은 대상을 선으로 잇습니다.

• 범프 차트

  Bump Chart

  여러 시점에서 대상의 순위가 어떻게 바뀌는지 보여줍니다.

• 불릿 차트

  Bullet Chart

  실적 막대, 목표 표식, 성과 구간을 한 줄에 결합합니다.

• 파레토 차트

  Pareto Chart

  내림차순 막대와 누적 비율 선으로 주요 기여 항목을 찾습니다.

• 다중 선 차트

  Multi-series Line Chart

  같은 시간축에서 여러 계열의 추세를 비교합니다.

• 계단 차트

  Step Chart

  관측 시점 사이에 값이 일정하다가 바뀌는 상태를 계단으로 표시합니다.

• 누적 영역 차트

  Stacked Area Chart

  시간별 전체 규모와 여러 계열의 기여도를 누적 면적으로 보여줍니다.

• 스트림그래프

  Streamgraph

  여러 시간 계열을 움직이는 중심선 주위의 유기적 층으로 표현합니다.