코드덤

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

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

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

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

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

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

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

안녕하세요. 코드덤입니다. 오늘은 틀린 그림 찾기를 함께 만들어 볼 거예요. 먼저 영상을 통해 어떤 형식으로 만들어 나가는지 확인해 보세요~ youtu.be/WziNllUZh5o 아래처럼 틀린 그림을 클릭하면, 동그라미로 정답을 처리해 준답니다. 시간제한이 있어요. 10초!! 10초 동안 맞은 정답 개수를 시간이 지난 후에 점수판으로 띄워준답니다. 먼저 이렇게 두 가지 그림 오브젝트를 가지고 올게요. 그리고 서로 다른 이미지는 별도의 오브젝트로 가지고 올 거예요. 그리고 틀린 그림은 모양에, 원본 그림과, 정답 그림 이렇게 2가지 모양으로 들어 있답니다. 이 틀린 그림 이미지는 마우스를 클릭했을 때, 정답처리를 해줄 거랍니다. 그러면, "오브젝트를 클릭했을 때"라는 블록에 코딩을 해 주면 되겠죠~ 그런데..

안녕하세요. 코드덤입니다. 지난 시간에 이어, 하트 트리 디지털 엽서를 만들어 볼 거예요. 지난 시간에 하트를 복제해서 하트가 날아다니도록 코딩을 했죠~ 오늘은 그 복제된 하트에 효과를 더해 줄 거랍니다. 먼저 아래 영상을 통해 하트가 어떻게 날아가는지 확인해 보세요! youtu.be/WoJc974DEfw 먼저, 크기를 점점 작아지도록 코딩을 해 볼게요. 투명도 효과도 조금씩 적용해 볼게요. 지금은 너무 많이 복제되고 있으니, 복제되는 속도도 조금 늦춰줄게요. 저는 0.05초 정도 초기다림을 줄 거예요. 자, 그리고 이렇게 밝기 효과까지 더해 주면 좀 더 하트에 다채로움을 더해 줄 수 있어요. 살짝 색깔 효과도 랜덤으로 정해줄게요. 이렇게, 우리가 마우스를 하트 나무에 가져다 대면, 하트가 날아다니는 효..

안녕하세요. 코드덤입니다. 오늘은 하트를 뿜어내는 하트트리 디지털 엽서를 만들어볼 텐데요. 아래처럼 글자도 애니메이션 효과처럼 넣을 수 있어요. 본격적인 코딩을 하기 전에, 아래 영상을 통해서 먼저 어떻게 하트를 뿜어내는지 영상으로 확인해 보세요~ youtu.be/iVCQInw5pVM 먼저 오브젝트를 가져와야겠죠~ 하트트리 배경 이미지에, 하트 하나를 따로 가지고 왔어요. 그리고 하트트리 코딩부터 해볼게요. 하트트리는 마우스 포인터에 닿을 때마다, 하트 오브젝트가 복제되도록 해줄 거예요. 그럼 하트 코딩으로 이동해 볼게요. 하트는 숨겨두었다가, 복제본이 생성될 때, 보이도록 해주어야겠죠 그리고 랜덤 방향으로 날아가도록 만들기 위해서, 방향을 무작위 수로 정해줍니다. 그리고 날아가도록 만들어야겠죠. 조금씩..