dico.gif


KakaoTalk_20200118_175947712.gif


260_170좌측.gif


배너.gif


광고베너.gif

♨랭킹 TOP 20♨

  1. 타이갓 142,590
  2. 얍얍 130,405
  3. 도리toS 85,458
  4. 투혼v 69,987
  5. ZicP 60,742
  6. 치즈돈가스덮밥 57,906
  7. 헤이브로 54,667
  8. 퐝비홍 49,960
  9. 깡따구 45,007
  10. 스쿼드 44,783
  11. 머니 37,638
  12. 코난 32,897
  13. 두현베어스 32,593
  14. 키호 31,429
  15. 뿌리염색 30,969
  16. 안인시우안 30,358
  17. 개나리 26,459
  18. 규따네 25,974
  19. Gwoni 24,773
  20. 도라이 23,572

huuon2.gif


260_170우측배너.gif


♨신규 게시물♨




♨신규 댓글♨



6faa2286ccd015fb37f28f688e13eac6.png

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

지금몇시지2019.08.05 23:58조회 수 226추천 수 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 관리자)

댓글 달기 WYSIWYG 사용

글쓴이 비밀번호
댓글 3
번호 제목 글쓴이 조회 수
65 USBWebserver v8.6.2 가장 가벼운 포터블 웹서버1 jhon 58
64 Code 수정 유틸 ollydbg 사용법1 뿌르뿌르 54
63 메이플 모작 진행상황 (툴)6 sacyz1n 247
62 브릿지 패턴 (Bridge Pattern)4 sacyz1n 77
61 [ubuntu] Apache2, MySQL, PHP 설치 및 MySQL 비밀번호 설정 벨루볼루 29
60 [ubuntu] MySQL Too many connections 해결1 벨루볼루 33
59 디스코드 봇 만들기 [Create Discord Bot] - 1 토끼린 160
58 파이썬을 이용한 간단한 메이플스토리 만들기(6/20) - 로그인 기능 수정및 다음화면 이미지 넣기5 지금몇시지 276
57 03. 크레이지 아케이드 만들기 (타이머 매니저, 싱글톤 패턴)4 sacyz1n 194
56 02. 크레이지 아케이드 만들기 (PeekMessage, 게임 구조)2 sacyz1n 110
55 01. 크레이지 아케이드 만들기 (윈도우 창 보정,)3 sacyz1n 99
54 00. 크레이지 아케이드 만들기 (Win API 소개)5 sacyz1n 191
53 파이썬을 이용한 간단한 메이플스토리 만들기(5/20) - 회원가입 및 로그인 기능 수정 및 다음 화면 만들기1 지금몇시지 143
52 파이썬을 이용한 간단한 메이플스토리 만들기 공지(포토샵 디자이너 모집)2 지금몇시지 124
51 배치파일로 로그기록 하기! 초코슬램 23
50 ★ 비주얼 베이직6.0 노설치버전은 여기서 ★2 초코슬램 41
49 파이썬을 이용한 간단한 메이플스토리 만들기(4/20) - 회원가입 및 로그인 기능 만들기5 지금몇시지 176
파이썬을 이용한 간단한 메이플스토리 만들기(3/20) - 로그인 화면 만들기3 지금몇시지 226
47 포토샵 웹용으로 저장 save for web 비활성화 되어있는경우 활성화시키기 (포토샵 포터블 오류) 관리자 331
46 파이썬을 이용한 간단한 메이플스토리 만들기(2/20) - IDE(통합개발환경)설치편1 지금몇시지 85
첨부 (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
">

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