반응형 [HTML] 그래픽 Canvas와 SVG 비교작업 환경에 따른 비교- 화면이 작거나, 픽셀 수가 많을 경우(>10k): canvas 추천- 화면이 크거나, 픽셀 수가 적을 경우(작업 종류에 따른 비교-복잡하고 고성능의 애니메이션(animation) 작업이나 동영상 조작의 작업: canvas 추천- 고품질의 문서 작업이나 정적 이미지의 조작 작업: svg 추천Canvas와 SVG의 차이점CanvasSVG픽셀(pixel) 기반모양(shape) 기반단일 HTML 요소DOM의 일부분이 되는 다중 그래픽 요소스크립트(script)를 통해서만 수정할 수 있음.스크립트(script) 및 CSS를 통해서도 수정할 수 있음.그래픽이 주작업인 게임에 적합함.렌더링 영역이 넓은 응용 프로그램(application)에 적합함.Canvas- ca.. 2024. 8. 2. [C++ 게임 개발 시리즈] Day 22: 3D 그래픽 기초 3D 그래픽 기초3D 그래픽은 2D 그래픽보다 복잡하지만, 게임을 더욱 몰입감 있게 만들어 줍니다. 오늘은 3D 그래픽의 기본 개념과 함께 OpenGL을 사용하여 간단한 3D 장면을 렌더링하는 방법을 학습하겠습니다.3D 그래픽의 기본 요소3D 그래픽은 3차원 공간에서 객체를 표현하고, 이를 2차원 화면에 렌더링하는 과정입니다. 3D 그래픽의 주요 요소는 다음과 같습니다:좌표 시스템(Coordinate System): 3D 공간에서 객체의 위치를 나타내는 방법입니다.카메라(Camera): 3D 장면을 관찰하는 가상 카메라입니다.모델(Model): 3D 객체의 형태와 구조를 정의하는 데이터입니다.광원(Lighting): 3D 장면에 조명을 추가하여 현실감을 더합니다.쉐이더(Shader): 그래픽 처리 파이프.. 2024. 8. 1. [C++ 게임 개발 시리즈] Day 8: 2D 그래픽 기본 개념 2D 그래픽 기본 개념2D 그래픽은 게임 개발에서 시각적 요소를 표현하는 중요한 부분입니다. 오늘은 2D 그래픽의 기본 개념을 학습하고, 이를 SFML을 사용하여 구현하는 방법을 알아보겠습니다.2D 그래픽 기본 요소스프라이트(Sprite):스프라이트는 게임에서 캐릭터, 아이템, 배경 등의 이미지를 나타내는 2D 비트맵입니다.스프라이트는 텍스처(Texture)를 사용하여 렌더링됩니다.텍스처(Texture):텍스처는 스프라이트에 적용되는 이미지입니다.텍스처는 이미지 파일에서 로드하여 스프라이트에 매핑됩니다.애니메이션(Animation):애니메이션은 여러 스프라이트 프레임을 순차적으로 표시하여 움직임을 표현하는 기술입니다.프레임 기반 애니메이션과 보간 기반 애니메이션이 있습니다.타일 맵(Tile Map):타일.. 2024. 8. 1. [C++ 게임 개발] 목차 C++ 게임 개발 시리즈Day 1: 게임 개발 개요와 역사Day 2: 게임 개발 도구와 엔진 소개 (Unreal, Unity, SFML, SDL)Day 3: 개발 환경 설정 (Visual Studio, CMake, SFML/SDL 설치)Day 4: 첫 번째 게임 프로젝트: 간단한 2D 게임 만들기 (1)Day 5: 첫 번째 게임 프로젝트: 간단한 2D 게임 만들기 (2)Day 6: 첫 번째 게임 프로젝트: 간단한 2D 게임 만들기 (3)Day 7: 게임 루프와 기본 게임 구조Day 8: 2D 그래픽 기본 개념Day 9: 스프라이트와 텍스처Day 10: 애니메이션 기법 (프레임 기반 애니메이션)Day 11: 타일 맵과 맵 에디터 사용법Day 12: 2D 물리 엔진 기초 (Box2D)Day 13: 충돌 처리.. 2024. 6. 20. 이전 1 다음 반응형
