趣味程度で作成したごく簡単なFlutter開発のアプリを紹介しています。
下記アプリの主要なソースコードを公開しています。アプリ開発の参考になれば幸いです。
画像等が別途必要ですので下記情報のみでアプリが完成するものではありません。 アプリは少しずつ機能拡張していますのでストア公開されているアプリと内容が異なる場合があります。 コードはコピーして自由にお使いいただけます。ただし著作権は放棄しておりませんので全部の再掲載はご遠慮ください。部分的に再掲載したり、改変して再掲載するのは構いません。 自身のアプリ作成の参考として個人使用・商用問わず自由にお使いいただけます。 コード記述のお手本を示すものではありません。ミニアプリですので変数名などさほど気遣いしていない部分も有りますし間違いも有るかと思いますので参考程度にお考え下さい。 他の賢者の皆様が公開されているコードを参考にした箇所も含まれます。Flutter開発の熟練者が書いたコードではありません。 エンジニア向け技術情報共有サービスではありませんので説明は省いています。 GitHubなどへの公開は予定しておりません。
name: mixingcolors
description: "mixingcolors"
# The following line prevents the package from being accidentally published to
# pub.dev using `flutter pub publish`. This is preferred for private packages.
publish_to: 'none' # Remove this line if you wish to publish to pub.dev
# The following defines the version and build number for your application.
# A version number is three numbers separated by dots, like 1.2.43
# followed by an optional build number separated by a +.
# Both the version and the builder number may be overridden in flutter
# build by specifying --build-name and --build-number, respectively.
# In Android, build-name is used as versionName while build-number used as versionCode.
# Read more about Android versioning at https://developer.android.com/studio/publish/versioning
# In iOS, build-name is used as CFBundleShortVersionString while build-number is used as CFBundleVersion.
# Read more about iOS versioning at
# https://developer.apple.com/library/archive/documentation/General/Reference/InfoPlistKeyReference/Articles/CoreFoundationKeys.html
# In Windows, build-name is used as the major, minor, and patch parts
# of the product and file versions while build-number is used as the build suffix.
version: 2.0.0+10
environment:
sdk: ^3.9.2
# Dependencies specify other packages that your package needs in order to work.
# To automatically upgrade your package dependencies to the latest versions
# consider running `flutter pub upgrade --major-versions`. Alternatively,
# dependencies can be manually updated by changing the version numbers below to
# the latest version available on pub.dev. To see which dependencies have newer
# versions available, run `flutter pub outdated`.
dependencies:
flutter:
sdk: flutter
flutter_localizations:
sdk: flutter
intl: ^0.20.2
# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^1.0.8
shared_preferences: ^2.5.3
google_mobile_ads: ^6.0.0
dev_dependencies:
flutter_test:
sdk: flutter
# The "flutter_lints" package below contains a set of recommended lints to
# encourage good coding practices. The lint set provided by the package is
# activated in the `analysis_options.yaml` file located at the root of your
# package. See that file for information about deactivating specific lint
# rules and activating additional ones.
flutter_lints: ^6.0.0
flutter_launcher_icons: ^0.14.4 #flutter pub run flutter_launcher_icons
flutter_native_splash: ^2.4.0 #flutter pub run flutter_native_splash:create
flutter_icons:
android: "launcher_icon"
ios: true
image_path: "assets/icon/icon.png"
adaptive_icon_background: "assets/icon/icon_back.png"
adaptive_icon_foreground: "assets/icon/icon_fore.png"
flutter_native_splash:
color: '#9da9f5'
image: 'assets/image/splash.png'
color_dark: '#9da9f5'
image_dark: 'assets/image/splash.png'
fullscreen: true
android_12:
icon_background_color: '#9da9f5'
image: 'assets/image/splash.png'
icon_background_color_dark: '#9da9f5'
image_dark: 'assets/image/splash.png'
# For information on the generic Dart part of this file, see the
# following page: https://dart.dev/tools/pub/pubspec
# The following section is specific to Flutter packages.
flutter:
# The following line ensures that the Material Icons font is
# included with your application, so that you can use the icons in
# the material Icons class.
uses-material-design: true
generate: true
# To add assets to your application, add an assets section, like this:
# assets:
# - images/a_dot_burr.jpeg
# - images/a_dot_ham.jpeg
assets:
- assets/icon/
- assets/image/
# An image asset can refer to one or more resolution-specific "variants", see
# https://flutter.dev/to/resolution-aware-images
# For details regarding adding assets from package dependencies, see
# https://flutter.dev/to/asset-from-package
# To add custom fonts to your application, add a fonts section here,
# in this "flutter" section. Each entry in this list should have a
# "family" key with the font family name, and a "fonts" key with a
# list giving the asset and other descriptors for the font. For
# example:
# fonts:
# - family: Schyler
# fonts:
# - asset: fonts/Schyler-Regular.ttf
# - asset: fonts/Schyler-Italic.ttf
# style: italic
# - family: Trajan Pro
# fonts:
# - asset: fonts/TrajanPro.ttf
# - asset: fonts/TrajanPro_Bold.ttf
# weight: 700
#
# For details regarding fonts from package dependencies,
# see https://flutter.dev/to/font-from-package
import 'package:flutter/cupertino.dart';
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:mixingcolors/ad_manager.dart';
class AdBannerWidget extends StatefulWidget {
final AdManager adManager;
const AdBannerWidget({super.key, required this.adManager});
@override
State<AdBannerWidget> createState() => _AdBannerWidgetState();
}
class _AdBannerWidgetState extends State<AdBannerWidget> {
int _lastBannerWidthDp = 0;
bool _isAdLoaded = false;
bool _isLoading = false;
@override
Widget build(BuildContext context) {
return SafeArea(
child: LayoutBuilder(
builder: (context, constraints) {
final int width = constraints.maxWidth.isFinite ? constraints.maxWidth.truncate() : MediaQuery.of(context).size.width.truncate();
final bannerAd = widget.adManager.bannerAd;
if (width > 0) {
WidgetsBinding.instance.addPostFrameCallback((_) {
if (mounted) {
final bannerAd = widget.adManager.bannerAd;
final bool widthChanged = _lastBannerWidthDp != width;
final bool sizeMismatch = bannerAd == null || bannerAd.size.width != width;
if ((widthChanged || !_isAdLoaded || sizeMismatch) && !_isLoading) {
_lastBannerWidthDp = width;
setState(() { _isAdLoaded = false; _isLoading = true; });
widget.adManager.loadAdaptiveBannerAd(width, () {
if (mounted) {
setState(() { _isAdLoaded = true; _isLoading = false; });
}
});
}
}
});
}
if (_isAdLoaded && bannerAd != null) {
return Column(
mainAxisSize: MainAxisSize.min,
children: [
SizedBox(height: 10),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
SizedBox(
width: bannerAd.size.width.toDouble(),
height: bannerAd.size.height.toDouble(),
child: AdWidget(ad: bannerAd),
),
],
)
]
);
} else {
return const SizedBox.shrink();
}
},
),
);
}
}
/*
* mainへの記述
* void main() async {
* WidgetsFlutterBinding.ensureInitialized();
* if (!kIsWeb) {
* //AdMob初期化
* MobileAds.instance.initialize();
* //NPAポリシーの集中設定(将来拡張もここで) 現時点は使用していないので記述しなくても良い
* await AdManager.initForNPA();
* }
* runApp(const MyApp());
* }
*/
import 'dart:async';
import 'dart:io' show Platform;
import 'dart:ui';
import 'package:flutter/foundation.dart' show kIsWeb;
import 'package:google_mobile_ads/google_mobile_ads.dart';
class AdManager {
//Test IDs
//static const String _androidAdUnitId = "ca-app-pub-3940256099942544/6300978111";
//static const String _iosAdUnitId = "ca-app-pub-3940256099942544/2934735716";
//Production IDs
static const String _androidAdUnitId = "ca-app-pub-0/0";
static const String _iosAdUnitId = "ca-app-pub-0/0";
static String get _adUnitId => Platform.isIOS ? _iosAdUnitId : _androidAdUnitId;
BannerAd? _bannerAd;
int _lastWidthPx = 0;
VoidCallback? _onLoadedCb;
Timer? _retryTimer;
int _retryAttempt = 0;
BannerAd? get bannerAd => _bannerAd;
//(任意)アプリ起動時などに呼ぶ。将来のCMP/NPA関連設定を集中管理。
static Future<void> initForNPA() async {
if (kIsWeb) {
return;
}
//ここでグローバルなRequestConfigurationを設定しておく(必要に応じて拡張)
await MobileAds.instance.updateRequestConfiguration(
RequestConfiguration(
//例:最大コンテンツレーティング等を付けたい場合はここに追加
//maxAdContentRating: MaxAdContentRating.g, //例
//tagForChildDirectedTreatment: TagForChildDirectedTreatment.unspecified,
//tagForUnderAgeOfConsent: TagForUnderAgeOfConsent.unspecified,
),
);
}
Future<void> loadAdaptiveBannerAd(
int widthPx,
VoidCallback onAdLoaded,
) async {
if (kIsWeb) {
return;
}
_onLoadedCb = onAdLoaded;
_lastWidthPx = widthPx;
_retryAttempt = 0;
_retryTimer?.cancel();
_startLoad(widthPx);
}
Future<void> _startLoad(int widthPx) async {
if (kIsWeb) {
return;
}
_bannerAd?.dispose();
AnchoredAdaptiveBannerAdSize? adaptiveSize;
try {
adaptiveSize =
await AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSize(
widthPx,
);
} catch (_) {
adaptiveSize = null;
}
final AdSize size = adaptiveSize ?? AdSize.fullBanner;
//常にNPAで配信(CMP対応)
const adRequest = AdRequest(
nonPersonalizedAds: true, //NPA Non-Personalized Ads(非パーソナライズ広告)指定
);
_bannerAd = BannerAd(
adUnitId: _adUnitId,
request: adRequest,
size: size,
listener: BannerAdListener(
onAdLoaded: (ad) {
_retryTimer?.cancel();
_retryAttempt = 0;
final cb = _onLoadedCb;
if (cb != null) {
cb();
}
},
onAdFailedToLoad: (ad, err) {
ad.dispose();
_scheduleRetry();
},
),
)..load();
}
void _scheduleRetry() {
if (kIsWeb) {
return;
}
_retryTimer?.cancel();
// Exponential backoff: 3s, 6s, 12s, max 30s
_retryAttempt = (_retryAttempt + 1).clamp(1, 5);
final seconds = _retryAttempt >= 4 ? 30 : (3 << (_retryAttempt - 1));
_retryTimer = Timer(Duration(seconds: seconds), () {
_startLoad(_lastWidthPx > 0 ? _lastWidthPx : 320);
});
}
void dispose() {
_bannerAd?.dispose();
_retryTimer?.cancel();
}
}
/*
広告配信について
本アプリでは、Google AdMob を利用して広告を表示しています。
当アプリの広告はすべて「非パーソナライズ広告(NPA)」として配信しており、ユーザーの行動履歴や個人情報をもとにしたパーソナライズは一切行っていません。
Google AdMob によって、広告の表示のために以下の情報が利用される場合があります:
- 端末情報(例：OSの種類、画面サイズなど)
- おおまかな位置情報(国・地域レベル)
これらの情報は、パーソナライズを目的としたトラッキングやプロファイリングには使用されません。
詳しくは、Google のプライバシーポリシーをご覧ください:
https://policies.google.com/privacy
Advertising
This app uses Google AdMob to display advertisements.
All ads in this app are served as non-personalized ads (NPA).
This means that we do not use personal data or user behavior information to personalize the ads you see.
Google AdMob may use certain information in order to display ads properly, such as:
- Device information (e.g., OS type, screen size)
- Approximate location information (country/region level)
This information is not used for tracking or profiling for advertising purposes.
For more details, please refer to Google Privacy Policy:
https://policies.google.com/privacy
*/
/*
CMP(Consent Management Platform)「同意管理プラットフォーム」
UMP とは、Google AdMobでGDPRの同意を取得するために使用されるライブラリ User Messaging Platform (UMP) SDK
ad_manager.dart で NPA Non-Personalized Ads(非パーソナライズ広告)指定 している。
必要な変数
late final UmpConsentController _adUmp;
AdUmpState _adUmpState = AdUmpState.initial;
@override
void initState() {
super.initState();
_adUmp = UmpConsentController();
_refreshConsentInfo();
}
必要な関数
Future<void> _refreshConsentInfo() async {
_adUmpState = await _adUmp.updateConsentInfo(current: _adUmpState);
if (mounted) {
setState(() {});
}
}
Future<void> _onTapPrivacyOptions() async {
final err = await _adUmp.showPrivacyOptions();
await _refreshConsentInfo();
if (err != null && mounted) {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('プライバシー設定画面を表示できませんでした: ${err.message}')),
);
}
}
*/
import 'dart:async';
import 'package:flutter/foundation.dart' show kIsWeb;
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:flutter/widgets.dart';
import 'package:mixingcolors/l10n/app_localizations.dart';
/// UMP状態格納用
class AdUmpState {
final PrivacyOptionsRequirementStatus privacyStatus;
final ConsentStatus consentStatus;
final bool privacyOptionsRequired;
final bool isChecking;
const AdUmpState({
required this.privacyStatus,
required this.consentStatus,
required this.privacyOptionsRequired,
required this.isChecking,
});
AdUmpState copyWith({
PrivacyOptionsRequirementStatus? privacyStatus,
ConsentStatus? consentStatus,
bool? privacyOptionsRequired,
bool? isChecking,
}) {
return AdUmpState(
privacyStatus: privacyStatus ?? this.privacyStatus,
consentStatus: consentStatus ?? this.consentStatus,
privacyOptionsRequired:
privacyOptionsRequired ?? this.privacyOptionsRequired,
isChecking: isChecking ?? this.isChecking,
);
}
static const initial = AdUmpState(
privacyStatus: PrivacyOptionsRequirementStatus.unknown,
consentStatus: ConsentStatus.unknown,
privacyOptionsRequired: false,
isChecking: false,
);
}
//UMPコントローラ
class UmpConsentController {
//デバッグ用：EEA地域を強制するか(本番ではfalseにすること)
final bool forceEeaForDebug = false;
//埋め込みのテストデバイスID
static const List<String> _testDeviceIds = [
'608970392F100B87D62A1174996C952C', //arrows We2 (M07)
];
ConsentRequestParameters _buildParams() {
if (forceEeaForDebug && _testDeviceIds.isNotEmpty) {
return ConsentRequestParameters(
consentDebugSettings: ConsentDebugSettings(
debugGeography: DebugGeography.debugGeographyEea,
testIdentifiers: _testDeviceIds,
),
);
}
return ConsentRequestParameters();
}
//同意情報を更新して状態を返す
Future<AdUmpState> updateConsentInfo({AdUmpState current = AdUmpState.initial}) async {
if (kIsWeb) return current;
var state = current.copyWith(isChecking: true);
try {
final params = _buildParams();
final completer = Completer<AdUmpState>();
ConsentInformation.instance.requestConsentInfoUpdate(
params,
() async {
final s = await ConsentInformation.instance.getPrivacyOptionsRequirementStatus();
final c = await ConsentInformation.instance.getConsentStatus();
completer.complete(
state.copyWith(
privacyStatus: s,
consentStatus: c,
privacyOptionsRequired: s == PrivacyOptionsRequirementStatus.required,
isChecking: false,
),
);
},
(FormError e) {
completer.complete(
state.copyWith(
privacyStatus: PrivacyOptionsRequirementStatus.unknown,
consentStatus: ConsentStatus.unknown,
privacyOptionsRequired: false,
isChecking: false,
),
);
},
);
state = await completer.future;
return state;
} catch (_) {
return state.copyWith(isChecking: false);
}
}
//プライバシーオプションフォームを表示
Future<FormError?> showPrivacyOptions() async {
if (kIsWeb) return null;
final completer = Completer<FormError?>();
ConsentForm.showPrivacyOptionsForm((FormError? e) {
completer.complete(e);
});
return completer.future;
}
}
extension ConsentStatusL10n on ConsentStatus {
String localized(BuildContext context) {
final l = AppLocalizations.of(context)!;
switch (this) {
case ConsentStatus.obtained:
return l.cmpConsentStatusObtained;
case ConsentStatus.required:
return l.cmpConsentStatusRequired;
case ConsentStatus.notRequired:
return l.cmpConsentStatusNotRequired;
case ConsentStatus.unknown:
return l.cmpConsentStatusUnknown;
}
}
}import 'dart:math';
import 'dart:ui' as ui;
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:mixingcolors/ad_banner_widget.dart';
import 'package:mixingcolors/ad_manager.dart';
import 'package:mixingcolors/l10n/app_localizations.dart';
import 'package:mixingcolors/parse_locale_tag.dart';
import 'package:mixingcolors/setting_page.dart';
import 'package:mixingcolors/theme_color.dart';
import 'package:mixingcolors/theme_mode_number.dart';
import 'package:mixingcolors/loading_screen.dart';
import 'package:mixingcolors/main.dart';
import 'package:mixingcolors/model.dart';
class MainHomePage extends StatefulWidget {
const MainHomePage({super.key});
@override
State<MainHomePage> createState() => _MainHomePageState();
}
class _MainHomePageState extends State<MainHomePage> {
static const int _gameLevelStep = 6;
static const List<Cmy> _variations = [
Cmy(1, 0, 0),
Cmy(0, 1, 0),
Cmy(0, 0, 1),
Cmy(1, 0.7, 0),
Cmy(1, 0, 0.7),
Cmy(1, 0.7, 0.7),
Cmy(0.5, 1, 0),
Cmy(0, 1, 0.7),
Cmy(0.7, 1, 0.7),
Cmy(0.7, 0, 1),
Cmy(0, 0.7, 1),
Cmy(0.7, 0.7, 1),
];
final Random _random = Random();
late List<Cmy> _paints;
late List<Color> _paintColors;
late List<int> _answer;
List<int> _counts = List<int>.filled(6, 0);
List<bool> _slotUnlocked = List<bool>.filled(6, false);
Color _targetColor = Colors.white;
Color _mixColor = Colors.white;
bool _resetEnabled = false;
bool _nextVisible = false;
bool _resumeVisible = false;
bool _giveUpVisible = false;
bool _inputEnabled = true;
bool _showAnswer = false;
int _resetCount = 0;
late ui.Image _stageMixMask;
late ui.Image _paintMask;
//
late AdManager _adManager;
late ThemeColor _themeColor;
bool _isReady = false;
bool _isFirst = true;
@override
void initState() {
super.initState();
_initState();
}
@override
void dispose() {
_adManager.dispose();
super.dispose();
}
void _initState() async {
_adManager = AdManager();
_stageMixMask = await _loadMaskImage('assets/image/stage_mix.png');
_paintMask = await _loadMaskImage('assets/image/paint_color.png');
_newGame();
if (mounted) {
setState(() {
_isReady = true;
});
}
}
void _newGame() {
final stage = _buildStageData(Model.gameLevel);
_paints = stage.paints;
_paintColors = stage.rgb;
_answer = stage.answer;
_counts = List<int>.filled(6, 0);
_slotUnlocked = stage.unlocked;
_targetColor = stage.targetColor;
_mixColor = _calculateMixColor(_counts, _paints);
_resetEnabled = false;
_nextVisible = false;
_resumeVisible = false;
_giveUpVisible = false;
_inputEnabled = true;
_showAnswer = false;
_resetCount = 0;
}
Future<ui.Image> _loadMaskImage(String assetPath) async {
final data = await rootBundle.load(assetPath);
final codec = await ui.instantiateImageCodec(data.buffer.asUint8List());
final frame = await codec.getNextFrame();
return frame.image;
}
StageData _buildStageData(int level) {
final unlocked = List<bool>.generate(6, (index) {
if (index < 2) {
return true;
}
return (level ~/ _gameLevelStep) > (index - 2);
});
final order = List<int>.generate(_variations.length, (index) => index)
..shuffle(_random);
final paints = List<Cmy>.generate(6, (index) => _variations[order[index]]);
final answer = List<int>.filled(6, 0);
final maxAmount = (level % _gameLevelStep) + 1;
for (var i = 0; i < unlocked.length; i++) {
if (!unlocked[i]) {
continue;
}
answer[i] = _random.nextInt(maxAmount) + 1;
}
_slimAnswer(answer);
final targetColor = _calculateMixColor(answer, paints);
return StageData(
paints: paints,
answer: answer,
targetColor: targetColor,
unlocked: unlocked,
);
}
void _slimAnswer(List<int> answer) {
for (var divisor = 7; divisor >= 2; divisor--) {
final divisible = answer.every(
(value) => value == 0 || value % divisor == 0,
);
if (divisible) {
for (var i = 0; i < answer.length; i++) {
if (answer[i] != 0) {
answer[i] = answer[i] ~/ divisor;
}
}
}
}
}
void _onPaintTap(int index) {
if (!_inputEnabled || !_slotUnlocked[index]) {
return;
}
final updatedCounts = List<int>.from(_counts);
updatedCounts[index] += 1;
final mixColor = _calculateMixColor(updatedCounts, _paints);
final solved = _isSolved(updatedCounts, _answer);
setState(() {
_counts = updatedCounts;
_mixColor = mixColor;
_resetEnabled = true;
_nextVisible = solved;
});
}
void _onReset() {
if (!_resetEnabled || !_inputEnabled) {
return;
}
final cleared = List<int>.filled(6, 0);
setState(() {
_counts = cleared;
_mixColor = _calculateMixColor(cleared, _paints);
_resetEnabled = false;
_nextVisible = false;
_resetCount += 1;
if (_resetCount > 2) {
_giveUpVisible = true;
}
});
}
Future<void> _onGiveUp() async {
if (!_giveUpVisible || !_inputEnabled) {
return;
}
final l = AppLocalizations.of(context)!;
final confirmed = await showDialog<bool>(
context: context,
builder: (context) => AlertDialog(
title: Text(l.giveUpDialogTitle),
content: Text(l.giveUpDialogBody),
actions: [
TextButton(
onPressed: () => Navigator.of(context).pop(false),
child: Text(l.cancel),
),
TextButton(
onPressed: () => Navigator.of(context).pop(true),
child: Text(l.ok),
),
],
),
) ?? false;
if (!confirmed) {
setState(() => _giveUpVisible = true);
return;
}
final answerCopy = List<int>.from(_answer);
setState(() {
_counts = answerCopy;
_mixColor = _calculateMixColor(answerCopy, _paints);
_showAnswer = true;
_resetEnabled = false;
_nextVisible = false;
_giveUpVisible = false;
_resumeVisible = true;
_inputEnabled = false;
});
}
void _onResume() {
if (!_resumeVisible) {
return;
}
_newGame();
setState(() {});
}
void _onNext() {
if (!_nextVisible) {
return;
}
Model.setGameLevel(Model.gameLevel + 1);
_newGame();
setState(() {});
}
bool _isSolved(List<int> counts, List<int> answer) {
if (answer[0] == 0) {
return false;
}
if (counts[0] == 0 || counts[0] % answer[0] != 0) {
return false;
}
final multiplier = counts[0] ~/ answer[0];
for (var i = 1; i < counts.length; i++) {
if (answer[i] == 0) {
if (counts[i] != 0) {
return false;
}
continue;
}
if (counts[i] == 0 || counts[i] % answer[i] != 0) {
return false;
}
if (counts[i] ~/ answer[i] != multiplier) {
return false;
}
}
return true;
}
Future<void> _openSettings() async {
final updated = await Navigator.push<bool>(
context,
MaterialPageRoute(builder: (_) => const SettingPage()),
);
if (!mounted) {
return;
}
if (updated == true) {
final mainState = context.findAncestorStateOfType<MainAppState>();
if (mainState != null) { //MyAppStateに反映する
mainState
..themeMode = ThemeModeNumber.numberToThemeMode(Model.themeNumber)
..locale = parseLocaleTag(Model.languageCode)
..setState(() {});
}
_isFirst = true;
}
setState(() {});
}
@override
Widget build(BuildContext context) {
if (!_isReady) {
return Scaffold(
body: LoadingScreen(),
);
}
if (_isFirst) {
_isFirst = false;
_themeColor = ThemeColor(themeNumber: Model.themeNumber, context: context);
}
final l = AppLocalizations.of(context)!;
final levelLabel = l.levelLabel(Model.gameLevel + 1);
final t = Theme.of(context).textTheme;
return Scaffold(
backgroundColor: _themeColor.mainBackColor,
appBar: AppBar(
title: Text(levelLabel, style: t.titleMedium?.copyWith(color: _themeColor.mainForeColor)),
centerTitle: true,
backgroundColor: _themeColor.mainBack2Color,
actions: [
IconButton(
icon: const Icon(Icons.settings),
color: _themeColor.mainForeColor,
tooltip: l.setting,
onPressed: _openSettings,
),
],
),
body: SafeArea(
child: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [_themeColor.mainBack2Color, _themeColor.mainBackColor],
begin: Alignment.center,
end: Alignment.bottomCenter,
),
),
child: Column(
children: [
Expanded(
child: SingleChildScrollView(
padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 4),
child: Column(
children: [
_buildStageCard(l),
const SizedBox(height: 24),
_buildPaintGrid(l),
const SizedBox(height: 24),
],
),
),
),
],
),
)
),
bottomNavigationBar: AdBannerWidget(adManager: _adManager),
);
}
Widget _buildStageCard(AppLocalizations loc) {
return Card(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(32),
),
clipBehavior: Clip.antiAlias,
color: _targetColor,
elevation: 0,
child: Column(
children: [
SizedBox(
width: double.infinity,
child: AspectRatio(
aspectRatio: 3 / 2,
child: Stack(
fit: StackFit.expand,
children: [
Positioned.fill(
child: ShaderMask(
shaderCallback: (Rect bounds) {
final scaleX = bounds.width / _stageMixMask.width;
final scaleY = bounds.height / _stageMixMask.height;
return ImageShader(
_stageMixMask,
TileMode.clamp,
TileMode.clamp,
Matrix4.diagonal3Values(scaleX, scaleY, 1.0).storage,
);
},
blendMode: BlendMode.dstIn,
child: Container(
color: _mixColor,
),
),
),
Positioned.fill(
child: Image.asset('assets/image/stage_brush.png', fit: BoxFit.cover),
),
Positioned(
left: 8,
bottom: 34,
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
AnimatedOpacity(
opacity: _giveUpVisible && _inputEnabled ? 1 : 0,
duration: const Duration(milliseconds: 200),
child: FilledButton(
onPressed: _giveUpVisible && _inputEnabled
? _onGiveUp
: null,
style: FilledButton.styleFrom(
backgroundColor: _themeColor.mainButtonBackColor,
foregroundColor: _themeColor.mainButtonForeColor,
),
child: Text(loc.giveUp),
),
),
FilledButton(
onPressed: _resetEnabled && _inputEnabled
? _onReset
: null,
style: FilledButton.styleFrom(
backgroundColor: _themeColor.mainButtonBackColor,
foregroundColor: _themeColor.mainButtonForeColor,
),
child: Text(loc.reset),
),
],
),
),
Positioned(
right: 14,
bottom: 10,
child: Column(
crossAxisAlignment: CrossAxisAlignment.end,
children: [
AnimatedOpacity(
duration: const Duration(milliseconds: 200),
opacity: _resumeVisible ? 1 : 0,
child: FilledButton.tonal(
onPressed: _resumeVisible ? _onResume : null,
style: FilledButton.styleFrom(
backgroundColor: _themeColor.mainButtonBackColor,
foregroundColor: _themeColor.mainButtonForeColor,
),
child: Text(loc.resume),
),
),
const SizedBox(height: 8),
AnimatedOpacity(
duration: const Duration(milliseconds: 200),
opacity: _nextVisible ? 1 : 0,
child: FilledButton(
onPressed: _nextVisible ? _onNext : null,
style: FilledButton.styleFrom(
backgroundColor: _themeColor.mainButtonBackColor,
foregroundColor: _themeColor.mainButtonForeColor,
),
child: Text(loc.niceJobNext),
),
),
],
),
),
],
),
),
)
],
),
);
}
Widget _buildPaintGrid(AppLocalizations loc) {
final textStyle = Theme.of(context).textTheme.titleLarge;
final baseTextColor = textStyle?.color;
final rows = <Widget>[];
for (var row = 0; row < 2; row++) {
final indices = List<int>.generate(3, (index) => row * 3 + index);
rows
..add(
Row(
children: indices
.map(
(index) => Expanded(
child: AnimatedOpacity(
opacity: _slotUnlocked[index] ? 1 : 0,
duration: const Duration(milliseconds: 200),
child: Padding(
padding: const EdgeInsets.symmetric(vertical: 8),
child: Text(
'${_counts[index]}',
textAlign: TextAlign.center,
style: textStyle?.copyWith(
color: _showAnswer
? Theme.of(context).colorScheme.error
: baseTextColor,
),
),
),
),
),
)
.toList(),
),
)
..add(
Row(
children: indices
.map(
(index) => Expanded(
child: _PaintSlot(
color: _paintColors[index],
paintMask: _paintMask,
enabled: _slotUnlocked[index] && (_inputEnabled || _showAnswer),
onTap: () => _onPaintTap(index),
),
),
)
.toList(),
),
);
}
return Column(children: rows);
}
Color _calculateMixColor(List<int> counts, List<Cmy> paints) {
double c = 0;
double m = 0;
double y = 0;
for (var i = 0; i < counts.length; i++) {
final factor = counts[i];
c += paints[i].c * factor;
m += paints[i].m * factor;
y += paints[i].y * factor;
}
final maxValue = max(c, max(m, y));
if (maxValue > 1) {
c /= maxValue;
m /= maxValue;
y /= maxValue;
}
return _cmyToColor(c, m, y);
}
}
Color _cmyToColor(double c, double m, double y) {
final r = ((1 - c).clamp(0.0, 1.0) * 255).round();
final g = ((1 - m).clamp(0.0, 1.0) * 255).round();
final b = ((1 - y).clamp(0.0, 1.0) * 255).round();
return Color.fromARGB(255, r, g, b);
}
class StageData {
StageData({
required this.paints,
required this.answer,
required this.targetColor,
required this.unlocked,
}) : rgb = paints.map((cmy) => _cmyToColor(cmy.c, cmy.m, cmy.y)).toList();
final List<Cmy> paints;
final List<int> answer;
final Color targetColor;
final List<bool> unlocked;
final List<Color> rgb;
}
class Cmy {
const Cmy(this.c, this.m, this.y);
final double c;
final double m;
final double y;
}
class _PaintSlot extends StatelessWidget {
const _PaintSlot({
required this.color,
required this.paintMask,
required this.enabled,
required this.onTap,
});
final Color color;
final ui.Image paintMask;
final bool enabled;
final VoidCallback onTap;
@override
Widget build(BuildContext context) {
return AnimatedOpacity(
duration: const Duration(milliseconds: 200),
opacity: enabled ? 1 : 0,
child: GestureDetector(
onTap: enabled ? onTap : null,
behavior: HitTestBehavior.opaque,
child: Padding(
padding: const EdgeInsets.all(8.0),
child: AspectRatio(
aspectRatio: 258 / 188,
child: Stack(
alignment: Alignment.center,
children: [
Positioned.fill(
child: Image.asset('assets/image/paint_tray.png', fit: BoxFit.cover),
),
Positioned.fill(
child: ShaderMask(
shaderCallback: (Rect bounds) {
final scaleX = bounds.width / paintMask.width;
final scaleY = bounds.height / paintMask.height;
return ImageShader(
paintMask,
TileMode.clamp,
TileMode.clamp,
Matrix4.diagonal3Values(scaleX, scaleY, 1.0).storage,
);
},
blendMode: BlendMode.dstIn,
child: Container(
color: color,
),
),
),
],
),
),
),
),
);
}
}
import 'package:flutter/material.dart';
class LoadingScreen extends StatelessWidget {
const LoadingScreen({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Color.fromRGBO(154,131,77,1),
body: const Center(
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
CircularProgressIndicator(
valueColor: AlwaysStoppedAnimation<Color>(Colors.yellow),
backgroundColor: Colors.white,
),
SizedBox(height: 16),
Text(
'Loading...',
style: TextStyle(
color: Colors.white,
fontSize: 16,
),
),
],
),
),
);
}
}
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_localizations/flutter_localizations.dart';
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:mixingcolors/l10n/app_localizations.dart';
import 'package:mixingcolors/home_page.dart';
import 'package:mixingcolors/model.dart';
import 'package:mixingcolors/parse_locale_tag.dart';
import 'package:mixingcolors/theme_mode_number.dart';
import 'package:mixingcolors/loading_screen.dart';
void main() async {
WidgetsFlutterBinding.ensureInitialized();
SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge);
SystemChrome.setSystemUIOverlayStyle(const SystemUiOverlayStyle(
statusBarColor: Colors.transparent,
systemNavigationBarColor: Colors.transparent,
));
await MobileAds.instance.initialize();
runApp(const MainApp());
}
class MainApp extends StatefulWidget {
const MainApp({super.key});
@override
State<MainApp> createState() => MainAppState();
}
class MainAppState extends State<MainApp> {
ThemeMode themeMode = ThemeMode.system;
Locale? locale;
bool _isReady = false;
@override
void initState() {
super.initState();
_initState();
}
void _initState() async {
await Model.ensureReady();
themeMode = ThemeModeNumber.numberToThemeMode(Model.themeNumber);
locale = parseLocaleTag(Model.languageCode);
if (mounted) {
setState(() {
_isReady = true;
});
}
}
@override
Widget build(BuildContext context) {
if (!_isReady) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: const LoadingScreen(),
);
}
const seed = Colors.purple;
return MaterialApp(
debugShowCheckedModeBanner: false,
localizationsDelegates: const [
AppLocalizations.delegate,
GlobalMaterialLocalizations.delegate,
GlobalCupertinoLocalizations.delegate,
GlobalWidgetsLocalizations.delegate,
],
supportedLocales: AppLocalizations.supportedLocales,
locale: locale,
themeMode: themeMode,
theme: ThemeData(
colorScheme: ColorScheme.fromSeed(seedColor: seed),
useMaterial3: true,
),
darkTheme: ThemeData(
colorScheme: ColorScheme.fromSeed(
seedColor: seed,
brightness: Brightness.dark,
),
useMaterial3: true,
),
home: const MainHomePage(),
);
}
}
import 'package:shared_preferences/shared_preferences.dart';
class Model {
Model._();
static const String _prefGameLevel = "gameLevel";
static const String _prefThemeNumber = 'themeNumber';
static const String _prefLanguageCode = 'languageCode';
static bool _ready = false;
static int _gameLevel = 0;
static int _themeNumber = 0;
static String _languageCode = '';
static Future<void> ensureReady() async {
if (_ready) {
return;
}
final SharedPreferences prefs = await SharedPreferences.getInstance();
//
_gameLevel = prefs.getInt(_prefGameLevel) ?? 0;
_themeNumber = (prefs.getInt(_prefThemeNumber) ?? 0).clamp(0, 2);
_languageCode = prefs.getString(_prefLanguageCode) ?? '';
_ready = true;
}
static int get gameLevel => _gameLevel;
static int get themeNumber => _themeNumber;
static String get languageCode => _languageCode;
static Future<void> setGameLevel(int value) async {
_gameLevel = value;
final prefs = await SharedPreferences.getInstance();
await prefs.setInt(_prefGameLevel, value);
}
static Future<void> setThemeNumber(int value) async {
_themeNumber = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setInt(_prefThemeNumber, value);
}
static Future<void> setLanguageCode(String value) async {
_languageCode = value;
final SharedPreferences prefs = await SharedPreferences.getInstance();
await prefs.setString(_prefLanguageCode, value);
}
}
import 'dart:ui';
Locale? parseLocaleTag(String tag) {
if (tag.isEmpty) {
return null;
}
final parts = tag.split('-');
final language = parts[0];
String? script, country;
if (parts.length >= 2) {
parts[1].length == 4 ? script = parts[1] : country = parts[1];
}
if (parts.length >= 3) {
parts[2].length == 4 ? script = parts[2] : country = parts[2];
}
return Locale.fromSubtags(
languageCode: language,
scriptCode: script,
countryCode: country,
);
}
import 'package:flutter/material.dart';
import 'package:google_mobile_ads/google_mobile_ads.dart';
import 'package:mixingcolors/ad_banner_widget.dart';
import 'package:mixingcolors/ad_manager.dart';
import 'package:mixingcolors/ad_ump_status.dart';
import 'package:mixingcolors/l10n/app_localizations.dart';
import 'package:mixingcolors/model.dart';
import 'package:mixingcolors/theme_color.dart';
import 'package:mixingcolors/loading_screen.dart';
class SettingPage extends StatefulWidget {
const SettingPage({super.key});
@override
State<SettingPage> createState() => _SettingPageState();
}
class _SettingPageState extends State<SettingPage> {
late AdManager _adManager;
late UmpConsentController _adUmp;
AdUmpState _adUmpState = AdUmpState.initial;
int _themeNumber = 0;
String _languageCode = '';
late ThemeColor _themeColor;
bool _isReady = false;
bool _isFirst = true;
//
bool _resetLevel = false;
@override
void initState() {
super.initState();
_initState();
}
void _initState() async {
_adManager = AdManager();
_adUmp = UmpConsentController();
_refreshConsentInfo();
_themeNumber = Model.themeNumber;
_languageCode = Model.languageCode;
setState(() {
_isReady = true;
});
}
@override
void dispose() {
_adManager.dispose();
super.dispose();
}
Future<void> _refreshConsentInfo() async {
_adUmpState = await _adUmp.updateConsentInfo(current: _adUmpState);
if (mounted) {
setState(() {});
}
}
Future<void> _onTapPrivacyOptions() async {
final err = await _adUmp.showPrivacyOptions();
await _refreshConsentInfo();
if (err != null && mounted) {
final l = AppLocalizations.of(context)!;
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('${l.cmpErrorOpeningSettings} ${err.message}')),
);
}
}
Future<void> _onApply() async {
FocusScope.of(context).unfocus();
if (_resetLevel) {
await Model.setGameLevel(0);
}
await Model.setThemeNumber(_themeNumber);
await Model.setLanguageCode(_languageCode);
if (!mounted) {
return;
}
Navigator.of(context).pop(true);
}
@override
Widget build(BuildContext context) {
if (!_isReady) {
return Scaffold(
body: LoadingScreen(),
);
}
if (_isFirst) {
_isFirst = false;
_themeColor = ThemeColor(themeNumber: Model.themeNumber, context: context);
}
final l = AppLocalizations.of(context)!;
return Scaffold(
backgroundColor: _themeColor.backColor,
appBar: AppBar(
backgroundColor: Colors.transparent,
title: Text(l.setting),
centerTitle: true,
actions: [
IconButton(
onPressed: _onApply,
icon: const Icon(Icons.check),
tooltip: l.apply,
),
const SizedBox(width: 10),
],
),
body: SafeArea(
child: ListView(
padding: const EdgeInsets.only(left: 16, right: 16, top: 4, bottom: 100),
children: [
_buildReset(l),
_buildTheme(l),
_buildLanguage(l),
_buildCmp(l),
_buildUsage(l),
],
),
),
bottomNavigationBar: AdBannerWidget(adManager: _adManager)
);
}
Widget _buildReset(AppLocalizations l) {
final TextTheme t = Theme.of(context).textTheme;
return Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
child: SwitchListTile.adaptive(
title: Text(l.resetLevel, style: t.bodyMedium),
subtitle: Text(l.resetLevelDescription, style: t.bodySmall),
value: _resetLevel,
onChanged: (value) => setState(() => _resetLevel = value),
),
);
}
Widget _buildTheme(AppLocalizations l) {
return Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
child: Row(
children: [
Expanded(
child: Text(l.theme),
),
DropdownButton<int>(
value: _themeNumber,
items: [
DropdownMenuItem(value: 0, child: Text(l.systemSetting)),
DropdownMenuItem(value: 1, child: Text(l.lightTheme)),
DropdownMenuItem(value: 2, child: Text(l.darkTheme)),
],
onChanged: (value) {
if (value != null) {
setState(() {
_themeNumber = value;
});
}
},
),
],
),
),
);
}
Widget _buildLanguage(AppLocalizations l) {
final Map<String,String> languageNames = {
'en': 'English',
'af': 'Afrikaans',
'ar': 'العربية',
'bg': 'Български',
'bn': 'বাংলা',
'bs': 'Bosanski',
'ca': 'Català',
'cs': 'Čeština',
'da': 'Dansk',
'de': 'Deutsch',
'el': 'Ελληνικά',
'es': 'Español',
'et': 'Eesti',
'fa': 'فارسی',
'fi': 'Suomi',
'fr': 'Français',
'he': 'עברית',
'hi': 'हिन्दी',
'hr': 'Hrvatski',
'hu': 'Magyar',
'id': 'Bahasa Indonesia',
'it': 'Italiano',
'ja': '日本語',
'ko': '한국어',
'lt': 'Lietuvių',
'lv': 'Latviešu',
'ms': 'Bahasa Melayu',
'my': 'မြန်မာ',
'nl': 'Nederlands',
'pa': 'ਪੰਜਾਬੀ',
'pl': 'Polski',
'pt': 'Português',
'ro': 'Română',
'ru': 'Русский',
'sk': 'Slovenčina',
'sr': 'Српски',
'sv': 'Svenska',
'sw': 'Kiswahili',
'ta': 'தமிழ்',
'th': 'ไทย',
'tl': 'Tagalog',
'tr': 'Türkçe',
'uk': 'Українська',
'ur': 'اردو',
'vi': 'Tiếng Việt',
'zh': '中文',
'zu': 'isiZulu',
};
return Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
shadowColor: Colors.transparent,
surfaceTintColor: Colors.transparent,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
child: Row(
children: [
Expanded(
child: Text(l.language),
),
DropdownButton<String?>(
value: _languageCode,
items: [
DropdownMenuItem(value: '', child: Text('Default')),
...languageNames.entries.map((entry) => DropdownMenuItem<String?>(
value: entry.key,
child: Text(entry.value),
)),
],
onChanged: (String? value) {
setState(() {
_languageCode = value ?? '';
});
},
),
],
),
),
);
}
Widget _buildCmp(AppLocalizations l) {
String statusLabel;
IconData statusIcon;
final showButton = _adUmpState.privacyStatus == PrivacyOptionsRequirementStatus.required;
statusLabel = l.cmpCheckingRegion;
statusIcon = Icons.help_outline;
switch (_adUmpState.privacyStatus) {
case PrivacyOptionsRequirementStatus.required:
statusLabel = l.cmpRegionRequiresSettings;
statusIcon = Icons.privacy_tip;
break;
case PrivacyOptionsRequirementStatus.notRequired:
statusLabel = l.cmpRegionNoSettingsRequired;
statusIcon = Icons.check_circle_outline;
break;
case PrivacyOptionsRequirementStatus.unknown:
statusLabel = l.cmpRegionCheckFailed;
statusIcon = Icons.error_outline;
break;
}
return Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
shadowColor: Colors.transparent,
surfaceTintColor: Colors.transparent,
child: Padding(
padding: const EdgeInsets.only(left: 16, right: 16, top: 16, bottom: 22),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(l.cmpSettingsTitle, style: Theme.of(context).textTheme.bodyMedium),
const SizedBox(height: 8),
Text(l.cmpConsentDescription, style: Theme.of(context).textTheme.bodySmall),
const SizedBox(height: 8),
Center(
child: Column(
children: [
Chip(
avatar: Icon(statusIcon, size: 18),
label: Text(statusLabel),
side: BorderSide.none,
),
const SizedBox(height: 4),
Text('${l.cmpConsentStatusLabel} ${_adUmpState.consentStatus.localized(context)}',
style: Theme.of(context).textTheme.bodySmall,
),
if (showButton)
Column(
children: [
const SizedBox(height: 16),
ElevatedButton.icon(
onPressed: _adUmpState.isChecking ? null : _onTapPrivacyOptions,
icon: const Icon(Icons.settings),
label: Text(_adUmpState.isChecking ? l.cmpConsentStatusChecking : l.cmpOpenConsentSettings),
style: ElevatedButton.styleFrom(
elevation: 0,
side: BorderSide(
width: 1,
),
),
),
const SizedBox(height: 16),
OutlinedButton.icon(
onPressed: _adUmpState.isChecking ? null : _refreshConsentInfo,
icon: const Icon(Icons.refresh),
label: Text(l.cmpRefreshStatus),
),
const SizedBox(height: 16),
OutlinedButton.icon(
onPressed: () async {
await ConsentInformation.instance.reset();
await _refreshConsentInfo();
if (mounted) {
ScaffoldMessenger.of(context)
.showSnackBar(SnackBar(content: Text(l.cmpResetStatusDone)));
}
},
icon: const Icon(Icons.refresh),
label: Text(l.cmpResetStatus),
),
]
)
],
),
),
],
),
),
);
}
Widget _buildUsage(AppLocalizations l) {
final TextTheme t = Theme.of(context).textTheme;
return SizedBox(
width: double.infinity,
child: Card(
margin: const EdgeInsets.only(left: 0, top: 12, right: 0, bottom: 0),
color: _themeColor.cardColor,
elevation: 0,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(l.usage1, style: t.bodySmall),
const SizedBox(height: 12),
Text(l.usage2, style: t.bodySmall),
],
),
),
)
);
}
}
import 'package:flutter/material.dart';
class ThemeColor {
final int? themeNumber;
final BuildContext context;
ThemeColor({this.themeNumber, required this.context});
Brightness get _effectiveBrightness {
switch (themeNumber) {
case 1:
return Brightness.light;
case 2:
return Brightness.dark;
default:
return Theme.of(context).brightness;
}
}
bool get _isLight => _effectiveBrightness == Brightness.light;
Color get mainBackColor => _isLight ? Color.fromRGBO(170, 170, 170, 1.0) : Color.fromRGBO(0,0,0, 1.0);
Color get mainBack2Color => _isLight ? Color.fromRGBO(255, 255, 255, 1.0) : Color.fromRGBO(85, 85, 85, 1.0);
Color get mainForeColor => _isLight ? Color.fromRGBO(136, 136, 136, 1.0) : Color.fromRGBO(221, 221, 221, 1.0);
Color get mainButtonBackColor => _isLight ? Color.fromRGBO(255, 255, 255, 0.5) : Color.fromRGBO(0, 0, 0, 0.3);
Color get mainButtonForeColor => _isLight ? Color.fromRGBO(17, 17, 17, 1.0) : Color.fromRGBO(255, 255, 255, 1.0);
//
Color get backColor => _isLight ? Colors.grey[200]! : Colors.grey[900]!;
Color get cardColor => _isLight ? Colors.white : Colors.grey[800]!;
Color get appBarForegroundColor => _isLight ? Colors.grey[700]! : Colors.white70;
Color get dropdownColor => cardColor;
Color get backColorMono => _isLight ? Colors.white : Colors.black;
Color get foreColorMono => _isLight ? Colors.black : Colors.white;
}
import 'package:flutter/material.dart';
class ThemeModeNumber {
static ThemeMode numberToThemeMode(int value) {
switch (value) {
case 1:
return ThemeMode.light;
case 2:
return ThemeMode.dark;
default:
return ThemeMode.system;
}
}
}
このページのQRコード
便利ウェブサイト
便利 Steam アプリ
便利 Android アプリ
