728x90 반응형 [개발자 로드맵]/영상신호처리 이론 및 실습3 01. P5.js : 시작 목표 : p5.js 정의 및 특징, 장점 설정 및 코딩환경 p5.js 기본표현(캔버스 조정, 점/ 선/ 원/ 사각형/ 문자 등 기본 및 색상 표현법 학습 1.1 p5.js란? 자바스크립트(JavaScript) 언어 기반으로 만들어 짐 웹브라우저에서 동작하는 자바스크립트 프레임워크로 미디어아트 작품 또는 컴퓨터와 사용자 사이 상호작용 쉽게 구현할 수 있도록 지원 펜으로 스케치할 때의 과정처럼 아이디어가 시각화 되는 과정을 직관적으로 확인 가능, 코드를 스케치라고도 함 https://editor.p5js.org/ 설치, 환경셋업 불요 1.3 코딩환경 p5.js 소스파일은 세 가지로 구성(HTML : 웹페이지의 전체 구조 만듦, CSS : 웹페이지의 스타일 입힘, 자바스크립트 : 웹페이지에 동적 기능 추가) .. 2023. 6. 20. 이미지 처리에서 샘플링이란 무엇인가? 이미지처리에서 샘플링이란? 샘플링(=표본화)은 연속 이미지를 개별 픽셀로 나누는 것입니다. 픽셀(=화소) 측면에서 생각하면 샘플링은 연속 이미지를 128 부분으로 나누는 것입니다. 예를 들어 유효 시야의 40cm인 카메라 이미지를 128x128 matrix로 설정하면 1픽셀은 40cm/128=0.3125cm가 됩니다. 이는 "1픽셀당 0.3125cm로 스캔된 이미지"라고 할 수도 있으며 "샘플링 간격이 0.315cm인 이미지" 또는 "128x128에서 샘플링된 이미지"라고 할 수 있습니다. 어쨌든, 샘플링은 분할에 관한 것입니다. 1 픽셀 0.315cm는 *공간 주파수 측면에서 "1/0.315 = 3.17 cycles/cm"이며 이를 샘플링 주파수라고 합니다. 이 의미는 "1cm마다 3.15회 샘플링을 .. 2022. 7. 1. 비트맵 파일 BMP 포맷 알아보기 비트맵 파일의 구조 : 비트맵 파일 헤더는 파일 식별정보, 크기, 데이터 위치 등의 정보를 담고 있습니다. 비트맵 정보헤더는 가로, 세로의 크기, 해상도, 픽셀의 비트수 등 그림의 정보를 담고 있습니다. 픽셀데이터에는 그림 파일의 실제 색상 정보가 들어갑니다. 단, 픽셀당 16비트 미만의 경우 팔레트에 색상정보를 저장하고 이미지 비트에서는 색상 테이블의 인덱스를 저장합니다. 비트맵 파일 헤더(BITMAPFILEHEADER)의 구조 : 비트맵 파일에 대한 정보 저장을 위한 구조체입니다. typedef struct tagBITMAPFILEHEADER { WORD bfType; // 비트맵파일 여부 확인, "BM"이라는 값을 저장 DWORD bfSize; // 파일의 크기 (바이트) WORD bfReserve.. 2022. 6. 28. 이전 1 다음 728x90 반응형
