사계서버.gif

KakaoTalk_Photo_20200826_0900_34083.gif

gb서버.gif

감성서버.gif

현풍.gif

광고베너.gif



♨신규 홍보♨



  1. 동수칸 259,050
  2. 도리toS 243,865
  3. 타이갓 212,115
  4. 투혼v 207,962
  5. 스쿼드 157,756
  6. 깡따구 148,293
  7. 쿠악카미 129,048
  8. 농민2 101,421
  9. 하사 89,818
  10. 두현베어스 88,035
  11. ZicP 86,513
  12. 키호 82,801
  13. 코난 82,482
  14. 머니 76,569
  15. 환장하겠네 70,852
  16. 치즈돈가스덮밥 66,166
  17. 묻었다 63,644
  18. 우리집또털어 63,122
  19. 나로네 62,220
  20. 마티쿄 60,761
  21. RoseM 55,396
  22. 헬스가이 55,038
  23. 뚜루룽이 54,843
  24. godwk 52,037
  25. 김감김 51,743
  26. 리구스 49,911
  27. 어려서부터 49,719
  28. wkdfj234d 47,527
  29. Baron 46,620
  30. □□ 46,293

huuon2.gif


♨신규 게시물♨



광고베너.gif


♨신규 댓글♨


파이썬을 이용한 간단한 메이플스토리 만들기(3/20) - 로그인 화면 만들기

지금몇시지2019.08.05 23:58조회 수 506추천 수 3댓글 3

  • 11
    • 글자 크기

파이썬을 이용한 간단한 메이플스토리 만들기(3/20) - 로그인 화면 만들기

생각보다 사진추출하니라 오래걸렸네요 로그인화면 사진들이 없어서.. 죄송합니다

11편 지금부터 시작하겠습니다. 우선 적합한 게임개발 환경을 위해 VS code를 실행시켜 줍니다.

1.PNG

VS Code를 실행시키면 위와 같은 화면이 보일건데.. Open Folder를 클릭하여 그냥 아무폴더나 만들어서 여기에 저장시켜 주도록합시다.

2.PNG

3.PNG

저는 v1이라는 폴더명으로 생성했는데 마음에 안들어서 다음강좌때 바꿀 생각입니다. ㅎㅎ

4.PNG

위와 같이 main.py 라는 확장자명과 이름으로 파이썬을 작성할수있는 공간을 만들어줍시다.

5.PNG

자 여기까지는 기본입니다. 어떤게임을 만들던간에 필요한 부분입니다. 저는 앞서 강의에서도 말씀드렸다시피

pygame이라는 모듈을 사용하여 게임을 만들거기 때문에 import로 pygame을 해줘서 모듈을 사용할수 있게합니다.

** 혹시나 pygame이 안깔리신분은 cmd에다가 pip install pygame이라고 치시면 됩니다.

pygame.init() : 파이게임 모듈을 사용하기위한 초기화라고 보시면됩니다.

WIDTH, HEIGHT = 800, 600 변수 2개를 800,600으로 초기화

screen = pygame.display.set_mode((WIDTH, HEIGHT)) 

이부분은 디스플레이 즉 화면설정 부분입니다. 쉽게말하면 WIDTH라는 변수와 HEIGHT라는 변수값으로 화면크기로 설정하겠다 이런 뜻입니다.

WIDTH와 HEIGHT가 사진에는 1024,768로 나와있지만 800,600으로 바꿔줍시다.

 

While 1:

            pygame.display.set_caption("MapleStory")

            screen.fill((226, 226, 226))

            pygame.display.update()

* 들여쓰기는 필수 *

pygame.display.set_caption("MapleStory")는 쉽게말패 위에뜨는 캡션명을 MapleStory로 바꾸겠다 이런뜻입니다.

screen.fill((226, 226, 226)) 화면을 채우겠다.. RGB로  R:226 G:226 B:266이니까 회색입니다.

pygame.display.update() 계속 화면을 업데이트.

6.PNG

여기까지 실행결과.

 

7.PNGlogin.py라는 파일을 하나더만들어주고 여기에다가 로그인관련 사진들을 받아보도록 하겠습니다.

import pygame : 여기에다가도 파이게임 모듈을 사용해줍시다.

 

이번강좌에서는 밑부분이 가장 어려운 부분이 되겠네요

 

titles = [ pygame.image.load("login\\title.png"), pygame.image.load("login\\title2.png"), pygame.image.load("login\common.png") ] 

logins = [ pygame.image.load("login\signboard.png"), pygame.image.load("login\login.png"), pygame.image.load("login\quit.png") ]

쉽게말하면 titles라는 변수와 logins라는 변수에 pygame함수를 사용하여 이미지를 저장해준 것입니다. 

저는 절대경로를 사용하고있습니다. 이렇게 경로를 지정할시 다른컴퓨터에서는 실행이 안될수 있습니다. 이에대한 방법은 나중에다시 언급하겠습니다.

 

