이전 포스팅 9-2에서 연필을 불러와 중심점을 맞추는 것을 배운 적이 있습니다. 다각형 그리기는 여기부터 시작합니다. 다시 말씀드리지만 저의 경우에는 오프라인 에디터가 아닌 크롬에서 온라인에디터를 사용하여 작업하고 있습니다. 온라인 사용의 경우에는 실시간 저장 기능이 있습니다. 1. 기본 코드 생성 - 새로 만들기를 클릭하고 연필 모양의 스프라이트를 불러옵니다. - 모양탭에서 전체 오브젝트가 포함되도록 드래그하여 그룹화 하기 버튼을 누릅니다. - 연필끝을 에디터의 중심점에 맞춰 줍니다. - 변수 팔레트에서 변수 만들기를 클릭하고 '도형 선 개수'라는 변수를 만듭니다. 도형 선 개수에 따라 그려지는 방식을 지정하는 변수입니다. - 이벤트 팔레트에서 '깃발 클릭했을 때' 블록을 가져옵니다. - 확장기능 추가..
테트리스 전 단계쯤인 초보 테트리스입니다. 아직은 진짜 테트리스처럼 음악이 나오고 화려한 색상의 블록들이 쏟아지는 테트리스는 못 만들지만 언젠가는 만들 수 있겠지요. 하나의 형태로만 블록 맞추기를 하는 아주 단순한 블록쌓기 입니다. 1. 블록 만들기 새로 만들기를 한 다음 스프라이트를 그립니다. 쉬프트 키를 누른 상태에서 사각형 그리기 툴을 사용해 작은 크기의 정사각형 하나를 만듭니다. 선택 툴로 바꾼 다음 상단 메뉴 중 복사, 붙이기를 사용하여 두 개를 더 복사하여 ㄱ자 모양으로 만듭니다. 미세하게 맞추고자 할 경우에는 선택된 상태에서 키보드의 화살표 키를 사용합니다. 완성되면 모두 포함되게 드래그하여 그룹화시켜 줍니다. 그룹화된 ㄱ자 모양의 블록의 중심을 에디터 보드의 중심과 맞춥니다. 2. 게임 소..
이번 포스팅에서는 연필 모양의 전용 도구를 사용하는 그림판을 만들어 보도록 하겠습니다. 이 그림판에서 직접 연필의 색과 굵기 등도 조절이 가능한 그림판입니다. 1. 연필의 중심점 설정하기 - 고양이 스프라이트를 삭제한 뒤 스프라이트 고르기를 눌러 'Pencil'이라는 연필 모양의 스프라이트를 선택합니다. - 모양탭에서 연필 바깥에서 모두 포함될 수 있도록 크게 드래그한 다음 상단 메뉴 중 그룹화 적용을 눌러 줍니다. 이제 연필을 마구 클릭해도 일부분만 떨어져 나가지 않습니다. - 연필을 끝부분을 편집 화면의 중심축 표시 지점에 맞춥니다. 2. 변수 설정하기 - 변수 팔레트를 선택한 다음 '변수 만들기'를 클릭해 변수 이름을 '색'이라고 지정해 줍니다. - 무대에 생긴 색 변수 블록을 우클릭하여 '슬라이더..
아이폰에서 굳이 불편한 점을 꼽으라면 그중의 하나가 아이폰 키보드를 통해서는 한자를 입력하는 것이 불가능하다는 점입니다. 한자를 쓸 일이 거의 없기에 일반적인 경우에는 필요성을 못 느끼지만 특수한 작업을 할 경우라든지 어쩌다 필요한 경우가 생길 수는 있습니다. 일반적인 PC 프로그램인 워드에서는 아시다시피 한글 뒤에 커서가 깜빡거릴때 키보드의 한자 키를 누르면 변환된 한자 중 원하는 한자를 입력하는 방식입니다. 그러나 아이폰에서는 키보드 자체에 한자키가 없어 어떻게 입력해야 할지 몰라 보통은 인터넷으로 나간 다음 한자로 변환해서 복사해온 뒤 붙여 넣는 방법으로 쓰곤 했습니다. 이 방법은 상당히 불편합니다. 그래서 이하에서는 아이폰에서 직접 텍스트 입력시에 한자를 바로 키보드에서 입력하는 방법에 대하여 설..
스크래치의 그림 그리기의 구조는 포토샵의 레이어 개념이 단순화된 그림 편집기라고 생각하시면 됩니다. 윈도우즈의 그림판에서처럼 마우스 가는 데로 다소 투박해 보이게 그릴 수도 있고, 대칭이나 복사 또는 회전 등을 사용해 레이어처럼 앞뒤로 보내기 기능을 이용해 세련된 이미지를 만들어 낼 수도 있습니다. 물론, 전문 그래픽 프로그램에서 배경을 투명 이미지로 그림을 그린 다음 스크래치 에디터로 가져올 수도 있습니다. 간단한 몇가지의 그리기와 관련된 작업을 해보도록 하겠습니다. 1. 꽃 그리기 파일 메뉴에서 새로 만들기를 클릭합니다. 고양이 스프라이트는 삭제합니다. 그리기를 클릭합니다. - 원툴을 사용하여 원을 그립니다. 그림을 그릴 때 등에 많이 쓰이는 단축키로 그림을 그리면서 Shift 키를 누르고 있는 상태..
(예제) 음산한 숲 속에서 박쥐 한 마리가 미친 듯이 날아다닙니다. 숲과 박쥐 둘 다 계속해서 색이 바뀌고 무한 반복됩니다. 애니메이션으로 만들어 보세요. 오늘 포스팅에서는 스프라이트 객체나 배경이 스크래치 자체의 효과에 의해 색이 바뀌는 것을 배워 보도록 하겠습니다. 이러한 속성변환 블록은 형태 팔레트의 '색깔 효과를 25만큼 바꾸기' 블록에 존재합니다. 해당 블록이 구현할 수 있는 효과는 색깔, 어안 렌즈, 소용돌이, 픽셀화, 모자이크, 밝기, 투명도입니다. 이러한 효과는 자체적으로 장면 전환 또는 특수효과를 내려고 할 경우에 요긴하게 쓰입니다. 특수효과 7가지의 미리보기 모습은 대략 아래와 같습니다. 효과의 수치를 높일수록 효과는 극대화됩니다. 이제 위의 효과 중 색깔 효과를 중점적으로 적용하여야 ..
스킨 변경 후 일어나는 구글 콘솔 상의 오류 문제는 대표적으로 아래의 3가지 유형이 있습니다. - 클릭할 수 있는 요소가 서로 너무 가까움 - 콘텐츠 폭이 화면 폭보다 넓음 - 텍스트가 너무 작아 읽을 수 없음 이문제는 크게 삽입된 표, 폰트 크기, 이미지 크기, 태그 문제 등 네 가지 정도로 나누어 생각해 볼 수 있습니다. 제가 해결할때 이것저것 해보다 성공한 방법들을 나열해 보겠습니다. - 도표나 표가 가로폭이 넘어가는 경우 삽입된 표의 경우에는 코드 수정의 방법이 존재하는 것 같지만 각각의 태그마다 수정해주는 게 힘들고 적용이 안 되는 경우도 존재해서 캡처해서 이미지화하는 식으로 해결했습니다. 코딩을 통해 개별적으로 해결해 보고 싶으신 분들은 아래의 포스팅을 참조해 보시기 바랍니다. itfix.ti..
만약 이전 시간 포스팅에서 피아노 결과물이 저장되어 있다면 이번 포스팅을 이어서 진행하는 데 큰 무리는 없습니다. 스크래치 페이지의 내 작업실에서 스크립트 보기를 해도 이전 작업 완료분을 불러올 수 있습니다. 오늘은 이전 작업분에서 상단의 빈 공간에 몇 개의 악기별 버튼을 넣어 한 화면에서 여러 가지 악기 소리를 테스트해 볼 수 있는 결과물을 만들고자 합니다. 스프라이트 고르기를 누른 다음 button3을 가져옵니다. 피아노는 이미 삽입되어 있으므로 모양탭으로 간 뒤 버튼 이미지에 '피아노'라고 입력합니다. - 코드탭의 이벤트 팔레트에서 '이 스프라이트를 클릭했을 때' 블록을 가져옵니다. - 눌렀을때 변화를 주기 위해 형태 팔레트에서 'button3-b로 바꾸기' 블록을 삽입합니다. - 음악 팔레트에서 ..
이번 포스팅에서는 피아노 건반을 직접 백터 포맷 형식으로 그린 뒤 건반을 누르면 음이 나오도록 만들어 보겠습니다. 백터 포맷은 흔히 사용하는 bmp, jpg, png 등의 비트맵 형식 파일과는 다르게 확대해도 이미지 손실이 일어나지 않는 그래픽 형식을 말합니다. 백터 포맷 방식의 확장자들로는 svg, ai, cdr, vml, wmf 등이 있습니다. 에디터에서 모양탭을 클릭하고 아래쪽의 백터로 바꾸기 버튼을 클릭합니다. 배경이 아닌 스프라이트가 선택된 상태에서 모든 그려진 대상물들이 마우스로 선택한 뒤 삭제된 백색 바탕이 되어야 합니다. 사각형 툴을 아래로 길게 드래그하여 피아노 건반 모양의 직사각형을 만듭니다. 채우기 색은 건반의 색인 흰색입니다. 건반이 눌렸을 때 반응하는 건반이 어느것인지 알아볼 수 ..
오늘은 소리가 포함된 예제문제를 풀어보려고 합니다. 아래와 같은 예제가 있다고 가정하고 프로젝트 결과물을 만들어 보시기 바랍니다. (예제) 자동차가 80도 방향으로 굉음을 내면서 달려갑니다. 소리의 크기와 자동차의 색상은 변화가 있어야 합니다. 자동차는 convertible 3을 사용합니다. 스프라이트 고르기에서 convertible 3를 가져옵니다. 모양 탭을 클릭하고 모양 복사를 선택하여 두대의 자동차를 만들어 줍니다. 자동차 한 대는 빨간색으로 만들어 줍니다. 이미지 편집창에서 마우스로 변경할 부분을 선택한 다음 상단의 채우기 색 버튼을 누르고 원하는 색을 선택하면 자동으로 채워집니다. 이제 모양이 두개인 자동차 스프라이트가 완성되었으므로 자동차 관련 소리를 가져와야 합니다. 소리 탭을 클릭하면 기..