이코노딩

✅시작 플레이어를 이름을 설정할 수 있는 기능 만들기, 1️⃣ 기본 이름은 플레이어1~플레이어10까지이다. 2️⃣ 플레이어의 이름이 변경된 후 추가되는 플레이어가 있을 경우 기존 플레이어의 이름은 그대로여야한다. 3️⃣ 플레이어의 이름이 변경된 후 빠지는 플레이어는 뒤에서 부터 빠진다. ☑️Code Padding( padding: EdgeInsets.all(10.r), child:Divider(height: 5.h,thickness: 2,color: const Color(0xffaecdff),)), Get.put(SettingController()).playerList.isEmpty ? Expanded(child: Text('먼저 인원수를 지정한 후,\n설정페이지로 들어와주세요.', style: Text..

✅Package https://pub.dev/packages/flutter_tts flutter_tts | Flutter Package A flutter plugin for Text to Speech. This plugin is supported on iOS, Android, Web, & macOS. pub.dev Flutter에서 Text to Speak를 지원하는 패키지이다. 가사를 음성으로 말하는 걸 듣고 맞추는 게임을 제작하고 싶어서 사용해보기로 하였다. ✔️Install flutter_tts: ^3.6.3 ✅시작 먼저 UI는 가사가 중간에 보이며 넘어갈 때마다 자동으로 재생되고 가사를 터치하면 다시재생될 수 있게 했다. 그리고 정답을 맞추는 동안에는 재생을 멈추어야한다. ☑️UI_Code Exp..

🔘 Splash ✅Package https://pub.dev/packages/flutter_native_splash flutter_native_splash | Flutter Package Customize Flutter's default white native splash screen with background color and splash image. Supports dark mode, full screen, and more. pub.dev Splash는 앱을 실행 할 때, 로딩 창 같은 개념이다. 딱히, 로딩할 건 없지만 그럴싸 해 보이게 만들어 보기위해 넣어 보았다. ✅시작 가장 먼저 Splash에 사용할 이미지를 assets/images 폴더 내에 넣어 주었다. 찾아보니 보통은 구분하기 편하게 ..

✅시작 전 글에서 연동한 후, , 연동이 된 파이어베이스 프로젝트로 들어가보면, 좌측 메뉴에 빌드 > FireStore Database를 만들기를 해준다. 현재 GetX를 통해서 상태관리가 이루어지고 있기때문에, Controller파일을 하나 만들어 줍니다. 이런 창이 뜨면, 간단하게 만들어보는 거면 테스트모드에서 진행해보는게 좋고, 오래 사용해볼 어플이면 프로덕션 모드로 만들면 된다. 애미티는 오래 사용해볼 것 같으니 프로덕션으로 진행 현재 위치는 대한민국이니 가장 가까운 위치의 저장소를 사용 이제 게임 내 사용할 데이터를 만들어 주겠다. 데이터베이스의 구조는 Collection(컬렉션) - Document(문서) - Field(키:값)로 구성 되있고 컬렉션과 문서는 필드를 구분해서 사용하기 용이하게 ..

애미티 내에 필요한 데이터(게임 내 주제)가 내부에 있으면 업데이트가 너무 빈번하게 일어나기에 파이어베이스에서 FireStore을 사용할거다. ✅진행 먼저 패키지를 다운로드 하고 Install 1️⃣Package https://pub.dev/packages/firebase_core firebase_core | Flutter Package Flutter plugin for Firebase Core, enabling connecting to multiple Firebase apps. pub.dev https://pub.dev/packages/cloud_firestore cloud_firestore | Flutter Package Flutter plugin for Cloud Firestore, a cloud-..

✅Package https://pub.dev/packages/carousel_slider carousel_slider | Flutter Package A carousel slider widget, support infinite scroll and custom child widget. pub.dev Install dependencies: carousel_slider: ^4.2.1 ✅적용 보통은 배너나, 이미지를 슬라이드 할 때 사용하지만, 게임 진행 중, 플레이어를 넘길 때 사용할 때 적용 ☑️Code Widget playerSlider() { return SizedBox( width: 150.w, height: 200.h, child: CarouselSlider( carouselController: co..

✔️ 게임 진행에 재미를 위해 벌칙모드를 만들기로 했다. ✅구상 기능 1️⃣벌칙모드를 끄고 킬수 있는 스위치 2️⃣벌칙이 무엇인지 볼 수 있는 바텀시트 및 리스트 3️⃣벌칙을 추가하거나 삭제 할 수 있는 기능 4️⃣기본 벌칙 리스트로 초기화 할 수 있는 리스트 5️⃣shared_preference로 종료후에도 계속 저장 될 수 있는 기능 6️⃣벌칙모드를 키고 게임 오버시 리스트 중 랜덤한 벌칙 지정 ✅ 구현하기 1️⃣벌칙모드를 끄고 킬수 있는 스위치 ☑️Code Widget penaltySetting(){ return Row( mainAxisAlignment: MainAxisAlignment.center, children: [ Icon(Icons.auto_awesome, color: const Color..

https://pub.dev/packages/dropdown_button2 dropdown_button2 | Flutter Package Flutter's core Dropdown Button widget with steady dropdown menu and many options you can customize to your needs. pub.dev ✅패키지 소개 기본적으로 제공되던 DropDown 위젯에 디자인 기능이 많이 추가된 패키지이다. DropDown을 Custom해봤지만 역시 사용하기에는 패키지가 더 편하다. https://iconoding.tistory.com/44?category=976785> [Flutter Project] 애미티 앱 Getx 적용하기 - Custom 😶기존의 Draw..