MusicXML: 기초 악보 만들기
출처: https://www.musicxml.com/tutorial/hello-world/ MusicXML에서 가사가 “hello, world”인 노래는 실제로 간단한 MusicXML 파일보다는 복잡합니다. 우리는 (조건을) 더 단순하게 유지합시다. 조건 중간 C의 전체 음을 포함하는 한 마디의 음악, 4/4 박자 기준 코드 &l...
BGSMM
OpenGL 기초 8: 텍스처(비트맵, 픽셀맵), 폴리곤 스티플, 텍스처 매핑, 축소된 서브셋(ES)
출처: http://soen.kr/lecture/library/opengl/opengl-10.htm 34. 텍스처: 비트맵 비트맵은 미리 만들어진 이미지를 의미하며 다양한 크기와 색상을 가질 수 있다. 그러나 OpenGL에서는 흑백 이미지만을 비트맵이라고 칭하며 컬러 이미지는 픽셀맵(Pixelmap)이라는 별도의 용어를 사용한다. bit가 용어가...
HTML5: Select ~ Option (태그, JQuery, 자바스크립트)
기본 형태 <body> <select> <option>사과</option> <option>귤</option> <option>포도</option> </select> </body> select 속성 ...
OpenGL 기초 7: 조명, 재질, 법선
출처: http://soen.kr/lecture/library/opengl/opengl-9.htm 31. 조명 개요 OpenGL은 조명을 성격에 따라 다음 세가지로 분류한다. 주변광(Ambient) : 도처에 존재하는 빛이다. 광원에서 나온 빛이 여러 경로로 반사 및 재반사되어 방향성을 잃어버린 빛이다. 사방에서 물체의 모든 면에 골고루 ...
OpenGL 기초 6: 행렬, 출력 영역의 제한
출처: http://soen.kr/lecture/library/opengl/opengl-8.htm 29. 행렬 OpenGL은 각종 변환에 행렬을 많이 사용한다. 행렬의 수학적 특성을 잘 이용하면 빠른 속도로 연산을 수행할 수 있다. OpenGL이 변환에 사용하는 행렬은 4*4 크기의 행렬이다. 3차원 공간은 3개의 좌표로 구성되지만 연산의 편의...
[일본] 새로운 연호는 "令和(reiwa)"라고 발표, 일본의 고전 「만요슈」에서 인용
(일본) 정부는 4 월 1 일 「헤이세이」(平成)를 대신하는 새로운 연호를 “令和(reiwa)”라고 발표했다. 이어 정오 무렵에 아베 총리가 담화를 발표, 새로운 원호에 담긴 의미 등을 국민에게 직접 전하기로 했다. 연호를 바꾸는 정령은 하루 종일 공포되고, 황태자가 새로운 천황에 즉위되는 5월 1일에 시행되며 그날 자정 연호가 바뀐다. 새로운 ...
OpenGL 기초 5: 변환(관측, 모델링), 투영(직교, 원근), 뷰포트
출처: http://soen.kr/lecture/library/opengl/opengl-8.htm 24. 변환 - 개요 3차원 공간에 배치된 물체의 전체적인 변환 과정은 다음과 같다. OpenGL은 변환 단계에서 수행되는 복잡한 연산들을 행렬로 처리한다. 모든 변환 함수의 연산 결과는 현재 행렬에 반영된다. 좀 더 정확하게는 현재 선택된 행...
dat.GUI: 세련된 디자인의 GUI 폼(Form)을 사용할 수 있는 자바스크립트 라이브러리
튜토리얼: http://workshop.chromeexperiments.com/examples/gui/#7–Events 소스 받기: https://github.com/dataarts/dat.gui CDN: https://cdnjs.com/libraries/dat-gui dat.GUI는 계기판, 패널 같은 것으로 숫자, 스트링, 색상 등의 값...
OpenGL 기초 요약 1: 기본 타입, 색상 변경, 점, 선, 사각형, 다각형
출처: http://soen.kr/lecture/library/opengl/opengl-4.htm 1. 기본 타입 2. 함수 형식 glVertex3i(1,2,3); int arv[]={1,2,3}; glVertex3iv(arv); 3차원상의 좌표는 x, y, z 세가지 값으로 표현하는 것이 원칙적이되 분수 표현을 위해 w로 분모를...
OpenGL 기초 4: 버텍스 배열, 인덱스, 색상 배열, 인터리브 배열, 출력 목록
출처: http://soen.kr/lecture/library/opengl/opengl-7.htm 19. 버텍스 배열 OpenGL은 배열로 정점의 집합을 정의하는 방법을 공식적으로 지원한다. 먼저 다음 함수를 호출하여 배열을 사용하도록 설정한다. void glEnableClientState(GLenum cap); 배열을 사용하는 것은 Open...