Tutorial of Slick2D for my Club's freshman in 2014

1. Game Programming
with Slick2D
GROW Game Team - for Freshman

2. Contents
 Installation
 Hello, world!
 Draw the image
 Move the image with Keyboard
 Animation with Array
 Animation with Animation

3. Installation
GROW Game Team - for Freshman

4. Installation
 Slick2D Homepage

5. Installation
 Unzip
 압축을 해제하여 적당한 위치에 폴더째로 옮긴다
 다른 것은 다 지워도 dll(Windows)나 so(UNIX/Linux),
dylib(OS X)와 lib 폴더 내용은 남겨두어야 한다

6. Installation
 Eclipse project
 Java 프로젝트를 생성한다

7. Installation
 Eclipse project
 Slick2D 라이브러리를 추가한다
 추가한 라이브러리는 이후에도 재활용 가능

8. Hello, world!
GROW Game Team - for Freshman

9. Hello, world!
 New Class file
 새 소스 파일을 생성하고 수정한다
 16번 줄: 우리가 구현한 코드를 사용하기
위해 준비
 17번 줄: 해상도와 전체화면 유무 설정
 18번 줄: 게임 시작

10. Hello, world!
 실행한다

11. Draw the Image
GROW Game Team - for Freshman

12. Draw the Image
 새 소스 폴더를 생성한다
 이름은 아무 거나 상관 없지만 대중적으로 쓰이는 res로 한다

13. Draw the Image
 res 소스 폴더에 이미지를 추가한다
 Slick2D는 PNG, GIF, JPG, TGA 파일을 지원한다

14. Draw the Image
 코드를 수정한다
 5, 11, 18번째 줄 참고
 11번째 줄: 사용할 이미지를 불러온다
 18번째 줄: 이미지를 화면에 출력한다

15. Draw the Image
 실행한다

16. Move the image with Keyboard
GROW Game Team - for Freshman

17. Move the image with Keyboard
 코드를 수정한다
 1, 7, 14, 15, 20~23, 28번째 줄 참고
 20~23번째 줄: 눌린 키에 따라 좌표 이동
 28번째 줄: 지정된 좌표에 출력

18. Move the image with Keyboard
 실행한다

19. Animation with Array
GROW Game Team - for Freshman

20. Animation with Array
 애니메이션의 원리
 여러 이미지를 빠른 속도로 교체하여 출력하는 것
 동영상은 24프레임, 콘솔 및 휴대용 게임은 30프레임, PC 게임은 60프레임이 기본
 지역 단위 애니메이션과 전역 단위 애니메이션이 존재
 지역 단위 애니메이션: 캐릭터 등 단일 개체의 애니메이션
 전역 단위 애니메이션: 게임/동영상 화면

21. Animation with Array
 애니메이션을 위한 이미지를 추가한다

22. Animation with Array
 코드를 수정한다
 6, 7, 14, 21 ~ 26, 35번째 줄 참고

23. Animation with Array
 실행한다

24. Animation with Animation
GROW Game Team - for Freshman

25. Animation with Animation
 코드를 수정한다
 6, 13~16, 21~23, 33번째
줄 참고

26. Animation with Animation
 실행한다