[🔨활용] 안티그래비티로 firebase db연결해 만든게임 - 나는특별해

ㅎㅇㅎㅇ 이제 ai로 뭔갈 만들기시작한지 한달차 꽉채운 문과아저씨야.

안티그래비티로 게임글을 많이썻는데 이건 구글의 firebase db를 이용하게 해서 만들어봤어.

그리고 항상 제미나이플레쉬를 사용하다가 이번엔 클로드소넷4.5를 써봤음.

개인적으로 제미나이 플래쉬가 좀 더 좋은거같아.

클로드로 4개정도 만들어보니까 클로드는 처음 내가 작성한 시스템지침을 전혀 따르질않고 무시하고 자존심을 너무 부린다는 느낌이 강하게들어.

본인이 코딩을 잘못한걸 남탓으로 돌리고 틀린거 지적하면 알고있었는데 니 반응보려고 그냥 냅뒀다. 뭐 이런투로 말할떄가 간혹있음.

그래도 코딩 자체는 제미나이보다 잘하는것같기도해.

특히 프론트엔드쪽 디자인이 제미나이보다 훨~씬 좋다고 느껴짐.

제미나이는 뭘 만들어도 비슷비슷한데 반해.

클로드는 내 말을 잘 이해하고 프론트엔드를 개성있게 잘만들어준다는 느낌?

그래서 다음번엔 프론트엔드는 클로드한테 따로 지시하는식으로해서 ai 두개를 섞어서 써볼까도 싶음..

게임의 핵심은 본인의 취향을떠나 남들이 선택안할거같은걸 클릭해서 특별한 결과를 얻는게 목표야.

그래서 이름을 나는 특별해 로 지어봣음.

예를들어 딸기, 사과중에 뭐가 좋아? 라는질문이 있을때.

딸기를 선택하면 딸기선택한사람에 +1 이되고. 딸기와 사과선택한사람의 합 중에 딸기선택한사람의 백분율이 나오면서 50%보다 낮으면 점수가 오르는 거임.

근데 이걸 실시간으로 하려면 +1이 되었다는걸 기록해야하는 서버가 필요한데 그걸 firebase 에 클릭할때마다 저절로 기록되게 하는식으로 구현함.

다시말해 실시간으로 유저들이 선택하는거에 따라 점수가 오를수도 안오를수도있다는말이지.

24b0d121e09c28a8699fe8b115ef046c69f52b47

어린이 친화적으로 하기위해 배경을 흰색으로 하고 폰트도 귀엽게 만들었어

질문은 직장인이나 대학생용도 있지만 어린이도 충분히 이해할만한걸로.

24b0d121e09c28a8699fe8b115ef046c69f32e4d

문제는 이런문제들로 구성되어있고

총 문제풀은 30갠데 그중 랜덤으로 10문제가 나올거야.

문제풀은 언제든 추가가 가능하게 만듦.

문제풀30개는 ai랑 하나씩 대화하면서 직접골랐음. ㅋㅋ

가능하면 그림도 삽입하고 싶지만 구글 제미나이만 구독하고, 깃헙도 무료로 이용, firebase 도 무료로 이용하는것이기 때문에 사용량 초과를 막기위해 텍스트만으로 구성했어.

24b0d121e09c28a8699fe8b115ef046b646e9137

게임을 완료하면 이렇게 뜨고 공유하기를 누르면

클립보드에 복사가되서 카톡으로 친구한테 공유할수있게 만들엇음.

카톡에 공유하기 버튼을 넣으려고 카카오 api 등록을 해도 뭘 잘못햇는지 안나오더라.

그래서 카톡공유버튼은 다만들고 두시간쯤 노력햇지만 포기함 ㅠ api 까지 다해서 하라는데로 다한거같은데

24b0d121e09c28a8699fe8b115ef0468e0afe8bb

이런 오류뜨면서 안대더라고...

그래서 카카오 공유하기버튼은 그냥 지워버리고 공유하기 누르면 내 게임결과가 들어간 텍스트와 URL이 클립보드에 복사대게 했음.

24b0d121e09c28a8699fe8b115ef046b6f6e9933

아래는 이거 만드는 실제영상이야.

저번에 편집하니까 너무 길어서 이번엔 최대한 짧게해보려고햇는데 그래도 너무기네.

댓글 1