주차별 내용&자료

#01 : 오리엔테이션

• 수업 내용 / 태도 소개
• 워밍업 워크숍 : 공허한 테트리스
• 변수값을 바꿔가며 우리는 테트리스를 의미없게, 혹은 다른 의미의 게임으로 변형할 수 있다.

#02 : 고전게임 읽기 Pong (9/17)

• 게임이란? 재미란?
• https://ponggame.org
• 읽을거리 : 게임이 뭐야?
  • 과거에 청소년을 위한 책을 준비하면서 작성한 원고 초안입니다. (아쉽게도 출판은 안되었어요)
  • 게임이 무엇인지에 대한 몇 가지 이론들을 쉽게 풀어봤으니 가벼운 마음으로 읽어보세요.
  • 우리 수업의 맥락에서는 게임의 정의에 대한 기존 경계를 더 확장해보는 것이지요. ;)
• 과제 : Not-Yet-Pong 팅커링하고 회고하기

#03 : Pong의 공을 위한 코드

• 수업 예제 : 일렉트로닉 버그 킬러

#04 : 보강수업

• 과제02 : 제로원데이 방문 및 감상기

#05 : Pong의 meme 확장

• http://bit.ly/not-yet-pong
• 결과물 URL

#06 : 하나의 게임, 두 개의 코드

• Snake Game 읽기
  • Simple Snake Game
  • Snake - Coding Train
• JavaScript 참고자료
  • MDN 다시 소개하는 자바스크립트
  • MDN 자바스크립트 레퍼런스
  • Learn ES2015 (ES6)

#07 : OOP 연습과 Snake meme의 확장

• 기존 not-yet-pong을 OOP로 만들어보기
  • p5.js Examples > Objects 참고해서 연습
• OOP 기반으로 여러 개의 Ball 만들기
  • p5.js Examples > Array of Objects 참고해서 연습
• not yet pong OOP
  • Ball의 속성 중 위치와 속도를 Vector 오브젝트로 사용했으니 참고하기
• 중간평가 과제 : Snake meme의 확장 : 3개의 Snakes

#08 : Snake meme의 확장 중간 발표

#09 : 분산 버전 관리 시스템

• https://github.com/picxenk/ArtGameSystem - Art Game System 템플릿 저장소
• Github 계정 정보 추가하기

#10 : p5.play 실험 / Github branch

• p5.play http://molleindustria.github.io/p5.play/
  • 이 라이브러리를 만든 팀 홈페이지도 살펴보세요. https://molleindustria.org/
  • 단순히 p5.play를 공부하는게 목표가 아닌, 외부 라이브러리를 찾아서 읽고 사용하는 연습을 합시다!

#11 : 또 하나의 게임 meme : Frogger

• Atari 2600 Frogger
• not-yet-frog
• 간단한 8비트 효과음 만들기 : bfxr

#12 : 게임의 다른 감각 / 표현

• Ars Doom 영상
• Super Mario Clouds 영상
• The Marriage 게임
• Passage 게임
• Dys4ia 영상
• http://www.experimental-gameplay.org/
• https://www.gamescenes.org/
• 울펜슈타인 3D in p5.js

#13 : 아이디어 스케치 & 피드백

• 구글문서 타임스탬프 스크립트
• 불확실한 Pong 프로토타이핑

#14 : 프로토타이핑 데모 & 피드백

#15 : 베타 데모 & 한 학기 회고