꿈을 코딩하다! 코드덤

Code your dreams

자세히보기

블록코딩 게임 만들기/엔트리 entry 블록코딩 66

[엔트리 게임 만들기] 34. 할로윈 유령잡기 게임 2편 | 유령 복제하기

지난 시간에 이어서, 할로윈 유령 잡기 코딩을 해볼 거랍니다. 바로 유령 코딩부터 해볼게요. 유령은 복제하기 기능을 사용해서 계속 내려오도록 만들어줄거에요. 나타나는 시간 간격을 무작위로 정해주면 조금 더 재미있겠죠. 그리고 이 복제본이 아래로 떨어지도록 만들어 줄게요. 화면 여기저기에서 나타나도록 코딩하려면, x좌표값의 범위를 무작위 수로 지정해 주면 되겠죠~ 그리고 펌킨이 쏘아 올리는 노란 공 또는 아래쪽 벽에 닿았을 때 코딩을 아래와 같이 해줍니다. 이제 게임 종료 오브젝트를 하나 그리고, 게임 종료 신호를 받으면, 모든 코드가 멈추도록 코딩만 해주면 끝이랍니다. 직접 한번 도전해 보세요~ 아래 영상으로 확인하시면 보다 자세한 설명을 들으실 수 있습니다. youtu.be/k3gEi8O79WY you..

[엔트리 게임 만들기] 33. 할로윈 유령 잡기 게임 1편 | 공 쏘아 올리기

이번 시간에는 유령잡기 할로윈 게임을 만들어 볼 거랍니다. 펌킨이 공을 쏘아 올려서, 유령을 잡는 게임이에요. 먼저 펌킨부터 볼게요. 펌킨은 저 자리에 그대로 있으면서, 마우스 포인터를 따라 고개만 까딱까딱해 줄 거랍니다. 그러기 위해서 먼저 펌킨의 이동 방향, 즉 오렌지색 화살표를 위쪽으로 맞춰줄거에요. 먼저 마우스 포인터 쪽을 바라보도록 코딩해 볼게요. 계속 "마우스 포인터쪽 바라보기"를 해주면 되겠죠. 이 동일한 코딩을 발사될 "노란색 공"에도 동일하게 적용해 줍니다. 그리고 노란색 공은 펌킨 위치에서 쏘아지도록 만들어 주기 위해, 펌킨 위치로 옮겨줄 거예요. 그리고 노란색 공이 펌킨 뒤쪽에 위치하도록 위치 순서도 잡아주세요~ 이제 노란 공을 발사시켜볼까요?? 노란 색 공 발사는 복제 기능을 사용해..

[엔트리 애니메이션 만들기] 32. 마우스 포인터로 비행기 조정 3편 | 비행기 오류 수정

지난 시간에 비행기가 마우스 포인터를 따라 이동하도록 만들었죠. 오늘은 비행기가 화면 오른쪽 끝에 닿으면, 다시 왼쪽에서 나타나도록 만들어 줄 거랍니다. 지난 구름 코딩편에서는 "x좌표"를 사용해서 왼쪽 끝으로 다시 이동시켜주었는데요. 오늘 비행기는 "오른쪽 벽에 닿았는가?라는 블록을 사용해 볼게요. 오른쪽 벽에 닿으면, 다시 왼쪽으로 보내줄거랍니다. 근데 여기에서 한가지 문제가 보이죠~ 비행기가 마우스포인터 위치에 닿으면, 모양이 좌우 방향으로 정신없이 바뀝니다. 바로 그부분은 아래 초록색 부분에 조건을 하나 걸어주면 되는데요~ 어떤 조건을 주면 될까요? 한번 곰곰히 생각해 보시면서 다양한 시도를 해 보세요~ 정답은 아래 영상을 통해 확인해 주세요~ youtu.be/5mhclmtRl1c

[엔트리 애니메이션 만들기] 31. 마우스 포인터로 비행기 조정 2편 | 둥둥 떠다니는 구름 코딩하기

