본문 바로가기

JavaScript3

컴퓨터 프로그래밍 | [단원1] JS란? - 변수란? 변수(Variables)란? : 어떤 것을 놓는 자리이름을 정할 때, 중간에 띄어쓰기 금지! ex)eyeSize라는 이름의 변수에 20이라는 숫자를 저장하고 각 원의 크기를 나타내는 변수 위치에 대입하기var eyeSize;eyeSize = 20;noStroke();// facefill(255, 255, 0);ellipse(202, 208, 300, 300);// eyesfill(46, 46, 41);ellipse(157, 151, eyeSize, eyeSize);ellipse(304, 142, eyeSize, eyeSize);// mouthfill(252, 65, 65);ellipse(257, 240, 120, 136); 2024. 11. 22.
컴퓨터 프로그래밍 | [단원1] JS란? - 색칠하기 배경색 칠하기background(x, y, z); x = RGB 중 빨간색 값 (0 ~ 255)y = RGB 중 초록색 값 (0 ~ 255) z = RGB 중 파란색 값 (0 ~ 255)위 명령어를 쓰면 전체 화면의 배경색을 지정함주의 : 이 명령어를 맨 아래에 쓴다면? → 다른 요소들이 전부 배경색에 덮임 (자바스크립트는 코드 순서대로 기능을 적용) 특정 요소 색칠하기fill(x, y, z);x, y, z의 값은 위 background와 같음fill 명령어는 이 다음에 나오는 요소의 색을 채워주는 기능 선의 색 & 두께 조정하기stroke(x, y, z);x, y, z의 값은 위 background와 같음이 다음에 오는 line 명령어에 대한 선의 색을 설정해주는 기능 (선은 내부가 없으니 채운다는 개.. 2024. 11. 22.
컴퓨터 프로그래밍 | [단원1] JS란? - 그리기 기본 자바스크립트를 이용하여 가장 기본인 원은 어떻게 그릴 수 있을까?  ellipse() 함수 : 자바스크립트에서 원을 그리는 함수ellipse(x, y, w, h) 괄호 안 각 숫자들의 의미는?첫 번째 숫자 x = 원이 화면의 왼쪽에서부터 얼마나 떨어져있는가? (왼 → 오 방향으로 이동)두 번째 숫자 y = 원이 화면의 위쪽에서부터 얼마나 떨어져있는가? (위 → 아래 방향으로 이동)세 번째 숫자 w = 원의 너비값 (작을수록 세로로 타원형, 클수록 가로로 타원형)네 번째 숫자 h = 원의 높이값 (얼마나 원 내부 위아래로 높게 할 것인지)즉,앞의 두 매개변수 → 원의 "위치"를 제어뒤의 두 매개변수 → 원의 "크기"를 제어 위 내용을 활용하여 얼굴을 만들어보자ellipse(200, 200, 270, 300.. 2024. 11. 19.