l 🤖 코드 l59

• 

  모바일게임 배포 완료 ! / Save Money 게임설명 안녕하세요~ 코드그림입니다! 이번에 세이브머니라는 게임을 만들게 됐어요. 게임의 UI부터 게임하는 방법까지 하나 하나 차례로 설명해 드릴게요! 1. 게임UI 우선 UI는 이런 시크한 블랙 배경에 귀여운 동전들이 위에서 내려오는 모습입니다. 맵이 세계 대륙으로 나뉘어져 있어요! 아시아, 아메리카, 유럽, 오세아니아, 아프리카로 이루어져 있습니다. 각 대륙에서 랭킹을 갱신할 수 있어요! 2. 게임방법 게임방법은 간단합니다. 어떤 동전이 떨어지는지 위에 표시가 되어 있어요. 그 동전을 어디다 떨어뜨릴지 정한다음 탭해서 동전을 내려주세요. 똑같은 동전이 만나면 더 큰 동전으로 바뀝니다. 큰 동전을 많이 만들수록 점수가 올라가요! 최고점수를 기록하고 친구들과 공유해보세요! 랭킹은 저장되며 대륙의 1인자가 될 수 .. l 🤖 코드 l 2024. 1. 25.

• 

  vite 프로젝트 vercel에서 배포 안될때 / 간단해결✨ 안녕하세요~ 코드그림입니다. 제가 이번에 vite로 프로젝트를 만들었는데 vercel에서 배포가 안됐었거든요 🤣 그래서 해결 방법을 까먹지 않도록 블로그에 적어둡니다 ㅎㅎ 우선 vite는 단일페이지 프로젝트를 빠르게 빌드하도록 도와주는 툴이기 때문에 html 파일이 여러개가 되는 순간부터 에러에 봉착하기 시작하는데요, 그럼 여러개의 html 파일을 어떻게 관리하고 프로젝트 루트를 설정해야 하는지 알려드릴게요! 👇제가 vercel로 배포한 vite 프로젝트 입니다👇(https://jng-3d-project.vercel.app/) 1. html 파일 프로젝트 루트 관리 한개의 폴더 안에 한개의 html파일을 넣는 방식으로 관리한다. 제 프로젝트 루트는 위에 보시는 화면과 같습니다. 보시면 dist 파일 안에.. l 🤖 코드 l 2023. 12. 14.

• 

  유니티 AR 라인드로잉 / 카메라 증강현실 라인드로잉 하는 법 안녕하세요~ 코드그림입니다! 오늘은 유니티로 라인드로잉 하는 법을 정리해 볼게요!! ㅎㅎ 아래와 같이 내맘대로 그림을 그릴 수 있는 앱이에요😃👍 우선 유니티부터 켜주세요~!! 1. 프로젝트 셋팅 1-1. window -> Package Manager 1-2. AR foundation 패키지 매니저 다운로드 상단 +버튼 옆에 packages: Unity Registry로 바꿔주시고 검색으로 com.unity.xr.arfoundation을 검색하시면 금방 착오없이 찾으실 수 있습니다. 그게 아니라면, 스크롤해서 AR foundation을 찾으신 뒤에 다운로드 해주세요😀 2. 유니티에서 프로젝트 에셋 설정해주기 위와 같은 모습으로 파일들을 셋팅해줍니다. 여기서 중요한건 Script 파일을 만들 때 이름을 수정.. l 🤖 코드 l 2023. 11. 22.

• 

  [윈도우/안드로이드스튜디오] 에뮬레이터 실행 안됨 오류 해결 방법! / 안드로이드 스튜디오 핸드폰으로 실행하기! 안녕하세요~ 코드그림입니다! 윈도우 환경에서 안드로이드 스튜디오 사용하시는 분들중에 에뮬레이터 실행 안돼서 답답하신분들 많으시죠? 웹앱 무한로딩 오류, 앱실행 오류들이 코드 오류가 아닌 에뮬레이터 오류일 가능성도 있으니 확인해 보셔요! 제 경우에는 코드상 오류가 없는데 자꾸 무한로딩이 걸리거나 앱실행이 안되더라구요, 근데 맥북에서는 실행이 되길래 하 윈도우는 안되는건가 ㅠㅠ 했는데 찾아보니 에뮬레이터 오류였습니다! 해결법은 physical 에뮬레이터를 활용하는 방법인데요! 실제 디바이스로 실행을 해보는거예요! 설정 및 테스트 방법은 아래와 같습니다. 1. 핸드폰 개발자 도구 실행 (핸드폰 설정 > 개발자 옵션) (개발자 도구가 활성화 되어있지 않은 분들은 아래의 글을 먼저 참고하여 개발자 도구부터 실행시.. l 🤖 코드 l 2023. 11. 4.

• 

  [안드로이드/갤럭시] 핸드폰 개발자 도구 활성화 해서 코드 실행하기 안녕하세요~ 코드그림입니다! 개발하다보면 핸드폰으로 직접실행이 필요한 경우가 많은데요, 오늘은 실제 디바이스에서 코드를 실행시키기 위해 개발자 도구를 활성화 하는 방법을 알려드리겠습니다. 1. 핸드폰 설정으로 갑니다. 2. 휴대전화 정보로 갑니다. 3. 소프트웨어 정보로 갑니다. 4. 빌드번호를 연속 7번을 탭합니다. 5. 설정 맨 하단에 개발자 옵션 탭이 생긴 것을 확인 할 수 있습니다. ㅎㅎ 간단하죠? 이제 개발자 옵션을 활용해 편하게 코드 테스트를 해보실 수 있습니다. 고생하셨어요! 그럼 오늘도 즐겁고 행복한 코딩 하시길 바라면서~ 저는 이만 들어가 보겠습니다! 이상 코드그림 이었습니다! 기타 문의사항은 댓글로 알려주시면 확인하는대로 답글 달아드려요~ l 🤖 코드 l 2023. 11. 4.

• 

  웹사이트 링크 ->앱으로 (안드로이드 스튜디오 초기설정 및 웹뷰설정) 안녕하세요~ 코드그림 입니다! 오늘은 안드로이드 스튜디오에서 웹뷰를 통해 웹사이트 링크를 앱으로 만드는 방법에 대해 알려드리겠습니다! 1.안드로이드 스튜디오 실행 일단 안드로이드 스튜디오를 열어주시고 Empty Activity를 눌러주세요. Next 누르시고 다음화면에서는 아래와 같이 설정해 주세요. Name: 앱네임 영어로 설정 Package name: com.회사이름(혹은 프로젝트 이름).앱이름 Save location: 편한 루트로 설정하시되 새폴더를 생성해서 내부에 아무것도 없는 폴더를 설정해주셔야 됩니다. Minimum SDK: API 24로 설정해주세요! finish를 눌러줍니다. 2.xml파일 설정 프로젝트가 켜졌다면 좌측 폴더트리에서 app오른쪽 클릭 New -> xml -> Layout .. l 🤖 코드 l 2023. 9. 10.

• 

  웹사이트 링크 -> 앱으로 만들기 (웹앱만들기/EXPO웹뷰) 간단버전 안녕하세요~ 코드그림입니다! 오늘은 웹사이트 링크 하나로 앱을 만드는 방법을 공유합니다. 그럼 바로 실행해 볼게요! ※준비사항: C드라이브에 바로 새폴더를 하나 생성합니다.(프로젝트의 루트가 될 폴더입니다.) 1.Expo CLI설치 먼저 터미널에서 아래의 명령어를 입력해 주세요. npm install -g expo-cli 2.Expo 프로젝트 생성 다음 명령어를 입력해 주세요. expo init my-project (my-project는 내 프로젝트 영문으로 입력) 3.프로젝트 경로로 이동 cd my-project로 경로를 이동해주세요. cd my-project 4.웹뷰설치 npx expo install react-native-webview 5.App.js파일 수정 프로젝트 경로에 웹뷰까지 설치했다면 아.. l 🤖 코드 l 2023. 9. 6.

• 

  Expo go 실행안될때 / 명령어 한 줄이면 해결! 안녕하세요~ 코드그림입니다! 윈도우 환경에서 EXPO GO를 실행했을 때 파란창과 함께 "something went wrong" 이라는 문구가 뜨거나 무한 로딩에 걸리는 에러를 많은 분들이 마주하실 텐데요. 그때 해결책! 명령어 한 줄! 터미널창에 npx expo start --tunnel 이라고 치시면 됩니다. 제가 이 에러로 4시간을 무한 구글링과 기타 다른 소프트웨어 설치 삭제를 반복했었는데요 ㅠㅠ 부디 이 글을 빨리 읽으시고 야근없이 즐코딩 하시길 바랍니다. 코드그림이었습니다~! l 🤖 코드 l 2023. 9. 6.

• 

  코코스 크리에이터 웹으로 내보내고 자동 반응형 설정하기 안녕하세요~ 코드그림입니다! 최근에 코코스 크리에이터로 게임을 개발했어요. 처음부터 웹/앱 동시 제작 계획이었던 프로젝트라서 디자인부터 모바일 사이즈로 제작했습니다. 나머지 여백은 자동 검은색 배경이 들어가더라구요. 모든 설정은 웹으로 내보낸 후에 다시 css로 변경할 수 있습니다. 그럼 우선 만들어둔 게임을 웹으로 내보내는 것 부터 해볼게요. 1. 빌드한 게임 코코스 크리에이터 에디터에서 웹으로 내보내기 상단 프로젝트 버튼 > 빌드 버튼을 눌러줍니다. 에디터 창 제목 설정해 주시고 플랫폼은 web desktop으로 설정해 줍니다. 빌드버튼을 클릭하면 저렇게 주황색 창이 로딩되면서 completed되는 화면을 보실 수 있습니다. 2. 빌드 후 html 파일 커스텀하기 빌드된 파일 경로로 들어가서 vs코드.. l 🤖 코드 l 2023. 8. 29.

• 

  여러개 버튼 소리 한번에 넣기/ 코코스 크리에이터 ✨코드그림 안녕하세요~ 코드그림입니다. 코코스 크리에이터에서 버튼 여러개에다 한번에 사운드 적용하는 방법을 알아보겠습니다. 1. 노드트리에서 빈 노드를 만든다. 2. 노트를 buttons라고 명명하고 노드안에 버튼들을 다 넣는다. 3. Buttons_sound라는 자바스크립트 파일을 생성한다. //버튼소리 설정 파일 cc.Class({ extends: cc.Component, properties: { btn_sound: { default: null, type: cc.AudioClip } }, onLoad: function () { var buttons = this.node.children; for (var i = 0; i < buttons.length; i++) { var button = buttons[i].get.. l 🤖 코드 l 2023. 7. 25.

• 

  코코스 크리에이터 배경음악 넣기 / cocos creator BGM 안녕하세요~ 코드그림입니다. 요새 게임개발을 하고있는데요. 음악넣는게 은근 헷갈리더라구요. 그래서 정리해 봅니다. 1. canvas > node > empty node 만들기 (아래의 만들기는 node tree에서 확인하실 수 있습니다.) 2. Add component > other component > AudioSource 선택 (아래의 오디오 소스 추가는 properties 탭에서 추가하실 수 있습니다.) 3. Assets > create > folder 만들기 에셋에 폴더를 하나 추가하여 음악파일들을 넣어줍니다. 4. 만든 폴더안에 음악을 넣어주세요. 5. 오디오 소스 Clip에 음악 파일을 드래그&드랍하여 넣어 해줍니다. 6. 노래설정하기 volume: 음악소리 크기 설정 Mute: 음소거설정 (.. l 🤖 코드 l 2023. 7. 24.

• 

  깃허브 프로필 꾸미기 / 폰트 설정 ✏️ 안녕하세요!! 코드그림입니다. 깃허브 프로필 하단 설명부분에 폰트를 내 마음대로 설정하는 법을 공유합니다😃 아주아주 간단하니까 슉슉 빠르게 설정하실 수 있으실거예요 👍👍👍 저 빨간박스 쳐져있는 부분을 바꿔볼게요. 1. 우선 깃허브 상단 오른쪽에 있는 본인 프로필 마크 클릭 > Your profile로 들어갑니다. 2. 왼쪽 프로필 사진 아래에 있는 Edit Profile 클릭 3. Bio 텍스트박스 안에 내용을 바꿔줍니다. 저는 여기서 Font generator 라는 사이트에 들어가서 원하는 문구를 넣고 변경된 폰트를 가져와서 복붙했습니당 😃😃😃 폰트 변경해주는 사이트 1) https://metatags.io/font-generator Meta Tags — Preview, Edit and Generate.. l 🤖 코드 l 2021. 12. 28.