지난 시간에 이어, 마우스 포인터를 따라 이동하는 비행기 편입니다. 이번에는 구름이 둥둥 떠다니도록 만들어 줄 거예요. 먼저 구름이 이렇게 계속 이동방향으로 이동하도록 만들어 줄게요. 그리고 이렇게 이동하다가 오른쪽 끝으로 사라지면, 다시 왼쪽에서 나타나도록 만들어줄 거랍니다. "오른쪽 벽에 닿았는가"라는 블록을 사용하면, 구름이 가로로 길기 때문에, 갑자기 순식간에 사라지는 듯 보일 거예요. 그래서 이번 시간에는 구름의 x좌표를 사용해 볼 거랍니다. "자신의 x좌표값이 350보다 크면" 다시 왼쪽에서 나타나도록 해 줄 거예요. 구름의 크기에 따라, 이 350이라는 수치는 달라지니까, 여러분의 구름 크기에 맞춰보세요! 왼쪽 끝에서 나타나도록 위치를 잡아줄게요. 왼쪽 끝이니까, x좌표값에 "-" 처리를 하..

[엔트리 애니메이션 만들기] 30. 마우스 포인터로 비행기 조정 1편 | 비행기 코딩하기

이번 시간에는 마우스 포인터로 어떤 물체를 이동시키는 방법에 대해 알아볼 거랍니다. 먼저 비행기 코딩부터 해볼께요. 먼저 시작하면, 계속 마우스 포인터를 바라보도록 코딩해 볼게요. 움직임 카테고리에 보면 [~쪽 바라보기]라는 블록을 가지고 올 거예요. 그래서 계속 마우스 포인터를 보도록 코딩을 해 줄 거랍니다. 그런데 실행을 하면, 한 가지 문제가 있어요. 이 비행기가 정확하게 마우스 포인터를 바라보지 않아요. 이 부분을 수정해 줄게요. 비행기를 클릭하면, 오렌지색 화살표가 있어요. 그 오렌지색 화살표는 이동방향을 뜻합니다. 이 이동방향을 현재 비행기가 바라보는 방향으로 바꿔줍니다. 자 이제 비행기가 움직이도록 만들어 볼까요? 이동방향을 마우스 포인터로 정했으니, 이제 날아가도록만 설정해 주면 되겠죠~ ..

[엔트리 게임 만들기 ] 29. 나만의 카메라 모드 만들기 | 엔트리로 사진 효과 만들기 | 엔트리 기초 강좌

이번 시간에는 엔트리로 다양한 사진 모드를 적용시킬 수 있도록 사진 효과를 넣는 기능을 만들어 볼 거랍니다. 상단에 카메라가 있죠~ 각 카메라를 클릭할 때마다, 아래 사진에 특정 효과가 적용되도록 만들어 줄거랍니다. 먼저 첫번째 카메라는 색상 효과를 적용해 볼까요? 카메라의 색상이 변경되는 것이 아니라, 다른 오브젝트의 색상이 변경되는 거죠~ 이 경우에는 신호보내기 기능을 사용해야 한답니다. 그래서 아래와 같이 신호를 보내줄게요. 이런 형식으로 위의 각 카메라는 "신호 보내기"블록만 사용해서 만들어 줍니다. 그러면, 이 신호를 받는 오토바이 사진을 코딩해 볼까요? 이 바이크 사진은 각 신호를 받을 때마다 특정 효과를 적용시켜주어야겠죠~ 그리고 각 신호를 받을 때마다, 이전 효과는 사라지도록 만들고 싶다면..

[엔트리 게임 만들기] 28. 엔트리로 레고 블록 쌓기 놀이를 함께 해보아요!

이번 시간에는 함께 레고를 만들어 볼 거랍니다. 먼저 레고를 그려주시거나, 레고를 대체해서 사용할 박스 오브젝트를 가지고 와 주세요~ 먼저 하나의 레고부터 코딩을 해줄게요. 저는 이 레고블록을 마우스 포인터로 드래그해서 사용할 거랍니다. 그래서 2가지 조건이 필요해요. "마우스를 클릭했는가?", "마우스 포인터에 닿았는가?" 이 2가지 조건을 모두 만족할때만 마우스 포인터를 따라 이동하도록 만들어 줄 거랍니다. 이렇게 조건이 여러개일 때 사용하는 블록이 "그리고"라는 블록이에요~ 위의 블록을 조건문 안으로 넣어줄게요. 그리고 이 2가지 조건이 맞으면, 마우스 포인터를 따라 이동하도록 만들어 줄 거랍니다. 자, 이렇게 해서 한번 테스트를 해볼까요? 이렇게 마우스로 드래그해서 블록을 움직일 수 있답니다. 근..

