자바스크립트

미사일 피하기 게임에서 전투기 Sprite와 미사일 Sprite를 추가했다 한결 게임 다워졌다..ㅎㅎ 다음으로는 내 프로젝트의 하이라이트인 지능적인(?) 미사일을 구현해 볼 것이다. 많은 어려움이 있겠지만 많은 배움도 있을 것이다!

전투기가 지나가는 효과를 더 잘 주기 위해서 emission기능을 만들었다. 지난 번 포스팅에서는 어려운 부분이 있었는데 이번에는 특별한 어려움 없이 잘 진행했다.

1. 어.. 이거 어떻게 구현하지❓ 미사일 피하기 게임을 만들던 중이었다. 구름을 만들어서 Canvas를 이용하여 화면에 그리는 것은 쉽게 할 수 있었다. 아직은 이미지를 넣지 않고 빨간색 사각형으로 표현하였는데 저게 바로 전투기이다. 이제 이걸 움직여야 하는데 이 객체의 절대적인 위치를 바꾸는 방법은 사용하지 않았다. 그러면 너무 화면이 정적으로 보일 것 같았다. 만약 player는 그 자리에 있지만 회전을 하고 구름이 움직인다면 player는 제약없이 어디로든 무한히 움직이는 듯한 효과를 줄 수 있다. 하지만 이걸 대체 어떻게 구현하는 지가 문제였다. 2. 내가 생각했던 무식한 방법 일단 명확한 것은 Player는 회전을 해야 된다는 것이었고(1), 구름은 그 방향에 맞춰서 움직여야 된다는 것이었다(..

미사일 피하기 게임을 만들려고 한다. 개발하면서 여러 어려움들이 많을 것이다. 어려움을 해결하고 나면 해결방법을 블로그에 업로드 하려고 한다. 미사일 피하기는 내가 군대에 있을 때 서울대 컴공이었던 사람이 군대에서 잠깐의 시간동안 구현했었다. 나도 자바스크립트로 이 정도의 완성도 있는 게임을 만드는 게 목표였기 때문에 바로 도전하고자 한다. 인터넷으로 서치를 해보니 이미 구현된 게 있긴해서 참고하면서 만들면 좋을 것 같다. https://www.marketjs.com/item/evade-the-missile Evade The Missile - HTML5 Game For Licensing - MarketJS Preamble: This Agreement, signed on October 13, 2023 [h..

자바스크립트 엔진은 한 번에 하나의 태스크만 실행할 수 있는 싱글 스레드 방식으로 동작하지만 동기처리로 인한 블로킹이 발생하지 않는다. 이는 자바스크립트가 비동기를 지원하기 때문이다. 비동기 처리는 전통적으로 콜백함수를 이용하는데 콜백함수가 많아짐에 따라 콜백 지옥이 생길 수 있다고 한다. 콜백지옥은 가독성을 나쁘게 하고 비동기 처리 중 발생한 에러의 예외 처리가 곤란하고 여러 개의 비동기 처리를 한 번에 처리하는 데도 한계가 있다고 한다. -> 프로미스 챕터에서 더 자세히 알려준다는 데 기억해 두어야 겠다.

fetch('url') .then((response) => response.text()) .then((result) => console.log(result)); 브라우저 api 이므로 fetch() 로 사용가능하다. response.text()도 promise객체를 반환하므로 then()을 사용한다. fetch()는 promise 를 반환하는데 then을 이용하면 response가 도착했을때의 특정 작업을 할 수 있다.

안녕하세요!! 오늘은 자바스크립트로 제가 만든 flappy bird 게임을 소개해드리고자 합니다. 지난 자바스크립트 달력 투두 리스트 이후 오랜만이네요. 앞으로는 게임 만들기 튜토리얼도 업로드 할 계획이 있습니다. 오늘은 지난번과 마찬가지로 풀소스를 공유하고자 합니다. 저는 게임을 만들며 자바스크립트로 이 정도의 게임을 만들 수 있는 실력이 된 것에 뿌듯함을 느꼈습니다. 깃허브 링크를 올릴테니 여러 분도 자바스크립트 풀소스를 참고하시어 자바스크립트 프로그래밍 실력을 높이는 계기가 됐으면 좋겠네요! 이후에도 팩맨 게임이나 포켓몬 게임 등도 업로드할 예정입니다. 소스코드 https://github.com/kimtaejin3/Flappy_Bird_Clone GitHub - kimtaejin3/Flappy_Bi..

https://taejinkim-devlog.tistory.com/27 [Javascript project] 달력 To-Do-List 만들기 제가 자바스크립트로 처음 만들었던 프로젝트를 공유하고자 합니다. 잘 작성한 코드는 아니라 다른 사람이 보기에 힘들 수 있지만 구현해보고 싶으신 분들은 아래의 레포지토리를 참고하시면 taejinkim-devlog.tistory.com 한 거에 비해 많은 분들이 블로그를 찾아와 주신 게 감사하고 그 중 대부분은 위 포스팅을 통해서 였다. 하지만 이것에 대한 문제점이 있다. 1. 기존 코드의 문제점 시간이 지나고 보니 이 코드를 다시 파악하기까지 시간이 걸렸고 새로운 기능을 추가하기에도 쉽지많은 않았던게 변수를 전역적으로 선언하고 함수에서 그것을 쓰는 형태로 작업을 하다..