보통 티스토리 블로그의 사이드바 상단에 존재하는 블로그 설명 문구의 정렬방법에 관해 포스팅하고자 합니다. 언제부터인가 제 블로그 정보의 설명문이 중앙정렬되어 문장이 끝날 때 이상하게 떨어지는 것이 눈에 거슬렸습니다. 고쳐야지 고쳐야지 하다가 오늘에서야 손대게 되는 군요. 뭐 대단히 중요한 게 아니라 그대로 방치한 지 몇 개월이 지났으니 어지간히도 게으른가 봅니다. 각설하고 저 중앙 정렬된 문장을 좌측 정렬된 문장으로 바꾸려고 합니다. 티스토리 자체의 설정 페이지에서는 왼쪽 메뉴 중 가장 하단의 블로그 항목에서 볼 수 있는데 수정하는 메뉴가 존재하지 않습니다. 그냥 단순히 문장의 내용만 수정이 가능한 구조입니다. 블로그 설명을 수정하기 위해서 html 편집의 css 항목으로 들어갑니다. Ctrl + F를 ..
비보잉에 소리와 배경을 삽입할 차례입니다. 소리 탭을 클릭하고 아래쪽에서 소리 고르기를 클릭합니다. 소리 역시 다른 스프라이트들과 마찬가지로 가져오기는 물론 녹음이나 업로드 등이 가능합니다. 소리 고르기를 클릭한 뒤 목소리 항목에서 'cheer'와 'ya'를 가져옵니다. 다시 코드탭으로 돌아와서 소리 팔레트에서 'ya 재생하기' 블록을 첫 번째의 'ㄷ'자 블록인 5번 재생하기 블록 내의 최상에 삽입합니다. 다음으로 역시 소리 팔레트에서 'ya 재생하기' 블록을 가져와 블록 군 전체의 가장 하단부에 삽입하고 소리 종류를 'cheer'로 바꾸어 줍니다. 이제 소리도 모두 집어 넣었으니 배경을 넣을 차례입니다. 에디터의 하단 가장 우측에 있는 배경 고르기를 클릭하여 실내 탭에서 'concert'를 선택합니다...
티스토리에서는 2020년 4월 27일부터 자체 플러그인을 통하여 사이트맵이 자동으로 생성되도록 업데이트하였습니다. 티스토리 블로그의 사이트맵 파일은 'https://블로그 주소/sitemap.xml'을 통해 접근할 수 있습니다. 또한, 티스토리 기본 사이트맵에는 다음과 같은 페이지의 주소(URL)가 포함됩니다. - 블로그 홈 - 공개 상태인 카테고리 글 목록 - 공개 상태인 일반 글 - 공개 상태인 공지 글 - 공개 상태인 페이지 - 태그 모음 페이지 - (방명록 등록 허용 시) 방명록 이때 업데이트 공개시에는 등록 페이지 개수가 1,000개로 제한되어 있었습니다. 그러나, 5월 6일의 업데이트를 통하여 이를 3,000개까지 늘렸습니다. 아직까지는 하나의 구글계정에는 한 개의 블로그에만 구글 사이트맵 플..
이번 포스팅에서는 처음으로 소리가 들어가는 스크래치 파일을 만들어 보겠습니다. 아래의 첨부된 압축파일을 다운로드하시고 압축을 풀면 춤추는 비보잉 4컷이 나옵니다. 압축이 풀린 4장의 그림 중 서있는 대기모드의 1번 그림을 에디터의 우측 하단에 있는 스프라이트 업로드하기 버튼을 눌러서 업로드해주시기 바랍니다. 그다음 좌측의 모양 탭을 누른 뒤 모양 업로드하기를 눌러서 나머지 3개의 파일들을 모두 차례대로 업로드해줍니다. 이미지들을 모두 업로드하면 아래의 이미지에서 처럼 에디터의 모양 탭에서 봤을 때 4개의 모양이 있게 됩니다. 이제 작업을 시작해 보겠습니다. 1번 이미지가 선택된 상태에서 코드 탭을 누르고 이벤트 팔레트에서 '클릭했을 때' 블록을 가져옵니다. 다음으로 동작 팔레트를 클릭하고 'x: 0 y:..
이번 포스팅에서는 계속 배우기만 하면 지루하니 스스로 풀어보는 시간을 가져보기 위해 앞에서 배운 내용을 응용해서 예제 문제를 하나 풀어 보려고 합니다. (예제) 거미줄에서 거미가 키보드의 상하 키에 반응하여 위아래로 30의 속도로 움직이게 만들고 스페이스바를 누르면 좌표 (-150, 100) 지점으로 이동하게 하시오. 또한, 배경은 거미줄 이미지를 배경으로 사용하세요. 대충 문제를 읽어보니 왠지 우리가 했던 대로 하면 금방 될 것 같습니다. 이미지 재료로 먼저 거미와 거미줄 배경을 구해야겠습니다. 스프라이트 고르기에서 동물 칸에 들어가 보면 'Ladybug2'라는 위아래로 움직이기 적당한 거미가 있습니다. 이걸로 골라야겠습니다. 다음으로 거미줄이 있는 배경 이미지를 찾아보니 스크래치 자체에는 보이질 않네..
이번 포스팅에서는 이전 시간에 만든 화살표 및 버튼에 반응하는 스프라이트를 삽입하고 배경을 만들어 보도록 하겠습니다. 이제 화면의 중앙에서 버튼의 메시지에 반응하는 객체를 만들어야 합니다. 저는 'shark2'를 골랐습니다. 이름을 상어로 바꿔 줍니다. 스프라이트창에서 상어가 선택되어 있는 상태에서 코드 탭의 이벤트 팔레트에서 '시작 신호를 받았을 때' 블록을 가져옵니다. 왜냐하면 상어는 각종 버튼들에서 앞으로 신호를 받는 대상인 객체이기 때문입니다. 시작을 왼쪽으로 변경하고, 동작 팔레트에서 '90도 방향 보기' 블록을 가져옵니다. 시계방향으로 오전 9시 방향을 봐야 하므로 90을 -90으로 수정해 줍니다. 형태 팔레트를 클릭하고 '다음 모양으로 바꾸기' 블록을 가져옵니다. 그 다음으로 다시 동작 팔레..
애드센스 블로그 관리 페이지에서 설정하는 광고 관련 설정에는 광고 로드율의 조정과 광고 게재율의 조정 두 가지가 있습니다. 물론, 광고로드는 자동 광고가 켜져 있는 블로그라는 가정이 성립해야 존재할 수 있습니다. 이하에서는 자동광고 기능이 켜져 있는 블로그라는 가정하에 설명드리도록 하겠습니다. 먼저, 광고로드를 확인하려면 애드센스에 로그인한 뒤 광고를 누릅니다. 그러면 오른쪽에 자동 광고가 적용되어 있는 블로그들이 나올 것입니다. 자동 광고가 송출되고 있는 블로그는 초록색 글씨로 해당 블로그 주소 옆에 설정이라고 초록색 글씨로 쓰여있습니다. 그 오른쪽에 있는 연필 모양의 설정을 클릭합니다. 이곳에서 해당 블로그의 자동광고 설정을 수정할 수 있습니다. 우측에 광고 로드라고 적혀있는 화살표를 클릭하면 슬라이..
오늘은 키보드가 아닌 화면 내에 버튼을 삽입하여 객체를 컨트롤하는 방법을 알아보도록 하겠습니다. - 왼쪽, 오른쪽, 시작 3가지의 메시지 보내기 및 객체 컨트롤 버튼 만들기 - 버튼의 명령대로 움직일 객체와 배경 삽입 먼저, 버튼을 만들어 보도록 하겠습니다. Arrow1과 button1 두 개를 가져온 뒤 Arrow1은 우클릭 복사하여 두 개를 만듭니다. 버튼은 시작, 화살표 하나는 왼쪽, 하나는 오른쪽이라고 이름을 바꾸어 줍니다. 이제 화살표의 방향을 이름과 동일하게 맞추어 주기 위해 모양 탭을 열고 스프라이트 창에서 왼쪽 화살표를 찍은 상태에서는 모양 탭에서 왼쪽을 향한 화살표를 고그로, 스프라이트 창에서 오른쪽 화살표를 찍은 상태에서는 모양 탭에서 오른쪽을 향한 화살표를 선택해줍니다. 버튼의 크기가..
이번 포스팅에서는 이전 시간에 이어서 앵무새 스프라이트가 위나 아래에 있을 때 스페이스키를 누르면 지정된 자리로 돌아오는 블록을 삽입해 보도록 하겠습니다. 이전 포스팅에서 스쿨버스가 지정된 자리로 돌아가는 개념과 상이하므로 특별히 어려운 부분은 없습니다. 코드 탭에서 이벤트 팔레트를 클릭한 다음 '스페이스 키를 눌렀을 때' 블록을 가져옵니다. 동작 팔레트를 열고 'x좌표를 00으로 정하기' 블록을 가져온 뒤 00을 0으로 바꿔줍니다. 마찬가지로 'y좌표를 00으로 정하기' 블록도 가져와서 0으로 바꿔 줍니다. 이제 앵무새가 스페이스키에 의해 돌아왔을 때 오른쪽을 바라보고 있게 자세를 잡아줘야 합니다. 동작 팔레트에서 '90도 방향 보기' 블록을 가져다 붙입니다. 여기까지 완성된 블록의 모양은 아래와 같습..
이번 포스팅에서는 키보드를 이용해 객체가 되는 스프라이트를 제어하는 프로젝트를 알아보도록 하겠습니다. 아래의 내용은 이번 포스팅에서 만들어야 할 주요 내용입니다. 앞으로는 이전의 포스팅에서 언급되었던 설명들은 중복되지 않도록 생략하려고 합니다. - 객체는 키보드의 상, 하 화살표 방향대로 움직이다 끝에 닿으면 방향을 바꿉니다. - 객체의 방향이 바뀔때마다 배경화면도 바뀝니다. - 스페이스바를 누르면 원상태로 돌아옵니다. 객체가 될 스프라이트로 기본 고양이는 삭제해주고 동물 중에서 'Parrot'을 선택하고 이름을 앵무새로 바꾸어 줍니다. 프로젝트명은 적당히 '날다 앵무새'로 해 주었습니다. 코드탭에서 이벤트 팔레트를 선택한 다음 '스페이스 키를 눌렀을 때'를 가져와 '위쪽 화살표를 눌렀을 때'로 바꾸어 ..