[엔트리 게임 만들기] 27. 풍선 터트리기 게임 만들기 | 마우스를 클릭해서 떠다니는 풍선을 터트려 보세요~

이번 시간에는 풍선 터트리기 게임을 만들어 볼 거랍니다. 먼저 이렇게 배경과, 풍선을 가지고 와 주세요~ 먼저 풍선 코딩을 해 줄게요. 풍선은 이동방향을 사용해서 코딩을 해줄게요. 조금 천천히 이동하도록 만들어 주기 위해, 이동방향으로 2 만큼씩 움직이도록 바꿔줄게요. 그리고 화면내에 계속 머물러야겠죠! 그래서 "화면 끝에 닿으면 튕기도록" 만들어줄 거랍니다. 이제 마우스를 클릭해서 풍선을 터트리는 코딩을 추가해 볼게요. 그냥 마우스를 클릭했을 때, 조건을 하나만 두게되면, 마우스 한번 클릭만으로도 모든 풍선이 다 터져버립니다. 그래서 마우스 포인터에 닿은 풍선만 터지도록 만들어 주기 위해, 조건을 2가지 넣어줄거랍니다. "마우스 포인터에 닿고", "마우스를 클릭했을 때" 이렇게 2가지 조건을 넣어줄거에..

[엔트리 음악 융합] 26. 악기가 숨겨져 있어요. 악기를 찾아보세요~

오늘은 엔트리로 음악과 융합된 프로젝트를 하나 소개해 드리고자 합니다. 그래서 블록 코딩, 엔트리로 악기를 하나 만들었는데요. 과연 아래 어디에 악기가 숨겨져 있을까요? 한번 찾아보세요~ 정답은 아래 영상으로 확인해 보세요~ ^^ 악기니까, 아무래도 글로 적는 것보다는, 직접 영상을 통해 소리로 들어보시는 편이 좋을 것 같아요. youtu.be/NcFRwYbgmAE 영상으로 보시면, 화로의 불도 활활 타오르고 있죠~ 이 불은 엔트리에서 제공하는 불입니다~ 모양이 다양하게 있어서, 이 모양을 활용해서 타오르는 효과를 만들어 줄 수 있어요. 불 코딩을 한번 볼까요? 먼저 모양으로 가시면 이렇게 다양한 불 모양이 있답니다. 그래서 이렇게 초기다림을 주면서 모양을 바꿔주면, 활활 타오르는 효과가 나타난답니다. ..

[엔트리 애니메이션 만들기] 25. 따뜻한 차 한잔 애니메이션 만들기

오늘은 엔트리로 애니메이션을 만들어 보고자 합니다~ 따뜻한 차가 채워지고, 주변에 장식이 되는 간단한 애니메이션이에요~ 이렇게 주변이 다 장식되고 나면, 글상자를 활용해서 원하는 글도 적어줄 수 있답니다. 대부분의 코딩이 다 비슷한 패턴으로 코딩이 되어 있어요~ 그래서 한가지 코딩방식만 보시면, 다른 오브젝트에도 바로 적용하실 수 있으실거에요. 먼저 모양을 숨겨주고~ 각각의 장식들이 등장하게 될 시점까지 ~초 기다리기 블록을 사용해 줄거에요. 그리고 모양을 보인 후, 천천히 특정 지점까지 이동하도록 코딩이 되어 있답니다. 놓여질 때 소리 효과를 넣어도 재미있겠죠~! 아래 영상을 보시면, 보다 자세한 설명을 들으실 수 있답니다~ youtu.be/z-ltCDk9Ihw