01 「토토의 하루」 그림 하루 일과표
첫 요청「내 웹툰 「토토의 하루」에 나오는 유치원 그림 일과표를 HTML 파일 하나로 만들어 줘. 등원 · 자유놀이 · 간식 · 바깥놀이 · 점심 · 낮잠 · 하원 7개를 큰 그림 카드로 보여 주고, 지금 시각에 해당하는 카드를 크게 강조해 줘. 카드 이름과 시간은 화면에서 바꿀 수 있게 하고 브라우저에 저장해 줘.」
고치기「카드마다 내가 만든 캐릭터 그림을 넣을 수 있게 해 줘」
이야기용 고치기「활동이 바뀔 때마다 토토가 말풍선으로 다음 활동을 알려 주게 해 줘」
시연: 아래 「시간 바꿔 보기」 막대를 끌면 강조 카드와 토토의 말풍선이 바뀝니다. 그림은 「카드 고치기」에서 넣습니다.
02 「한 달 용돈 대작전」 용돈기입장
첫 요청「내 웹툰 「한 달 용돈 대작전」에서 주인공 하나가 쓰는 용돈기입장을 HTML 파일 하나로 만들어 줘. 날짜 · 내용 · 분류(간식 · 교통 · 문구 · 저축 · 기타) · 금액을 입력하면 목록에 쌓이고, 이번 달 수입 · 지출 · 남은 돈과 분류별 원그래프를 보여 줘. 내용은 브라우저에 저장해 줘.」
고치기「한 달 목표 금액을 정하고 넘으면 빨간색으로 알려 줘」
이야기용 고치기「한 달 목표를 지키면 주인공이 축하하는 화면을 띄워 줘」
시연: 예시 기록은 목표(35,000원)를 넘어 빨간색입니다. 간식 하나를 지우거나 목표를 올린 뒤 「이번 달 마감하기」를 누르면 축하 화면이 뜹니다.
03 「첨성대 높이 재기」 일차함수 그래프 놀이
첫 요청「내 학습만화 「첨성대 높이 재기」에서 주인공 준이 공책에 그리는 일차함수 그래프를 HTML 파일 하나로 만들어 줘. 좌표평면 위에 y = ax + b 그래프를 그리고, a와 b를 슬라이더로 −5부터 5까지 바꾸면 그래프가 바로 움직이게 해 줘. 현재 식을 크게 보여 주고, x절편과 y절편에 점을 찍어 줘.」
고치기「이차함수 y = ax² + bx + c도 고를 수 있게 해 줘」
이야기용 고치기「x축 이름을 그림자 길이, y축을 높이로 바꾸고, 해의 높이를 슬라이더로 바꾸면 기울기가 달라지게 해 줘」
시연: 「🏯 첨성대 이야기」를 누르고 해의 높이 막대를 움직입니다.
04 「오늘의 마음 날씨」 감정 날씨 체크인
첫 요청「내 웹툰 「오늘의 마음 날씨」에서 주인공 하늘이 교실 태블릿으로 누르는 감정 날씨 체크인을 HTML 파일 하나로 만들어 줘. 맑음 · 구름 · 비 · 천둥 · 무지개 중 하나를 큰 버튼으로 고르고 한 줄 메모를 남기면 날짜와 함께 저장되고, 아래에 이번 주 기록을 표로 보여 줘. 내용은 브라우저에 저장해 줘.」
고치기「여러 아이가 이름을 골라 각자 기록하게 해 줘」
이야기용 고치기「일주일 기록을 날씨 그림이 이어진 한 줄 만화처럼 보여 줘」
시연: 예시 이름 「하늘」의 한 주가 천둥 → 무지개로 이어집니다. 이름은 모두 예시입니다.
05 「향기 없는 모란」 나만의 연표
첫 요청「역사 웹툰 회차를 정리할 연표 도구를 HTML 파일 하나로 만들어 줘. 연도 · 사건 이름 · 설명 · 시대(삼국 · 통일신라 · 고려 · 조선)를 입력하면 연도순 세로 연표로 자동 정렬하고, 시대마다 다른 색으로 보여 줘. 내용은 브라우저에 저장하고 인쇄 버튼도 넣어 줘.」
고치기「연도를 가리고 맞히는 퀴즈 모드를 넣어 줘」
이야기용 고치기「사건마다 한 줄 요약과 썸네일 이미지를 넣어 웹툰 회차 목록처럼 보여 줘」
시연: 회차마다 「🖼 그림」으로 4컷 이미지를 붙입니다. 「❓ 연도 퀴즈」를 누르면 연도가 가려집니다.
06 「발표 3분 전」 호흡 안내 타이머
첫 요청「내 웹툰 「발표 3분 전」에서 주인공 서윤이 휴대폰으로 따라 하는 호흡 안내 타이머를 HTML 파일 하나로 만들어 줘. 가운데 원이 4초 동안 커지고(들이쉬기), 7초 멈추고(멈추기), 8초 동안 작아지게(내쉬기) 하고, 지금 단계를 글자로 보여 줘. 반복 횟수를 정하고 시작 · 멈춤 버튼을 넣어 줘. 색은 차분하게 해 줘.」
고치기「끝나면 지금 기분을 1~5점으로 남기고 기록을 볼 수 있게 해 줘」
이야기용 고치기「호흡이 끝나면 주인공 표정이 긴장한 얼굴에서 편안한 얼굴로 바뀌게 해 줘」
시연: 한 번에 19초입니다. 반복을 1회로 두면 19초 뒤 표정이 바뀝니다.
07 「동자승의 108배」 108배 · 염주 카운터
첫 요청「내 웹툰 「동자승의 108배」에 나오는 숫자판처럼 절한 횟수를 세는 도구를 HTML 파일 하나로 만들어 줘. 화면 아무 곳이나 누르거나 스페이스바를 치면 수가 하나씩 올라가고, 108에 닿으면 종소리처럼 알려 줘. 큰 숫자와 진행 막대를 보여 주고, 날짜별 기록을 브라우저에 저장해 줘.」
고치기「원 둘레에 염주 알 108개를 그리고 한 알씩 색이 바뀌게 해 줘」
이야기용 고치기「27 · 54 · 81 · 108번째에 동자승 그림과 한 줄 대사가 나오게 해 줘」
시연: 화면을 27번 누르면 첫 컷이 열립니다. 81번과 108번에서 종소리가 납니다.