세리리의 해피버스데이 따라하기_ 5 달력

목표

이번엔 달력입니다. 보기보다 신경써야할 게 많습니다.

스크립트

 스크립트 양이 조금 많아서 접었습니다. 물론 주석이 반입니다.  사실 주석이고 뭐고 이렇게까지 자세하게는 안 쓰려고 했는데 마음대로 안 되네요..--;  

init python: # 달력스크린 screen calendar: # 이 화면에서 info 스크린을 같이 그립니다. # 달력 버튼(다음달 보기, 이전달 보기)를 누를때마다 calendar 스크린을 새로 그리는 통에 # screen info: # use calendar 처럼 쓰면 버튼 눌렀을 때 info 스크린이 사라집니다..ㅇ<-< # 사실 이름이고 뭐고 지금 엄청 꼬여서 나중에 확 정리해야할듯여. use info tag command # 0, 0, 0, 3,4,5,6,~ 1,2,3 # 아래 data 변수는 달력 만들때 필요한 정보를 담고 있습니다. # 앞에 0, 0, 0은 month 값을 이 리스트의 인덱스로 쓰려는데 # 실질적으로 게임이 3월부터 시작하니까, 인덱스도 똑같이 맞춰주려고 # 앞 부분은 그냥 비웠습니다. # 그러니 data[month] 라 적고 month가 3이면 바로 [3,31]에 접근할 수 있는 거져. # data[month - 3]같은 짓을 안해도 되니 훨씬 알아보기 편하고여.. # 사실 저 data[month-3]이 되는지도 모르겠고; $ data = [0, 0, 0, [3, 31], [6, 30], [1, 31], [4,30], [6,31], [2,31], [5,30], [7,31], [3,30], [5,31], [1,31], [4,28], [4,31]] # [3,31]에서 3은 해당 달에서 1일이 시작하는 요일을 숫자로 나타낸 것입니다. # 1은 일요일이 1일이란 뜻이고 2는 월요일이 1일이란 뜻입니다. # 뒤에 31일은 마지막 날입니다. 3월을 31일에 끝나니까 31이라 적었습니다. vbox: xalign 0.9 yanchor 1.0 ypos 444 # 이전 달 보기 버튼/ 몇 월인지 보여주는 글씨 / 다음 달 보기 버튼을 만듭니다. hbox: # month 가 3이면 시작하는 달이니까 이전 달력을 못보도록 버튼만 그려둡니다. if month == 3: textbutton '<<' # 아니면 이전으로 돌아가는 기능을 하도록 합니다. # 아래 스크립트는 풀어쓰자면 # 'calendar' 스크린을 다시 그리기는 하되 조건이 현재 month 변수 값에서 1을 뺀 값을 다시 month 변수에 저장한다 # 가 됩니다. # month 변수는 data 리스트를 이용해서 달력 그리는 데 사용되는 값입니다. # 예를 들면, 지금 4월달 보다가 3월달 보려고 버튼을 누르면 # month = 4 가 month = 3 이 된 채로 calendar 스크린을 다시 그립니다. # 그러면 달력 그리는데 필요한 정보가 3월달 기준으로 정해져서 # 3월달 달력을 그리게 됩니다. else: textbutton '<<' action Show('calendar', month = month - 1) # 참고로 외부에서도 month라는 변수를 쓰지만 스크린 안에서만 값이 바뀌고 게임 진행에는 # 영향을 안 미치니 괜찮습니다. # 몇 월인지를 보여주기 위한 if문입니다. # month 를 막 넘기다가 13 이상 가면, 사실상 13번째 달은 없으니까 # month에서 -12 한 값을 _month 라는 변수에 저장합니다. if month >= 13: $ _month = month -12 # 13보다 작으면 있는 그대로 표시하면 되겠죠 else: $ _month = month # 이렇게 _month에 저장된 값을 표시하면 됩니다. text '[_month]월' # 사실 이런 짓 안 하고 애초에 data에 [3,31,'3월'] 처럼 써도 되지만 # 그러면 몇 월인지를 수정하려고 data 변수를 찾아서 건드려야 합니다.. # 만 어차피 예제용 게임이니 상관 없겟네여ㅇ<-< # month값이 15까지 가면 더 이상 표시할 달력이 없으니까 # 버튼을 막습니다. if month == 15: textbutton '>>' # 아니면 이 버튼을 눌러 다음달 달력을 볼 수 있습니다. else: textbutton '>>' action Show('calendar', month = month + 1) # If 액션으로 되면 좋은데 왜인지 안 되더라구여. # 7열 6행 그리드입니다. 1행은 요일그리는데 쓰니까 총 5행에 날짜를 그립니다. # 날짜 그리는데만 6행이 필요한 달도 있는데 이 게임이 진행하는 기간에는 그런 달은 없더군요. # 6행이 필요한 달력을 그리려면 grid 7 7 이라고 그리면 될 겁니다. 어차피 날짜 다 그리고 나서 남은 그리드 자리는 # 빈칸 null 로 채울테니까요. 비록 달력은 조금 길어지겠지만.. grid 7 6: # 요일을 그립니다. text '일' text '월' text '화' text '수' text '목' text '금' text '토' # 날짜 그리기를 시작합니다. 여기서 쓰이는 day 변수는 달력에서 날짜 그릴때 씁니다. # 맨 첨에 init python 블록에 정했던 day에는 영향을 안 줍니다. $ day = 1 # i에 1부터 35까지 대입하면서 for문을 굴려줍니다. for i in range (1, 36): # 아까 data에서 첫 번째 오는 숫자는 해당 달의 첫번째 날이 무슨 요일에 시작하는지를 가리킵니다. $ firstday = data[month][0] # 두 번째 오는 숫자는 마지막일이 31일인지 30일인지 28일인지를 나타냅니다. $ lastday = data[month][1] # 그러니까 해석하자면, i 가 이 달의 첫 번째 요일을 가리키는 숫자보다도 작거나 # i 가 요일 숫자 + 마지막 날짜보다 크거나 같으면 # 빈칸을 입력합니다. if i < firstday or i >= firstday + lastday: null width 10 # 음, 첫째날 시작 요일이 월요일(가리키는 숫자는 2)이고, 이 달의 마지막은 30일이라고 칩시다. # 그럼 i 에 1이 대입되었을 때를 생각해봅시다. # 1은 이 달의 firstday값인 2보다 작으니까, 이 때는 null을 그립니다. # for 문을 한 번 더 굴립니다. 그러면 이제 i 값은 2가 됩니다. # 2면 if문에 걸리니까 null을 안 그리고 대신 밑에 else 문으로 가겠죠 # 죽죽 넘어가다가 i가 이제 34이 되었다 칩시다. # i = 34인데 2 + 30 = 32 보다 값이 크니까 빈 칸을 그립니다. # 이해가 잘 안 가시면 직접 어디에 써가면서 확인하시면 됩니다. 저도 그렇게 해봤거든요..ㅇ<-< # 위 if문을 충족하지 못하면, 아래 블록을 실행합니다. else: # 이벤트가 있거나 특정한 날에는 해당 날짜 뒤에 특별한 배경을 넣기 위해 mark 변수를 만들었습니다. $ mark = style.frame.background # eventday 라는 이벤트날짜를 담은 리스트를 또 for문으로 굴려줍니다. # 월,일,이벤트이름 (3,12,'birthday') 순으로 적었으니까 이를 다음처럼 for문에서 m, d, icon으로 지정해줍니다. for m, d, icon in eventday: # 죽죽 굴리다가 eventday 에 저장한 m 값이 _month 값과 맞고 d 값이 day와 맞으면 if m is _month and d is day: # mark변수에 icon + .png 라는 이미지 파일이름을 저장합니다. # 이벤트에 따라 다르겠지만 예제에서는 일단 birthday.png 라는 이미지 이름을 저장합니다. # $ mark = icon + '.png' # 하지만 전 일단 아이콘 만들기가 귀찮으니 색상이름을 대신 저장했습니다. $ mark = '#f56' frame: # 이렇게 만들어진 mark 변수는 frame 위젯의 배경으로 쓰입니다. # 변수에 스타일 설정을 저장해놓고 이용할 수 있는게, 여기서는 일요일같은 게 없는지 그냥 다 민짜로 글씨를 표시했지만 # 좀 더 현실에 가까운 달력을 만든다면 휴일을 빨간색으로 표시해줘야겠죠. red = "#f00" 해놓고 휴일이나 일요일이 되는 날짜에 적용한다던가 # 뭐 그런 때에 써먹을 수 있습니다. xalign .5 background mark # 위 if 문을 충족 못했을 때 text위젯으로 아까 지정한 day 변수를 기록합니다. # 예를 들어 i 가 2가 되면 시작 요일 가리키는 날짜랑 같으니까 # 아까 if 문에서 팅기고 일로 넘어옵니다. # i 는 2지만 우리는 day 를 여기서 적고, day는 아직 바뀌지 않았으니까 1을 그대로 입력합니다. text '[day]' # 적어주고는 day 변수에 1을 더합니다. 이제 day는 2가 되겠져 $ day += 1 # 그리고 다시 for문 블럭 맨 처음으로 돌아가서 if 문에서 걸릴 때까지 계속 이 짓을, # 그러니까 i가 3이면 if문에서 팅기니까 또 일로 와서 day를 적어줍니다. # 아까 day에 1더해서 2 됐으니까 2를 적겠죠 # 그리고 또 for문으로 돌아가고 반복반복해서 # i 가 36이 되면 드뎌 for문 전체에서 팅겨나가게 됩니다. # 정보 화면 하단에 달력을 표시할 때마다 해당 달의 이벤트를 알려줍니다. # 이 때는 event_info를 딕셔너리로 만든 다음에 # event_info[13].append('내용') # ..해가지고 추가하면 되겠죠... 13은 다음년도 1월을 가리킵니다. # 나중에 진행할 내용이랑 겹쳐 있어서 그냥 설명은 이 정도로. window: style 'say_window' vbox: # 해당 달이 표시되었을 때 알려줘야할 이벤트 정보가 있으면 for문을 수행합니다. # 없으면 그냥 아무것도 표시 안 합니다. if event_info.has_key(month): for notice in event_info[month]: text notice text '' # 달력 스크린에서 썼던 eventday , event_info 변수입니다. 제일 위에 쓰면 어디 쓰였는지 헷갈리실 것 같아 붙여 적었습니다. init -1 python: eventday = [(3, 12, 'birthday')] event_info = {3:['세리리 생일이 있습니다.']} # 정보 버튼을 누르면 info 스크린 대신 calendar 스크린을 띄웁니다. screen command: tag command use status ### use spot ## # 정렬용 2x2 격자판 위젯을 만듭니다. grid 2 2: xpos 0.1 ypos 0.4 # 스케쥴 textbutton "스케쥴" action Jump("schedule") # "대화" textbutton "대화" action ui.callsinnewcontext("conversation") # 호감도, 달력, 예정, 상태를 볼 수 있는 화면. textbutton "정보" action Show('calendar') ########### # 저장이나 환경설정 할 수 있는 메뉴입니다. textbutton "시스템" action ShowMenu('save')

완성

위치 조정은 스케쥴 설정 스크린까지 완성하고 나서..

링크

딕셔너리 , 리스트, for문

예전에 썼던 내용도 같이 링크해두겠습니다.

강의_스타일 / 강의_인덱스 스타일 / 매뉴얼_스타일과 스타일 속성_xminimum, yminimum
강의_스크린
변수에 저장한 값을 글자로 나타내기
스크린언어_ grid문