코드덤

안녕하세요. 코드덤입니다. 지난 시간에 이어, 뮤직 플레이어를 만들어 볼게요. 지난 시간에, 곡 번호 변수를 만들어서, 좌우 버튼으로 곡을 변경하는 코딩을 만들었는데요. 이번 시간에는 START버튼을 클릭하면, 해당 곡이 플레이되도록 만들어 줄 거예요. 아래 영상을 통해 보다 자세한 설명을 들으실 수 있습니다. youtu.be/5Qlcp9q523E 이전 코딩에 대한 설명은 1편(codethem.tistory.com/162)을 참고해 주세요~ 이제 곡을 선택하고 START버튼을 클릭하면, 곡이 재생되도록 만들어 줄게요. 곡을 재생하는 블록은 [소리 ~ 재생하기] 블록에 곡번호 변수만 넣어주시면 됩니다. 캐릭터 애니메이션 효과도 넣어볼게요. 캐릭터 선택이라는 버튼을 클릭하면, 해당 캐릭터가 움직이는 효과를 ..

안녕하세요. 코드덤입니다. 이번 시간에는 엔트리로 뮤직 플레이어 기능을 만들어 보았습니다. 버튼을 눌러 원하는 음악을 선택하고, 진짜 오디오 플레이어처럼 볼륨도 조절해 가면서, 플레이를 할 수 있는 뮤직 플레이어를 만들어 볼 거예요. 먼저 사전에 음악을 업로드해 두었는데요. START 버튼 오브젝트에, 음악을 예시로 3개를 넣어두었어요. 추가된 곡 명 앞으로 곡 번호가 보이시나요? 1번부터 3번까지 번호가 붙어있습니다. 저희는 이 번호로 곡을 재생시켜 줄 거예요. 그래서 이 곡 번호를 관리하기 위해서 변수를 하나 만들어 줄 거예요. 오늘 코딩은 이미지나 글로 설명드리는데 한계가 있어요~ 그러니, 자세한 설명은 아래 영상을 참고해 주세요~ youtu.be/dtnlmS3TyvQ 이렇게 만든 곡번호 변수를 곡..

안녕하세요. 코드덤입니다. 이번 시간에는 엔트리로 캐릭터를 그려볼 수 있는 그림판 기능을 만들어 볼 거예요. 지난 시간에 디지털 노트를 만들어 보았는데요. 그 디지털 노트에서 몇가지 기능을 조금 수정해서 만들어 나갈 거랍니다. 데칼코마니를 사용하면, 왼쪽 또는 오른쪽에만 그림을 그려주면 반대편에는 자동으로 그림이 그려지기 때문에 아주 빠르게 그림을 완성할 수 있답니다. 코딩으로 이동하기 전에, 먼저 어떤 형식으로 그림이 그려지는지 영상으로 확인해 보세요~ youtu.be/_2AFf097CQ0 먼저 지난 시간에 만들었던, 펜 기능을 하나 복제해 줄 거예요. 그래서 2번째 펜을 하나 더 만들 겁니다. 복제하기 기능을 사용하면, 코드까지 함께 복제가 되죠~ 저희는 이 코드가 필요하기 때문에 그대로 복제해서 사..

안녕하세요. 코드덤입니다. 오늘은 엔트리의 그리기 기능을 사용해서 디지털 노트를 만들어 볼 거랍니다. 그림판을 만드는 기능과 비슷한데요~ 그 그림판 기능에 펜 모드와 형광 모드를 추가해 볼 거랍니다. 먼저 펜은 마우스 포인터를 따라 이동하도록 만들어 줄게요. 펜의 끝점을 마우스 포인터에 맞춰주기 위해서, 아래와 같이 오브젝트의 중심점(동그라미)을 아래로 이동시켜 줄 거예요. 이 펜은 맨 앞으로 보내줄거랍니다. 그리고 마우스를 클릭할 때마다 그림이 그려지고, 마우스 클릭을 해제하면, 그림이 그려지지 않도록 만들어 줄 거예요. 그렇게 하기 위해서, 조건문을 만들어 줄게요. 그리기 기능에서 [그리기 시작하기]와 [그리기 멈추기]를 사용해 주면 되겠죠. 보다 자세한 설명을 원하시는 분들은 아래 영상을 참고해 주..

안녕하세요. 코드덤입니다. 지난 시간에 이어, 이번 시간에도 골키퍼 게임을 이어서 만들어 볼 거예요. 지난 시간에, 공이 날아가고, 골대에 닿았는지, 골키퍼가 막았는지 체크하는 코딩까지 만들었죠! 이번 시간에는 바닥에 점수를 띄워주는 방법에 대해 소개를 해드릴 거예요. 먼저 바닥의 점수는 글상자 오브젝트를 추가해서 만들어 줄거예요. 이렇게 골기퍼 점수와 상대편 점수, 두 개의 글상자를 가지고 올 거예요. 그리고 각각의 이 글상자는 처음에 숨겨두고, 점수표시라는 신호를 받으면, 모양을 보이도록 만들어 줄 거랍니다. 모양이 보일 때는 점수가 바닥에 떠야겠죠!! 그래서 글쓰기 블록 안에, [점수]변수를 넣어 줄 거예요. 그리고 이 점수 모양도, [글상자] 편집 탭에서 좀 더 예쁘게 꾸며줄게요. 이 점수 판은 ..

