티스토리 뷰

10,000시간의 기적 - 2일

총진행시간 : 1시간

남은시간 : 9997.5시간


<Arrays>



어제 막혔던 letterColors.. 오늘 다시 보니 variables를 다시 넣으라는 거였더라구요..

var letterColors = [red, orange, green, blue, purple] 만 넣으면 되는 거였는데 어제는 왜 안보였는지ㅠㅠ



<Change the bubble shape>



이름을 구성하는 거품들을 바꾸는 명령어 입니다. 원으로 되어 있는 것을 네모로 바꿔볼까요

var bubbleShape = "square";



<Decisions, decisions>




이번엔 if/else statement를 사용해서 이름에 있는 bubble을 circle 혹은 square로 바꾸는 명령입니다.

myName의 글자수를 if()에 넣는줄 알고 length를 끼워 넣었다가 Hint를 보니 그냥 숫자의 크고작음으로 판단하는 거였더라구요ㅠ

if(15 > 3) {

bubbleShape = "circle";} 

else {

bubbleShape = "square";

}



<Bounce the name>



Bounce the Name, 제목과 같이 이름에 진동이 오게 하는 명령어 입니다.

제일 쉬운것 같네요. drawName 다음 명령어 칸에 아래 명령어를 넣기만 하면 되니까요ㅎㅎ

bounceName();



<Bounce the bubbles>


bounceName처럼 bounceBubbles도 input 없이 그냥 명령어만 가장 마지막 줄에 넣어 주며 됩니다.

하지만 보여지는 것은 가장 쿨하네요ㅋㅋ

bounceBubbles();



<>



네 그렇습니다 드디어 과제 하나를 완료하게 됐네요..

30분짜리를 이틀동안 그거도 2시간넘게 걸리도록 ㅠㅠ


복습 하는 의미에서 코드를 아래에 적어 봤습니다.

Animate Your Name


var red = [0, 100, 63];

var orange = [40, 100, 60];

var green = [75, 100, 40];

var blue = [196, 77, 55];

var purple = [280, 50, 60];


var myName = "COLLINA";

var letterColors = [red, orange, green, blue, purple];

if( 15 > 3) {

    bubbleShape = "circle";

    }

else {

    bubbleShape = "square";

    }


drawName(myName, letterColors);

bounceName();

bounceBubbles();






댓글