주차별 내용&자료

#01 : 오리엔테이션

• 수업 전 익명설문에 대한 학생들의 응답결과
• 과제 : 수업을 위한 준비

#02 : p5.js 환경 탐색, JS 연습 1

• 관찰연습 : 이번 수업엔 안했어요.
• Coding Train : 10PRINT in p5.js
  • 10PRINT p5.js 예제코드
  • 10PRINT 책은 오픈소스로 누구나 내려받을 수 있습니다.

#03 : 과제에 대한 회고, JS 연습 2

• 과제 경험 공유
• Generative Gestaltung
  • P_2_1_1 01 ~ 03은 지난 주 10PRINT의 응용입니다.
  • 다음의 개념들을 복습합시다. : 반복(for), 조건(if), 마우스 상호작용, 난수(random)의 사용
• 구글드라이브 수업폴더에 저널링 연습합니다.
• JavaScript 참고자료
  • MDN 다시 소개하는 자바스크립트
  • Learn ES2015 (ES6)

#04 : 오브젝트의 랜덤워크

• 과제3에 대한 설문

• RandomWalk 예제 코드
  • RandomWalk 01
  • RandomWalk 02
  • RandomWalk 03
• Turtle을 빌려 쓴 랜덤워크
  • RandomWalk 04
• 읽기자료
  • 당신이 제자리 걸음인 이유 (애자일 컨설팅)

#05 : 벡터의 개념, random / noise

• RandomWalk 03
  • vector 개념을 적용하기
• 1차원 random / noise 연습을 위한 예제
  • y축의 좌표를 random / noise로 변화주기
• 2차원 평면
  • 빠른 random screen
  • 느린 random screen

#06 : 힘과 운동

• random과 noise에 의한 운동
  • RandomWalk 03
  • 위 코드를 기반으로 noise에 의한 운동을 만들기
• Particle 시작예제
• Particle + 중력(Gravity)
• Particle + 중력 + 바람(Wind)

#07 : 힘과 운동 2

• Real Gravity
• Walker의 응용 - 최승희
• 여러 개의 파티클
  • 예제 1 - 이혜원
  • 예제 2 - 김범준
• 만유인력 응용 - 조희진

#08 : ParticleSystem 코드 읽기

• 친구코드 읽기 : 오브젝트 응용 - 김성백
• ParticleSystem 코드 읽기
• ParticleSystem 응용 예제 : 멜로디 파티클

#09 : 버전관리 / 연습과 창작

• Coding Train : Git and Github for Poets
  • 누구나 쉽게 이해할 수 있는 Git입문
  • Git 간편 안내서
• Github 개인페이지 템플릿
  • 개인페이지 URL 기록하기
• 연습/창작을 위한 기본 씨앗
  • RandomWalk 03
  • Particle + 중력 + 바람(Wind)
  • ParticleSystem
  • NoC_2_07 Attraction Many

#10 : 개인 페이지 만들기

• Github 개인페이지 URL 기록하기

• 친구 코드리뷰

  • 불꽃놀이 - 신하은
  • 팝콘/불꽃놀이2 - 고지윤

#11 : 라이브러리 읽기

• Box2D 예제 https://github.com/nature-of-code/noc-examples-p5.js 5장 참고

• Box2D 관련

  • https://box2d.org Box2D 공식 웹사이트
  • https://github.com/flyover/box2d.js - 가장 최신으로 업데이트되는 JavaScript/TypeScript 라이브러리
  • https://github.com/mvasilkov/box2d-html5 - NoC는 이걸 기반으로 하는거 같습니다.

#12 : Autonomous Agents

• Steering Behaviors For Autonomous Characters
  • by Craig W. Reynolds http://www.red3d.com/cwr/
• Turtles, Termites, and Traffic Jams
  • by Michel Resnick

• NetLogo

• 코드리딩
  • NoC 6_01 Seek
  • NoC 6_08 Separation and Seek
  • NoC 6_04 FlowField