DEV/flutter (dart)
-
Flutter/Flame 2D Game의 Background Image 등록하기DEV/flutter (dart) 2023. 3. 10. 14:32
본 편은 하단 글을 기반으로 합니다. (사실상 후속 보너스편) 처음 보시는 분은 이해가 되지 않는다면 1편을 보고오십셔. (기존 코드를 기반으로 합니다. 보고오시는걸 추천) https://seokbong.tistory.com/186 Flutter/Flame 2D X, Y축 이동이 가능한 2D 게임 만들기 예시 (Example of creating a 2D game with movable X and Y axes 1. 시작 저번 시간에 Flutter를 이용하여 2D 횡스크롤 (X 축만 이동) 게임의 기본 기능을 구현해 보았다. (좌, 우 이동 및 점프 기능 구현) https://seokbong.tistory.com/184 Flutter/Flame 2D 횡 스크롤 게임 만들기 seokbong.tistory.c..
-
Flutter/Flame 2D X, Y축 이동이 가능한 2D 게임 만들기 예시 (Example of creating a 2D game with movable X and Y axes)DEV/flutter (dart) 2023. 3. 9. 18:27
1. 시작 저번 시간에 Flutter를 이용하여 2D 횡스크롤 (X 축만 이동) 게임의 기본 기능을 구현해 보았다. (좌, 우 이동 및 점프 기능 구현) https://seokbong.tistory.com/184 Flutter/Flame 2D 횡 스크롤 게임 만들기 예시 1 (Flutter/Flame 2D Horizontal Scroll Game Example 1) 1. 시작 Flutter를 시작하면서 게임을 만들어 보고 싶었다. (사실 바닐라JS로 하려고 했었는데... Flutter 시작한 김에 만들어 보려고 한다.) 프로젝트 이전에 Flame와 친해질 필요가 있었고 (당장 Flutter seokbong.tistory.com https://seokbong.tistory.com/185 Flutter/Fl..
-
Flutter/Flame 2D 횡 스크롤 게임 만들기 예시 2 (Flutter/Flame 2D Horizontal Scroll Game Example 2)DEV/flutter (dart) 2023. 3. 8. 18:08
지난 글... https://seokbong.tistory.com/184 Flutter/Flame 2D 횡 스크롤 게임 만들기 예시 1 1. 시작 Flutter를 시작하면서 게임을 만들어 보고 싶었다. (사실 바닐라JS로 하려고 했었는데... Flutter 시작한 김에 만들어 보려고 한다.) 프로젝트 이전에 Flame와 친해질 필요가 있었고 (당장 Flutter seokbong.tistory.com 저번 글에서 기본적인 세팅과 케릭터 생성을 해보았다. 이번에는 케릭터를 좌 / 우로 이동 가능하게 만들고 점프를 할 수 있는 기능을 추가 할 것이다. 사실 이번 시간에는 코드만 길 뿐 내용은 단순하다. Player.dart 파일만 수정하면 이동하는 기능 구현이 가능하다. 하단 코드의 주석을 읽으면서 차근 차근..
-
Flutter/Flame 2D 횡 스크롤 게임 만들기 예시 1 (Flutter/Flame 2D Horizontal Scroll Game Example 1)DEV/flutter (dart) 2023. 3. 8. 17:39
1. 시작 Flutter를 시작하면서 게임을 만들어 보고 싶었다. (사실 바닐라JS로 하려고 했었는데... Flutter 시작한 김에 만들어 보려고 한다.) 프로젝트 이전에 Flame와 친해질 필요가 있었고 (당장 Flutter랑도 안 친함...) 작게 2D 횡 스크롤 게임 하나, X-Y축 이동이 가능한 2D 게임 하나 틀을 만들어 보려고 한다. (2D 횡 디펜스 게임도 만들 고 싶고, 2D 픽셀 게임도 만들어 보고 싶어서... 그리고 적당한 한글 tutorial이 없었음!) 공부는 안 하고 욕심은 참 많다. 그래서 해당 글은 완벽한 게임을 만드는 것은 아니고 그전에 맛을 볼 겸 좌, 우 이동이 가능하고 점프가 가능한 2D 게임 기능 구현까지만 해볼 생각이다. 참고로 해당 글은 모바일(Android, I..
-
Flutter ChangeNotifier / MultiProvider ProviderDEV/flutter (dart) 2023. 2. 13. 16:15
시작하기 전, provider를 Pub get 해주어야 함 * pubspec.yaml 확인 // 예시 dependencies: provider: ^6.0.1 1. 선언방법 1.1. 우선 ChangeNotifier을 선언 class Store extends ChangeNotifier { var name = 'sibong'; changeName() { name = 'seokbong'; notifyListeners(); // re-rendering 해주세요. } } 1.2. 위 Store 내부의 변수 및 함수를 사용할 위젯을 ChangeNotifierProvider로 감싸줌 void main() { // MaterialApp 내의 모든 위젯에서 사용하기 위해 ChangeNotifierProvider로 감싸줌 ..