스프라이트(Sprite) / ①

문제9) 스프라이트(Sprote)

 

답)

 

 

1. CSS 이미지 스프라이트 개요

가. 스프라이트 정의

• 그래픽에서 여러 개의 이미지를 하나의 이미지로 합쳐서 관리하는 독립된 이미지 단위

 

나. 스프라이트 특징

GPU 활용최적화	2^n 단위 텍스쳐에 여러 개의 이미지를 포함
Web 로딩 속도	다수 이미지를 빠르게 다운로드하여 웹페이지 로딩 속도 향상
메모리 절잠	모바일 기기등에서 이미지를 핸들링 할 경우 메모리 절약

 

2. 스프라이트 개념도 및 기술 요소

가. 스프라이트 개념도

1024 X 1024 크기 텍스쳐에 여러가지 이미지 포함 스프라이트를 이용하여 동일한 이미지의 재사용이 편리함 GPU 처리 단위에 맞게 여러 이미지를 한번에 처리 가능

 

나. 스프라이트 기술 요소

구분	기술요소	세부내용
처리 기술	GPGPU 2^n 연산	GPU의 2^n 단위 그래픽 처리
Editor 기술	Texture Packer, Zwoptex unity sprite packer	텍스쳐안에 다양한 이미지 편집 가능
응용기술	게임, 케릭터디자인 스크래치(교육)	게임, 케릭터케릭터, 스크래치 등의 교육 활용

 

3. 스프라이트 활용

GPU등을 활용하여 이미지 처리 속도 향상 다양한 이미지를 포함하는 WEB 페이지의 로딩 속도 향상향상

---

 

공감과 댓글은 아이티신비에게 큰 힘이 됩니다.

블로그 글이 유용하다면 블로그를 구독해주세요.♥