graphics 크리스마스 트리 만들기 왜 4월에 크리스마스 트리를 만드나요? 잘 모르겠지만 적어도 좋은 것을 원한다면 생각보다 어렵습니다. 좋은 크리스마스 트리를 만들려면 줄기, 나뭇잎, 화분, 싸구려 등 최소한 4가지 구성 요소가 있어야 합니다. 그런 다음 숫자를 줄여 갈색을 만듭니다. 삼각형으로 트리를 만들고 있습니다. 루프는 y = 500에서 y = 100까지 한 번에 20픽셀씩 거꾸로 계산합니다. 800 × 600 캔버스... graphicsc Picking Picking 마우스 클릭을 통해 Object를 고를 때 사실 화면에서 보여지는 것은 2D로 변환된 Screen Space이다. 따라서 우린 Ray Casting을 사용해 레이저를 쏘듯 카메라에서 Object까지 가상의 선을 그어 Object와의 HIT여부를 검사한다. Collider Component를 만들어 Ray cast 충돌 검사에 사용한다. 스크린의 높이와 너비와 마우스의 클릭 위치... graphicsDirectXDirectX Particle System Particle System 무작위한 방식으로 움직이는 입자들의 집합을 모형화한 것. 비, 연기, 폭파, 마법, 발사체 등 다양한 현상을 흉내냄.... graphicsDirectXDirectX Normal Mapping Normal Mapping 한 면을 표현하는 Vertex들의 Normal 값이 같다면 내부의 vector들도 동일한 값을 가진다. 구의 같은 경우 각각의 Vertex마다 Normal값을 다르게 주기 때문에 입체적인 구현이 가능하지만 큐브의 경우 각 면을 표현하는 Vertex값이 같은 Normal값을 가지므로 내부의 픽셀들 또한 입체적으로 표현되지 않는다. Vertex의 수를 늘려주는 방식으로... graphicsDirectXDirectX Instancing Instancing 동일한 개체를 여러개 렌더링해야할 경우 개체 하나 하나를 렌더링하는 것은 굉장히 많은 연산을 요구하게 된다. 이에 대한 해결방안으로 Draw Call을 그려야할 개체 수 만큼 하지 않고 한번의 Draw Call로 여러개의 개체를 그리도록 요청하는 기술을 Instancing이라고 한다. InstancingManager.cpp 를 보면 하나의 개체에 대한 렌더링 요청과 두개 ... graphicsDirectXDirectX [1일1js] 그래픽 그리기#2 예를 들어 를 사용하여 반투명 색상을 지정하여 반투명 그래픽을 그릴 수 있습니다 rgba(). a은 "알파 채널"또는 색상이 투명성의 양이라고 어떤 값을 정의합니다. 획 및 선 너비 lineWidth속성 값을 조정하여 변경할 수 있습니다(획 너비의 픽셀 수를 나타내는 숫자가 필요함). 이전 두 줄 사이에 다음 줄을 추가합니다. => lineWidth 코드를 위의 코두 두 줄 사이에 넣어주어야... graphicsJavaScriptcanvasjsJavaScript [Computer Engineering] String, Graphics, OS, Garbage Collection, Cache Unicode - 전 세계에서 모든 문자를 컴퓨터에서 일관되게 표현할 수 있도록 설계된 산업 표준 인코딩 - 어떤 문자나 기호를 컴퓨터가 이용할 수 있도록 신호를 만드는 것 (이진법으로 만드는 것) 네트워크를 통해 전송되는 텍스트는 주로 UTF-8로 인코딩되는데, 더 작은 크기로 문자열을 표현할 수 있기 때문이다.(예 = b 를 1 바이트로, '코'를 3바이트로) 운영체제는 하드웨어에게 일을... Operating SystemgraphicsStringgarbage collectionCacheCache Skybox Skybox 게임 내의 하늘을 구현하는 방법이다. 카메라의 가시영역의 끝이 1이라고 가정할 때 거대한 큐브를 만들어 그 안에 카메라를 넣는 방식으로 구현한다. 카메라를 skybox 안에 넣고 별 다른 수정이 없다면 문제가 발생한다. 플레이어가 움직여 skybox에 접근하게 될 경우 skybox를 뚫고 지나가게 된다. skybox에 가까워질 수록 sky에 해당하는 텍스처가 더 가까이 보이게된다... graphicsDirectXDirectX 그래픽스 스터디 (6) 여기에서는 알파가 있는 텍스처를 다뤄보려고 한다 알파채널이 있는 이미지 찾기가 어려워서 포토샵에서 알파채널을 만들어주었다 알파 채널이 적용되도록 만들면 다음과 같이 된다 책에서는 위와 같이 불 모양 그림 위에 타오르는 듯한 이미지를 합쳐서 불을 만들었는데, 그리고 두 이미지를 합칠 때 곱하기 연산자를 사용하는데, 그 이유를 생각해보라고 한다 색깔을 곱하는 경우는 두 이미지의 색상이 자연스럽게... graphicsgraphics 친애하는 ImGui 라이브러리 소개 개발자로서 우리 중 많은 사람들이 프로그램에 그래픽 인터페이스를 도입하는 고통에 직면하고 있다.기존의 GUI 라이브러리는 디버깅과 같은 다양한 작업에 사용할 수 있는 도구를 만드는 경우 복잡성을 가중시킵니다.여기에는 빠르고 쉽게 만들 수 있는 라이브러리 , , , 심지어 가 있습니다.여기에 소개된 전체 는 Github에서 얻을 수 있습니다. 친애하는 ImGui는 주로 개발자를 위해 설계된 것... cppgraphicsguiimgui Glimmer는 최초의 공식 맞춤형 모양 보석을 얻습니다. , , 최근 , 사용자 지정 위젯(재사용 가능한 위젯 구성)과 유사한 재사용 가능한 그래픽 구성입니다. 첫 번째 공식을 받았습니다 : , bevel 제공 키워드 및 , stick_figure 제공 키워드. 아래에서 다룹니다. 이것은 다양한 색상과 크기를 가질 수 있는 베벨 사각형 사용자 정의 모양을 나타내며 나머지를 파악하기 위해 기본 색상만 설정하면 됩니다. 을 통해 사용자 정의할 수 있습... guigraphicsdesktopruby
크리스마스 트리 만들기 왜 4월에 크리스마스 트리를 만드나요? 잘 모르겠지만 적어도 좋은 것을 원한다면 생각보다 어렵습니다. 좋은 크리스마스 트리를 만들려면 줄기, 나뭇잎, 화분, 싸구려 등 최소한 4가지 구성 요소가 있어야 합니다. 그런 다음 숫자를 줄여 갈색을 만듭니다. 삼각형으로 트리를 만들고 있습니다. 루프는 y = 500에서 y = 100까지 한 번에 20픽셀씩 거꾸로 계산합니다. 800 × 600 캔버스... graphicsc Picking Picking 마우스 클릭을 통해 Object를 고를 때 사실 화면에서 보여지는 것은 2D로 변환된 Screen Space이다. 따라서 우린 Ray Casting을 사용해 레이저를 쏘듯 카메라에서 Object까지 가상의 선을 그어 Object와의 HIT여부를 검사한다. Collider Component를 만들어 Ray cast 충돌 검사에 사용한다. 스크린의 높이와 너비와 마우스의 클릭 위치... graphicsDirectXDirectX Particle System Particle System 무작위한 방식으로 움직이는 입자들의 집합을 모형화한 것. 비, 연기, 폭파, 마법, 발사체 등 다양한 현상을 흉내냄.... graphicsDirectXDirectX Normal Mapping Normal Mapping 한 면을 표현하는 Vertex들의 Normal 값이 같다면 내부의 vector들도 동일한 값을 가진다. 구의 같은 경우 각각의 Vertex마다 Normal값을 다르게 주기 때문에 입체적인 구현이 가능하지만 큐브의 경우 각 면을 표현하는 Vertex값이 같은 Normal값을 가지므로 내부의 픽셀들 또한 입체적으로 표현되지 않는다. Vertex의 수를 늘려주는 방식으로... graphicsDirectXDirectX Instancing Instancing 동일한 개체를 여러개 렌더링해야할 경우 개체 하나 하나를 렌더링하는 것은 굉장히 많은 연산을 요구하게 된다. 이에 대한 해결방안으로 Draw Call을 그려야할 개체 수 만큼 하지 않고 한번의 Draw Call로 여러개의 개체를 그리도록 요청하는 기술을 Instancing이라고 한다. InstancingManager.cpp 를 보면 하나의 개체에 대한 렌더링 요청과 두개 ... graphicsDirectXDirectX [1일1js] 그래픽 그리기#2 예를 들어 를 사용하여 반투명 색상을 지정하여 반투명 그래픽을 그릴 수 있습니다 rgba(). a은 "알파 채널"또는 색상이 투명성의 양이라고 어떤 값을 정의합니다. 획 및 선 너비 lineWidth속성 값을 조정하여 변경할 수 있습니다(획 너비의 픽셀 수를 나타내는 숫자가 필요함). 이전 두 줄 사이에 다음 줄을 추가합니다. => lineWidth 코드를 위의 코두 두 줄 사이에 넣어주어야... graphicsJavaScriptcanvasjsJavaScript [Computer Engineering] String, Graphics, OS, Garbage Collection, Cache Unicode - 전 세계에서 모든 문자를 컴퓨터에서 일관되게 표현할 수 있도록 설계된 산업 표준 인코딩 - 어떤 문자나 기호를 컴퓨터가 이용할 수 있도록 신호를 만드는 것 (이진법으로 만드는 것) 네트워크를 통해 전송되는 텍스트는 주로 UTF-8로 인코딩되는데, 더 작은 크기로 문자열을 표현할 수 있기 때문이다.(예 = b 를 1 바이트로, '코'를 3바이트로) 운영체제는 하드웨어에게 일을... Operating SystemgraphicsStringgarbage collectionCacheCache Skybox Skybox 게임 내의 하늘을 구현하는 방법이다. 카메라의 가시영역의 끝이 1이라고 가정할 때 거대한 큐브를 만들어 그 안에 카메라를 넣는 방식으로 구현한다. 카메라를 skybox 안에 넣고 별 다른 수정이 없다면 문제가 발생한다. 플레이어가 움직여 skybox에 접근하게 될 경우 skybox를 뚫고 지나가게 된다. skybox에 가까워질 수록 sky에 해당하는 텍스처가 더 가까이 보이게된다... graphicsDirectXDirectX 그래픽스 스터디 (6) 여기에서는 알파가 있는 텍스처를 다뤄보려고 한다 알파채널이 있는 이미지 찾기가 어려워서 포토샵에서 알파채널을 만들어주었다 알파 채널이 적용되도록 만들면 다음과 같이 된다 책에서는 위와 같이 불 모양 그림 위에 타오르는 듯한 이미지를 합쳐서 불을 만들었는데, 그리고 두 이미지를 합칠 때 곱하기 연산자를 사용하는데, 그 이유를 생각해보라고 한다 색깔을 곱하는 경우는 두 이미지의 색상이 자연스럽게... graphicsgraphics 친애하는 ImGui 라이브러리 소개 개발자로서 우리 중 많은 사람들이 프로그램에 그래픽 인터페이스를 도입하는 고통에 직면하고 있다.기존의 GUI 라이브러리는 디버깅과 같은 다양한 작업에 사용할 수 있는 도구를 만드는 경우 복잡성을 가중시킵니다.여기에는 빠르고 쉽게 만들 수 있는 라이브러리 , , , 심지어 가 있습니다.여기에 소개된 전체 는 Github에서 얻을 수 있습니다. 친애하는 ImGui는 주로 개발자를 위해 설계된 것... cppgraphicsguiimgui Glimmer는 최초의 공식 맞춤형 모양 보석을 얻습니다. , , 최근 , 사용자 지정 위젯(재사용 가능한 위젯 구성)과 유사한 재사용 가능한 그래픽 구성입니다. 첫 번째 공식을 받았습니다 : , bevel 제공 키워드 및 , stick_figure 제공 키워드. 아래에서 다룹니다. 이것은 다양한 색상과 크기를 가질 수 있는 베벨 사각형 사용자 정의 모양을 나타내며 나머지를 파악하기 위해 기본 색상만 설정하면 됩니다. 을 통해 사용자 정의할 수 있습... guigraphicsdesktopruby