PersesTitan(페르) 기술블로그

Set has set.has(); set에 값을 포함한다면 true를 반환하고 값이 존재하지 않는다면 false를 반환합니다. List includes list.includes(); list에 값을 포함한다면 true를 반환하고 값이 존재하지 않는다면 false를 반환합니다.

다음은 천장에 충돌하면 HP를 내리고 삭제를하는 로직과 버블 터치하였을때 점수를 올리고 버블이 사라지는 로직을 구현하였습니다. 임시로 구현했던 삭제 버튼은 없애고, 스코어와 HP를 추가하였습니다. 길어지면 헷깔리기 때문에 저는 item.js파일 1개를 더 만들었는데 파일 1개에 다 구현해도 무방합니다. 코드 스코어 0 HP 100 생성 우선 삭제되는 부분을 구현하고, 천장에 부딧치면 downHp()를 호출하고, 클릭을하면 upScore()를 호출 하면 됩니다. 스피드는 다 똑같으면 재미 없으니 점수에 비례한 램던값으로 생성하였습니다. 값 차이를 많이 안줘서 그런지 솔직히 속도차이는 크게 못느꼈습니다. item.js function remove(value, interval) { const id_value ..

그냥 갑자기 웹 게임을 만들고 싶어서 제작하게 되었습니다. 구상 간단하게 버블이 올라가면서 누르면 점수가 올라가는 방식으로 구현해볼까 합니다. 우선 우리의 시각을 책임지는 html으로 화면을 구현해줍니다. 우선 생성 테스트를 할 예정이라 버튼 2개를 추가했는데요. 추후 제거할 예정입니다. html은 거둘 뿐...! index.html 생성 삭제 다음은 js... 게임로직을 구현하는 중요한 역할이죠...! create.js count = 0; score = 0; hp = 100; function loop() { const main = document.getElementById("main"); const div = document.createElement("div"); const width = window...