【Flutter】スマホを動かしてウサギを育てるアプリを作ろう🐰

Last updated at 2025-12-12Posted at 2025-12-12

はじめに

こんにちは！watnow1回生のたうちです。
今回が記事初投稿になります。
カレンダーを担当するほかの方、先輩方と比べて拙い記事になると思いますが最後まで読んでいただけると嬉しいです

今回の記事は今年最も印象に残った夏のハッカソンで開発したプロダクトについて紹介します！
その名も 「オレンジ農場」 です！

開発までの経緯

夏のwatnowハッカソンのテーマは「色」でした。
そして、自分たちのグループの担当はオレンジ、ということでオレンジの野菜や果物を収穫するゲームを作ろうってなったのが始まりです。

私が春からflutterを学習していたということもあり、今回の開発ではflutterを用いたモバイル向けアプリを作ることに！
今回はこのアプリについて紹介します！！

これがホーム画面

どんなアプリ？？

まずは畑に行って野菜を収穫します！
「畑ガチャ」をおすとメロン、にんじん、かぼちゃのうちどれかが画面に現れるので、スマホを適切に動かすことで収穫できます！

例えば、人参を収穫するときはスマホを大きく振り上げるように動かさないと振った回数にカウントされません！

accelerometer.dart

void _startAccelerometer() {
    _accelerometerSubscription = accelerometerEventStream().listen((
      event,
    ) async {
      double magnitude = event.y.abs();
      if (magnitude > 15 && !_isShaking) {
        _isShaking = true;
        _animationController.forward(from: 0);

        setState(() {
          _shakeCount++;
          Vibration.vibrate(duration: 300);
          _playse('gasagasa.mp3');
          _carrotPosition = min(_shakeCount * 2.0, 20.0);

          if (_shakeCount >= 8) {
            _canHarvest = true;
          }
        });

        Future.delayed(const Duration(milliseconds: 300), () {
          _isShaking = false;
        });
      }

      if (_canHarvest && magnitude > 25) {
        _accelerometerSubscription?.cancel();
        if (mounted) {
          final prefs = await SharedPreferences.getInstance();
          var carrotcount = prefs.getInt('carrot') ?? 0;
          carrotcount += 1;
          Vibration.vibrate(duration: 1000);
          await prefs.setInt('carrot', carrotcount);
          _bgmPlayer.dispose();
          _playse('harvest_success.mp3');
          Navigator.pushReplacementNamed(context, '/result');
        }
      }
    });
  }

以上が収穫ゲーム画面のコードの一部です！

accelerometerEventStream().listenで端末から各方向の加速度を取得し、eventに入ります！
ある方向の加速度(上の場合はy軸方向)の加速度が一定以上になったらスマホを振りあげたと判定され、回数がカウントされます！
時間内に数回収穫の動きができれば収穫成功です！！

時間内に収穫できないと野菜が腐ってしまい、収穫失敗です、、