All About

Canvas에 Button을 생성하고 Inspector 창에서 Button의 Transition을 Sprite Swap으로 설정을 했다. 그런데 이미지가 설정이 되지 않아 시간을 날리다가 이미지들 Texture Type이 Sprite(2D and UI)로 설정되지 않았다는 것을 깨닫게 됐다. 바로 설정을 바꾸니 이미지가 삽입되었다. 하지만 기본 상태(아무것도 하지 않을 때) 이미지는 설정이 안된다. 방법을 찾아봐야할 것 같다. 완성하지 못했지만 일단 제출하고 연휴를 이용하여 완성하지 못한 이전 과제들도 해결해보려고 한다.

기존 맵에 큐브를 더 추가하여 스테이지2를 만들었습니다. enemy 수도 늘리고 dot의 수도 늘렸지만 난이도가 너무 상승하는 바람에 dot의 개수를 조정했습니다. 1인칭 시점인 스테이지3도 만들었지만 시간 이슈 + 스테이지 연결 문제로 일단 2개만 만들었습니다. 여러 스테이지를 만드는 연습을 해보겠습니다.

1. 시점 변경 2. 허들 넘기 3. 장애물 피하기 4. W, A, D 키를 이용해 방향 전환 위의 4가지가 목표였지만 4번은 되지 않습니다. 테일즈런너 같은 느낌을 원했지만 무한 점프 게임이 되어버렸습니다.. 허들 종류도 3가지를 만들었는데, 게임을 실행하니 위치가 이상하게 떠서 균일하지 않거나 안 보이는 허들도 존재합니다.일단 제출 먼저하고 부족한 부분 개선과 공부를 더 하겠습니다. 2일차에 만들었던 미니게임에서 수정을 했는데 어디에선가 꼬였는지 결과가 좋지 않습니다.

혼자 공부하는 자바스크립트 6주차 ※ 순서 Chp 7. 정리 Chp 8. 정리 미션 Chp 7. 문서 객체 모델 ■ 문서 객체 조작하기 -요소(HTML): html, head, body, title, h1, div, span 등 = 문서 객체(자바스크립트) → '문서 객체를 조작한다' = 'HTML 요소들을 조작한다' -문서 객체 모델: 문서 객체를 조합해서 만든 전체적인 형태 DOMContentLoaded 이벤트: HTML 페이지의 모든 문서 객체(요소)를 웹 브라우저가 읽어들였을 때 발생시키는 이벤트 코드 입력 시 DOMContentLoaded 문자열은 오탈자를 입력해도 오류 발생 X → 주의해서 입력 document.addEventListener('DOMContentLoaded', () => { /..

혼자 공부하는 자바스크립트 5주차 ※ 순서 Chp 6. 정리 미션 Chp 6. 객체 ■ 객체의 기본 객체: 이름과 값으로 구성된 '속성'을 가진 자바스크립트의 기본 데이터 타입 여러 자료를 다룰 때 객체를 사용 ex) 배열 요소에 접근 시 → 배열: 인덱스 / 객체: 키 객체 생성 → 중괄호{...}로 생성 & 키: 값 & 쉼표(,)로 연결 객체 요소 접근 → 객체 뒤 대괄호[...]사용 & 키 입력 or 온점(.) 사용 ex) product['제품명'] or product.제품명 식별자로 사용할 수 없는 단어를 키로 사용할 때는 문자열 사용 식별자로 사용할 수 없는 키에 접근할 때는 대괄호 사용 속성: 객체 내부에 있는 값 (↔ 요소: 배열 내부에 있는 값) 메소드: 객체의 속성 중 함수 자료형인 것,..

혼자 공부하는 자바스크립트 4주차 ※ 순서 Chp 5. 정리 미션 (+한탄) Chp 5. 함수 ■ 함수의 기본 형태 -함수 호출: 함수를 사용하는 것 -매개변수: 함수 호출 시 괄호 내부에 넣는 자료 -리턴값: 함수를 호출해서 최종적으로 나오는 결과 함수: 코드의 집합을 나타내는 자료형 장점 반복 작업을 피할 수 O 모듈화로 전체 코드 가독성 ↑ 기능별(함수별) 수정 가능 → 유지 보수 ↑ 익명 함수: 이름이 없는 함수 function () {} 선언적 함수: 이름이 있는 함수 function 함수() {} //다음 코드와 같은 기능 수행 let 함수 = function () {}; 매개변수: 함수의 괄호 안에 넣는 변수(input) 매개변수를 통해 함수가 외부의 정보를 입력 받을 수 O 리턴값: 함수의..

혼자 공부하는 자바스크립트 3주차 ※ 순서 Chp 4. 정리 미션 Chp 4. 반복문 ■ 배열 배열: 여러 개의 변수를 한 번에 선언해 다룰 수 있는 자료형 요소: 배열 내부에 있는 값 [요소, 요소, 요소, ..., 요소] > const array = [273, 'String', true, function () { }, {}, [273, 103]] undefined > array (6) [273, "String", true, f, {...}, Array(2)] 0: 273 1: "String" 2: true 3: f () 4: {} 5: (2) [273, 103] 배열 요소에 접근 배열[인덱스] 인덱스: 요소의 순서 가장 첫 번째 요소의 인덱스 = 0 여러 개의 요소를 갖기 때문에 배열의 이름은 복수형..

혼자 공부하는 자바스크립트 2주차 ※ 순서 Chp 3. 정리 미션 Chp 3. 조건문 -조건문: 프로그램의 흐름 변경 시 사용 -조건 분기: 코드가 실행되는 흐름을 변경하는 것 ■ if 조건문 if 조건문: 조건에 따라 코드 실행 여부를 결정하기 위해 사용 조건: bool 자료형 비교 연산자 & 논리 연산자 활용 if(bool 값 표현식) { bool 값 참일 때 실행할 문장 } if else 조건문: 서로 반대되는 상황 표현 else 구문: if 조건문 뒤에 사용. if 조건문이 거짓일 때 사용 if(bool 값 표현식) { bool 값 참일 때 실행할 문장 } else { bool 값 거짓일 때 실행할 문장 } 중첩 조건문: 조건문 안에 조건문을 중첩해서 사용하는것. 여러번 중첩 가능 if(bool ..