본문 바로가기

전체 글166

[스크래치] 게임 만들기 - 물풍선 게임 두번째 시간 게임제작으로 배우는 스크래치 코딩 물풍선 게임 게임 제목을 물풍선 게임으로 변경 해 보았습니다. 쥐를 조정하며 물풍선을 발사하여 유령을 많이 맞추는 게임입니다. 지난 포스팅에서의 제목은 '유령 물풍선으로 잡기'였습니다. 지난 포스팅에서는 유령이 움직이지 않고 나타났다가 물풍선에 맞으면 점수가 올라가고 사라지도록 하였습니다. 이번 포스팅에서는 한단계 업그레이드 하여 유령이 움직이도록 하였습니다. 그리고 한가지 더 유령도 물풍선을 발사하여 쥐를 공격할 수 있도록 해 보았습니다. 먼저 어떤 게임인지 한번 해 보고 코딩 설명을 드리도록 하겠습니다. 방향키로 조정하여, 유령이 나타나면 스페이트 키로 맞추면 됩니다. 이전 포스팅을 보지 않은 분들이라면, 먼저 이전 포스팅을 읽어 보실 것을 부탁 드립니다. 이전 내용.. 2017. 10. 6.
[티스토리] 글 영역 꾸미기 HTML/CSS 배우기 티스토리 글 영역 꾸미기 지난 포스팅에서 카테고리에 대하여 하였습니다. 이번에는 티스토리 글 영역 화면을 꾸며보도록 하겠습니다. 즉, 게시글 보기 화면 꾸미기 입니다. 먼저 HTML영역 부터 알아보도록 하겠습니다. 사실 티스토리 스킨제작에서 HTML 영역은 크게 설명 드릴 부분이 없습니다. 단, HTML영역을 이해하기 위해서는 치환자에 대하여 정확한 개념을 가지고 있어야 합니다. 치환자란 티스토리에서 제공하여 주는 기능으로, 각 영역과 내용을 뿌려주는 태그들을 말합니다. 예를 들어 카테고리에서 글을 클릭했다라고 생각해 봅시다. 그러면 해당 글의 보기화면으로 이동하게 될 것입니다. 이 때 글 보기 화면에서 보여 줄 내용들의 영역과, 그 영역안에는 제목, 작성 시간, 내용 등이 들어 갈 것인데 이것들을 가지.. 2017. 10. 2.
티스토리 대표이미지 다음 에디터로 간편하게 만들어 보자 티스토리 대표이미지 다음 에디터로 간편하게 만들어 보자 그동안 대표이미지는 포스팅 할 때 올리는 이미지들 중 하나를 선택하였습니다. 그러다 보니 카테고리에서 보여지는 모습이 너무 마음에 안들었습니다. 나도 조금은 보기좋게 대표이미지를 만들어보고 싶어, 대표이미지 만들기 글들을 읽어보았지만 모두 포토샵 등의 이미지 에디터에서 작업하는 내용들 뿐이였습니다. 어디서나 간편하게 그렇지만 깔끔하게 대표 이미지를 만들수는 없을까 라는 생각에 나름 고민에 빠졌습니다. 그리고 나만의 방법을 터득 했습니다. 바로, 윈도우가 설치되어 있다면 가능한 그림판과 티스토리에서 제공하고 있는 다음 에디터(Daum Editor)를 이용하여 대표 이미지를 만드는 방법입니다. 사실, 이 글을 쓰기 바로 전 포스팅을 하며, 생각 하고 만.. 2017. 9. 27.
[인벤터] 퓨전테이블(Fusiontables)을 이용한 모바일 앱 데이터 저장하기 [인벤터] 퓨전테이블(Fusiontables)을 이용한 모바일 앱 데이터 저장하기 이전 포스팅에서는 모바일 게임 앱 만들기, 고양이 잡기에 대하여 게시하였습니다. 게임을 하고 나면 게임점수를 획득합니다 자신의 점수를 다른사람이 볼 수 있다면 게임을 하는 재미가 더욱 커 질 것입니다. 이번 시간에는 바로 이런 기능에 대하여 알아보고자 합니다. 저장소를 활용하여 자신의 점수를 저장해 두고, 다른 사람이 접속 하였을 경우, 점수를 보여주게 하는 것입니다. 모든 사람의 점수를 보여줄 수는 없으니 상위랭크의 점수만 보여주게 해야 되겠죠 인벤터에도 이런 기능이 가능합니다. 그리고 몇가지 방법을 제공하고 있습니다. 첫번째로 File을 이용한 방법입니다 파일에 기록하고 그 파일을 읽어 기능을 구현하는 방법입니다. 두번.. 2017. 9. 26.

티스토리툴바