728x90 300x250 SMALL javaScript/JS Examples47 물고기 잡기 게임 요구사항) 01. 일정 시간 동안 누가 물고기를 많이 클릭하는지 알아보는 게임 02. 물고기 클릭 시 점수 1점 증가 후 화면에 출력 03. 물고기 위치를 0.5초마다 한 번씩 랜덤하게 움직이도록 04. 10초 후 게임 종료 물고기 움직이는 방법 $fish.css({ left:x축으로 물고기 위치, top:y축으로 물고기 위치 }); 단계01_요소 초기화 게임 시작 현재점수 0 물고기, 점수, 게임시작 유뮤, 현재점수 변수 초기화 문서를 시작하면 init()함수 불러오기 변수에 값 넣어주기 단계02_랜덤하게 물고기 움직이기 게임 시작 현재점수 0 - initEvent 함수를 추가해서 버튼을 클릭하면 startGame을 실행하도록 - startGame를 실행했을때 playing가 false이면 true로 .. 2019. 8. 26. 랜덤으로 배경이미지 변경하기 기존 코드를 수정해 1초에 한번씩 배열에 들어있는 이미지를 랜덤 순으로 전환되게 만들기 var currentIndex =Math.floor(Math.random()*imgList.length); 랜덤한 이미지 숫자 구해서 정수로 만든 후에 currentIndex에 넣어준다. 2019. 8. 25. 타이머 함수 : 심플배너만들기2 요구사항) 01_ 일정한 시간에 한 번씩 배열에 들어있는 이미지를 순차적으로 전환 02_ 전환 시간을 설정할 수 있도록 03_ 이미지가 계속해서 무한롤링되도록 04_ 함수를 활용해 하나의 함수로 두 개의 배너가 동작할 수 있게 단계 01: 함수만들기 전환기능을 담을수 있는 함수 banner라는 전역함수를 만들었다. ready()내부에도 함수를 만들 수 있지만 되도록 만들지 않도록한다. 단계 02 : 이미지 전환기능 함수에 넣는다. 단계 03 : 매개변수 만들기 함수 하나로 여러개를 사용하기 위해 변경되는 값은 매개변수로 만들어준다 단계 04 : 함수호출 banner함수를 호출한다. 2019. 8. 10. 타이머 함수 : 심플이미지 배너 요구사항) 01_1초에 한 번씩 배열에 들어있는 이미지를 순차적으로 전환 02_ 이미지가 무한 반복해서 전환되도록 이미지 변경방법 $images.attr("src", 이미지이름); 2019. 8. 9. 이전 1 2 3 4 5 6 7 8 ··· 12 다음 728x90 반응형 LIST