PersesTitan(페르) 기술블로그

다음은 천장에 충돌하면 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...