그리고 다시 main.py로 돌아와

8.PNG

screen.blit(login.titles[0], (0, 0))

screen.blit(login.titles[1], (0, 0))

screen.blit(login.titles[2], (0, 0))

screen.blit(login.logins[0], (275, 265))

screen.blit(login.logins[1], (455, 280))

screen.blit(login.logins[2], (435, 355))

를 해줍니다.

screen.blit는 화면에 그리는 함수입니다. 아까 login.py에서 저장한 사진들을 불러들여서 화면에 그려주는것입니다.

 

screen.blit()주의사항

가정 처음코드 부터 차례로 그려집니다 즉.

screen.blit(login.titles[0], (0, 0)) 그리고 나서

screen.blit(login.titles[1], (0, 0)) 그리고 나서

screen.blit(login.titles[2], (0, 0)) 이런 형식으로 그려집니다. 

따라서 순서가 매우중요합니다.

그리고F5

9.PNG

실행결과

 

이번강의는 여기서 마칩니다. 혹시나 고수분들이 보시기에는 소스코드가 더러울수있습니다.

저 역시도 그렇게 생각합니다. 하지만 강좌를 읽으시고 따라하시는 분들중에 그런 고수분들은 없다고 생각하여 최대한 간단하게 작성합니다.

강의 초중반정도되면 소스코드를 정리하는 시간도 있을거니까 이부분에대해서는 너무걱정 말아주세요

  • 11
    • 글자 크기
파이썬을 이용한 간단한 메이플스토리 만들기(4/20) - 회원가입 및 로그인 기능 만들기 (by 지금몇시지) 포토샵 웹용으로 저장 save for web 비활성화 되어있는경우 활성화시키기 (포토샵 포터블 오류) (by 관리자)

댓글 달기

댓글 3
번호 제목 글쓴이 조회 수
50 서버공격하기? 서버아이피추출프로그램! 린탑 60
49 메이플 본섭 ㅁㅋㄹ 사실분? 토뮤토뮤 67
48 [PHP] 간단한 디스코드 Push 시스템 완전 최소로 구현하기 (매우 간단)3 MJ 164
47 USBWebserver v8.6.2 가장 가벼운 포터블 웹서버4 jhon 191
46 Code 수정 유틸 ollydbg 사용법1 뿌르뿌르 180
45 메이플 모작 진행상황 (툴)8 sacyz1n 675
44 브릿지 패턴 (Bridge Pattern)5 sacyz1n 149
43 디스코드 봇 만들기 [Create Discord Bot] - 13 토끼린 824
42 파이썬을 이용한 간단한 메이플스토리 만들기(6/20) - 로그인 기능 수정및 다음화면 이미지 넣기8 지금몇시지 701
41 03. 크레이지 아케이드 만들기 (타이머 매니저, 싱글톤 패턴)4 sacyz1n 438
40 02. 크레이지 아케이드 만들기 (PeekMessage, 게임 구조)3 sacyz1n 227
39 01. 크레이지 아케이드 만들기 (윈도우 창 보정,)3 sacyz1n 192
38 00. 크레이지 아케이드 만들기 (Win API 소개)6 sacyz1n 396
37 파이썬을 이용한 간단한 메이플스토리 만들기(5/20) - 회원가입 및 로그인 기능 수정 및 다음 화면 만들기2 지금몇시지 370
36 파이썬을 이용한 간단한 메이플스토리 만들기 공지(포토샵 디자이너 모집)2 지금몇시지 232
35 ★ 비주얼 베이직6.0 노설치버전은 여기서 ★4 초코슬램 105
34 파이썬을 이용한 간단한 메이플스토리 만들기(4/20) - 회원가입 및 로그인 기능 만들기6 지금몇시지 378
파이썬을 이용한 간단한 메이플스토리 만들기(3/20) - 로그인 화면 만들기3 지금몇시지 506
32 포토샵 웹용으로 저장 save for web 비활성화 되어있는경우 활성화시키기 (포토샵 포터블 오류) 관리자 1177
31 파이썬을 이용한 간단한 메이플스토리 만들기(2/20) - IDE(통합개발환경)설치편2 지금몇시지 235
첨부 (11)
1.PNG
80.8KB / Download 0
">
2.PNG
23.8KB / Download 0
">
3.PNG
79.2KB / Download 0
">
4.PNG
34.5KB / Download 0
">
5.PNG
77.4KB / Download 0
">
login.zip
652.2KB / Download 1
">
6.PNG
8.7KB / Download 0
">
6.PNG
8.7KB / Download 0
">
7.PNG
49.8KB / Download 0
">
8.PNG
61.7KB / Download 0
">
9.PNG
492.6KB / Download 0
">

서버에 요청 중입니다. 잠시만 기다려 주십시오...