안녕하세요. 코드덤입니다. 오늘은 날아오는 축구공을 막아야 하는 골키퍼 게임을 하나 만들어 볼 거예요. 그리고 다음시간에는 아래와 같이 바닥에 점수도 띄워줄 거예요. 먼저 골기퍼부터 코딩을 해 줄게요. 골키퍼는 키보드의 위/아래 화살표 키를 눌러 이동하도록 만들어 줄 거예요. 그리고 축구공 코딩으로 이동해 볼게요. 공은 언제 날아올지 모르도록 무작위 수 만큼 초 기다림을 줄게요. 그리고 공은 골대위쪽과 아래쪽 아래의 각도 내에서 움직이도록 만들어 줄 거예요. 아래 영상을 통해서 보다 자세한 설명을 들어보세요! youtu.be/p54IkLjCEgk 저 각도를 찾기 위해서 몇 번 테스트를 진행했답니다. 여러분도 골대 크기와 축구공의 위치에 따라 아래의 숫자가 조금씩 달라지니, 여러분 만의 각도를 찾아보세요...

안녕하세요. 코드덤입니다. 오늘은 외계인이 자동차를 피하는 게임을 만들어 볼 거예요. 먼저 자동차 코딩부터 해줄게요. 자동차는 코딩을 조금 더 간단하게 보여드리고자, 복제하기가 아닌, 각 레일마다 한 대씩 가지고 왔어요. 먼저 첫번째 자동차부터 코딩해 줄게요. 자동차는 왼쪽방향으로 이동방향을 사용해서 계속 움직이도록 만들어 줄 거랍니다. 그래서 아래와 같이 방향을 왼쪽으로 정하고 계속 이동하도록 만들어 줄게요. 이렇게 달려가다가 왼쪽 벽에 닿으면, 다시 현재 위치에서 다시 달려 나가도록 만들어줄 거예요. 그리고 만약 외계인에게 닿으면, 바로 게임을 종료할거랍니다. 이러한 형식으로 모든 자동차의 코딩을 해 주시면 된답니다. 혹시 보다 자세한 설명이 필요하신 분들은 아래 영상을 참고해 주세요. youtu.b..

안녕하세요. 코드덤입니다. 오늘은 엔트리로 게임을 하나 만들어 볼 거예요. 배드민턴 핑퐁 게임입니다. 배드민턴 채로 공을 쳐야 하는 게임이에요. 만약 공을 놓치면 바로 게임이 종료되도록 만들어 볼 거랍니다. 배드민턴 채에 닿으면, 공은 무작위 위치로 튕겨서 올라가도록 되어 있어요. 배드민턴 채는 마우스로 움직여줄 거예요. 좌우로만 움직이도록 만들어 줄거니까, 마우스의 x좌표를 활용하면 되겠죠!! 먼저 배드민턴 채 코딩부터 해 볼게요. [계산] 카테고리로 가시면 마우스의 x 좌표 블록이 있어요! 그래서 배드민턴 채의 x좌표를 마우스 포인터의 x좌표로 바꿔줄 거랍니다. 이렇게만 하면, 배드민턴 채의 코딩은 끝났답니다. 간단하죠! 이제 공 코딩으로 이동해 볼게요. 이 공은 이동방향을 사용해서 움직여 줄 거예요..

안녕하세요. 코드덤입니다. 지난 시간에 이어 틀린 그림 찾기를 만들고 있는데요~ 이번 시간은 그 마지막 시간으로 점수판을 띄워주는 방법에 대해 소개해 드릴 거예요. 먼저 아래 영상을 통해 확인해 보세요~ youtu.be/ZcgsxvuVD2o 먼저 점수판을 하나 가지고 올 거예요. 그리고 아래 비어있는 부분에, 글상자를 활용해 점수를 적어줄 거랍니다. 이렇게 먼저 점수라고 쓴 글상자를 가지고 왔어요. 게임을 시작할 때는, 점수판이 보이면 안 되니 숨겨줄게요. 그리고 게임 종료 신호를 받으면, 점수판이 나타날 거랍니다. 그리고 아래와 같이 "점수"변수를 글상자에 적어줄게요. 그런데, 점수만 적으면 숫자만 딸랑 나오니, 뭔가 조금 아쉽죠~ 그래서 ~점이라고 숫자 뒤에 "점"이라는 글자도 적어줄게요. 이렇게 두..

지난 시간에 정답을 클릭하면, 동그라미 모양으로 정답이 처리되고, 점수가 계산되도록 만들었는데요~ 이번 시간에는 시간 카운트 다운을 하고, 양쪽 그림 모두 정답처리가 가능하도록 코딩하는 방법에 대해 알아보겠습니다. 시작하기 전에, 먼저 영상을 통해 자세한 내용을 확인해 보세요~ youtu.be/fVpEcGChgvg 먼저 양쪽 그림 어느 곳을 클릭하거나, 동일하게 정답이 처리되도록 만들어 줄게요. 한쪽을 클릭해서 다른 쪽이 정답 처리가 되기 위해서는 신호 보내기를 이용해 주면 되겠죠~ 그리고 신호를 받을 때, 정답 모양으로 바꿔주기만 하면 된답니다. 이번에 오른쪽 상단에서, 남은 시간을 카운트 다운시켜 볼게요. 글상자를 사용해서 카운트 다운을 해줄게요. 저는 테스트를 위해, 5초로 짧게 둘게요. 그리고 오..