Best
-
Chrome(크롬) 웹 브라우저 User Agent 확인하기
여러 작업 중 웹 브라우저의 User Agent를 확인할 경우가 생기는데 크롬 브라우저에서는 개발자도구를 통해 확인할 수 있습니다. 개발자도구 중 콘솔(Console)을 통해 확인이 가능한데, 콘솔창을 띄우는 방법은 두 가지가 있습니다. 1. 바로 콘솔창 띄우기Ctrl(컨트롤 키) + Shift + i 위의 단축키를 누르게 되면 바로 개발자도구의 콘솔창이 바로 나타나게 됩니다. 2. 개발자도구 열기F12 F12 키를 누르게 되면 개발자도구가 나타나게 됩니다. Elements가 선택되어 있을텐데, 그 옆에 있는 Console을 클릭해줍니다. 콘솔(Console)창에 아래와 같은 명령어를 입력한 뒤 엔터키를 입력하면 User Agent를 확인하실 수 있습니다. > navigator.userAgent
2019.02.28
-
엔트리(entry)로 비행기 슈팅게임 만들기 - 6. 점수 측정하기
1. 기획 2. 시작화면 및 설명화면 만들기 3. 운석 만들기 4. 비행기 만들기 5. 미사일 만들기 6. 점수 측정하기 7. 엔딩 화면 만들기 8. 상점 화면 만들기 9. 상점 구매기능 만들기 10. 공격 속도 업그레이드 적용하기 11. 이동 속도 업그레이드 적용하기 12. 총알 개수 증가 업그레이드 적용하기 13. 폭탄 적용하기 14. 난이도 적용하기1 15. 난이도 적용하기2 16. 난이도 적용하기3 17. 보스 만들기 18. 효과음 넣기 19. 오프닝 화면, 엔딩 크레딧 만들기 20. 공유하기 지난 포스팅에서는 미사일 발사를 구현하였습니다. 이번 포스팅에서는 운석오브젝트를 제거하거나 일정 시간이 지날 때마다 점수를 획득하는 부분을 구현해보도록 하겠습니다. 게임 장면에 점수를 실시간으로 표시하고자 ..
2019.04.17
-
엔트리(entry)로 비행기 슈팅게임 만들기 - 1. 기획
엔트리(entry)란 스크래치(scratch)와 마찬가지로 코딩의 이해를 돕기 위해 만들어진 블록 코딩 도구입니다. 엔트리를 활용하여 많은 것들을 만들 수 있지만 이번 프로젝트는 엔트리를 이용한 비행기 슈팅게임을 만들고자 합니다. 게임을 만들기에 앞서 어떤 게임을 만들지에 대해 기획을 하고 코딩을 진행하도록 하겠습니다. 1. 기획 2. 시작화면 및 설명화면 만들기 3. 운석 만들기 4. 비행기 만들기 5. 미사일 만들기 6. 점수 측정하기 7. 엔딩 화면 만들기 8. 상점 화면 만들기 9. 상점 구매기능 만들기 10. 공격 속도 업그레이드 적용하기 11. 이동 속도 업그레이드 적용하기 12. 총알 개수 증가 업그레이드 적용하기 13. 폭탄 적용하기 14. 난이도 적용하기1 15. 난이도 적용하기2 16...
2019.04.10
-
엔트리(entry)로 비행기 슈팅게임 만들기 - 4. 비행기 만들기
1. 기획 2. 시작화면 및 설명화면 만들기 3. 운석 만들기 4. 비행기 만들기 5. 미사일 만들기 6. 점수 측정하기 7. 엔딩 화면 만들기 8. 상점 화면 만들기 9. 상점 구매기능 만들기 10. 공격 속도 업그레이드 적용하기 11. 이동 속도 업그레이드 적용하기 12. 총알 개수 증가 업그레이드 적용하기 13. 폭탄 적용하기 14. 난이도 적용하기1 15. 난이도 적용하기2 16. 난이도 적용하기3 17. 보스 만들기 18. 효과음 넣기 19. 오프닝 화면, 엔딩 크레딧 만들기 20. 공유하기 지난 과정에선 장애물인 운석오브젝트를 생성하였습니다. 이번 포스팅엔 장애물을 피할 비행기를 만들어 보도록 하겠습니다. 생각해보니 우주 배경이니 우주선이나 로켓이라 해야겠네요. 로켓이라 칭하겠습니다. 우선 사..
2019.04.11
-
크롬 화면 색깔이 달라지는 현상
갑자기 크롬 브라우저의 화면 색이 이상해졌습니다.흰색이 노랗게 보이는 현상이랄까?...여러 PC에서 크롬을 연동하여 사용하고 있지만 유독 한 PC에서만 이런 현상이 발생하던군요.아래는 IE 와 크롬을 비교한 사진입니다. 이를 해결하기 위해선 크롬 세팅 페이지에 들어가 한 가지를 수정해주면 됩니다. 아래와 같은 링크를 크롬 주소창에 입력하여 세팅 페이지로 들어갑니다.chrome://flags/#force-color-profile 그러면 Force color profile 부분으로 바로 이동하게 되는데 이 부분이 Default로 설정되어 있을겁니다. 이를 sRGB로 바꾸고 RELAUNCH NOW 버튼을 눌러 크롬을 재시작 해줍니다. 다시 시작된 크롬을 보시면 짜잔!!색이 원래도로 돌아온것을 확인하실 수 있습..
2018.07.27
-
엔트리(entry)로 비행기 슈팅게임 만들기 - 5. 미사일 만들기
1. 기획 2. 시작화면 및 설명화면 만들기 3. 운석 만들기 4. 비행기 만들기 5. 미사일 만들기 6. 점수 측정하기 7. 엔딩 화면 만들기 8. 상점 화면 만들기 9. 상점 구매기능 만들기 10. 공격 속도 업그레이드 적용하기 11. 이동 속도 업그레이드 적용하기 12. 총알 개수 증가 업그레이드 적용하기 13. 폭탄 적용하기 14. 난이도 적용하기1 15. 난이도 적용하기2 16. 난이도 적용하기3 17. 보스 만들기 18. 효과음 넣기 19. 오프닝 화면, 엔딩 크레딧 만들기 20. 공유하기 지난 포스팅에서는 키보드 방향키로 움직일 수 있는 비행기(로켓)를 만들어보았습니다. 이번 포스팅에서는 스페이스바를 눌렀을 때 로켓에서 미사일이 발사되도록 코딩을 해보겠습니다. 우선 미사일로 사용할 오브젝트를..
2019.04.16
-
엔트리(Entry) 리듬게임 제작 (v1.2.8)
리듬게임 플레이 영상 게임하러 이동! Entry playentry.org 엔트리로 간단한 리듬게임을 제작하였습니다. 키보드 이벤트와 오브젝트간 충돌 처리를 학습할 수 있습니다. 게임 내용은 아래와 같습니다. ================================================================= 리듬게임의 핵심(core)인 노트의 생성과 제거에 대한 예제입니다. D, F, J, K 키로 할 수 있습니다 [설정에서 방향키로 바꿀 수 있습니다] SpaceBar를 누르거나 [체험하기]를 누르면 시작할 수 있습니다 점수 계산은 아래와 같습니다 - 게임 진행중 콤보 x 5점씩 - 게임 끝난 후 노트속도에 대한 점수 계산: ( 1 + 0.1 x 노트 속도 ) x 획득한 점수 남은 라이프..
2020.01.17
-
엔트리(entry)로 비행기 슈팅게임 만들기 - 8. 상점 화면 만들기
1. 기획 2. 시작화면 및 설명화면 만들기 3. 운석 만들기 4. 비행기 만들기 5. 미사일 만들기 6. 점수 측정하기 7. 엔딩 화면 만들기 8. 상점 화면 만들기 9. 상점 구매기능 만들기 10. 공격 속도 업그레이드 적용하기 11. 이동 속도 업그레이드 적용하기 12. 총알 개수 증가 업그레이드 적용하기 13. 폭탄 적용하기 14. 난이도 적용하기1 15. 난이도 적용하기2 16. 난이도 적용하기3 17. 보스 만들기 18. 효과음 넣기 19. 오프닝 화면, 엔딩 크레딧 만들기 20. 공유하기 이번 포스팅에서는 상점 화면을 만들어 보겠습니다. 상점에서 물건을 사기 위해서는 돈이 필요하겠죠? 1편 기획에서 말씀드린 것처럼 점수 3점당 1원씩 획득하도록 하고, 게임이 종료되었을 때 엔딩 장면에서 상점..
2019.05.22
-
URL 단축 서버 만들기 (YOURLS - Your Own URL Shortener)
이번 포스팅에서는 단축 URL을 생성해주는 서버를 만들어보고자 합니다. 제가 사용할 OS는 Ubuntu 18.04.2 이며, 사용할 패키지는 YOURLS 입니다. 우선 우분투의 패키지 업데이트 및 업그레이드를 진행해줍니다. $ sudo apt-get install update && sudo apt-get install upgrade APM(Apache PHP Mysql)을 설치해줍니다. $ sudo apt-get install apache2 $ sudo apt-get install mysql-server mysql-client $ sudo apt-get install php libapache2-mod-php php-xml php-gd php-mysql Mysql을 실행하여 YOURLS를 사용하기 위한 D..
2019.10.10
-
엔트리(entry)로 비행기 슈팅게임 만들기 - 12. 총알 개수 증가 업그레이드 적용하기
이번 포스팅에서는 상점에서 구매할 수 있는 마지막 업그레이드로, 업그레이드를 할 때마다 총알 개수가 증가하도록 해보고자 합니다. 이전 포스팅에서 상점 구매 기능을 만들었을 때 총알 개수 업그레이드는 미사일수업수 라는 변수에 정보를 저장하였습니다. 이를 이용하여 코딩을 진행하고자 합니다. 우선 미사일수업수 변수의 성질을 생각해봅시다. 미사일수업수 변수는 다른 업그레이드 관련 변수와 동일하게 처음에 1이라는 값을 가지고 시작합니다. 업그레이드를 진행할수록 마찬가지로 1씩 증가하는 변수이죠. 미사일수업수는 4까지 증가할 변수입니다. 업그레이드를 진행할때마다 미사일이 추가로 생성되어 복제되고 발사되도록 할 것입니다. 바로 아래의 그림처럼요! 업그레이드를 하게 되면 가운데 미사일뿐만 아니라 양옆으로 미사일이 생성..
2019.10.08