39 changed files with 661 additions and 2028 deletions
-
BINassets/images/level_1_image.png
-
BINassets/images/level_2_image.png
-
BINassets/images/level_4_image.png
-
BINassets/images/level_screen_image.png
-
BINassets/images/splash_screen_image.png
-
BINassets/images/start.png
-
3assets/images/svg/check.svg
-
3assets/images/svg/lock.svg
-
3assets/images/svg/start.svg
-
3lib/main.dart
-
113lib/screens/level_list/screen/level_list_screen.dart
-
178lib/screens/level_list/widgets/level_widget.dart
-
140lib/screens/level_list/widgets/lock_level_widget.dart
-
143lib/screens/level_list/widgets/payed_level_widget.dart
-
54lib/screens/login_screen_name.dart
-
180lib/screens/menu_screen.dart
-
5lib/screens/photo/photo_screen_large.dart
-
152lib/screens/puzzle/top_bar.dart
-
220lib/screens/puzzle_screen.dart
-
489lib/screens/puzzle_solo_screen.dart
-
43lib/screens/splash/screen/splash_screen.dart
-
19lib/utils/extensions/context_extension.dart
-
4lib/utils/extensions/string_extensions.dart
-
308lib/widgets/animated_grid.dart
-
67lib/widgets/grid.dart
-
62lib/widgets/login_widgets/name_field.dart
-
72lib/widgets/login_widgets/start_game_widget.dart
-
39lib/widgets/login_widgets/start_game_widget/start_game_button.dart
-
2lib/widgets/menu_widgets/menu_widgets.dart
-
108lib/widgets/menu_widgets/multiplayer_button.dart
-
44lib/widgets/menu_widgets/solo_button.dart
-
53lib/widgets/photo_screen/pick_image_button.dart
-
28lib/widgets/puzzle_widgets/moves_text.dart
-
26lib/widgets/puzzle_widgets/player_text.dart
-
2lib/widgets/puzzle_widgets/puzzle_widgets.dart
-
73lib/widgets/puzzle_widgets/solo/timer_widget.dart
-
6lib/widgets/solo_screen/solo_screen_export.dart
-
42pubspec.lock
-
5pubspec.yaml
|
After Width: 70 | Height: 70 | Size: 10 KiB |
|
After Width: 70 | Height: 71 | Size: 11 KiB |
|
After Width: 70 | Height: 71 | Size: 13 KiB |
|
After Width: 214 | Height: 296 | Size: 54 KiB |
|
After Width: 266 | Height: 209 | Size: 45 KiB |
|
After Width: 63 | Height: 63 | Size: 1.8 KiB |
@ -0,0 +1,3 @@ |
|||
<svg id="Icon_-_Check" data-name="Icon - Check" xmlns="http://www.w3.org/2000/svg" width="7.807" height="5.577" viewBox="0 0 7.807 5.577"> |
|||
<path id="Vector_" data-name="Vector " d="M7.564.193a.744.744,0,0,1,.05,1.05L3.9,5.333a.744.744,0,0,1-.982.1L.311,3.579a.744.744,0,1,1,.864-1.21L3.24,3.844,6.514.243A.744.744,0,0,1,7.564.193Z" transform="translate(0 0)" fill="#5f34fa"/> |
|||
</svg> |
|||
@ -0,0 +1,3 @@ |
|||
<svg xmlns="http://www.w3.org/2000/svg" width="6.643" height="8.636" viewBox="0 0 6.643 8.636"> |
|||
<path id="Icon_ionic-ios-lock" data-name="Icon ionic-ios-lock" d="M12.562,6.364h-.5V5.394a1.993,1.993,0,1,0-3.986-.027v1h-.5a.833.833,0,0,0-.83.83V11.18a.833.833,0,0,0,.83.83h4.982a.833.833,0,0,0,.83-.83V7.194A.833.833,0,0,0,12.562,6.364Zm-2.2,2.591v1.428a.3.3,0,0,1-.276.3.291.291,0,0,1-.305-.291V8.955a.664.664,0,1,1,.581,0Zm1.121-2.591H8.66v-1a1.412,1.412,0,0,1,2.823,0Z" transform="translate(-6.75 -3.374)" fill="#6536f2"/> |
|||
</svg> |
|||
@ -0,0 +1,3 @@ |
|||
<svg id="icon-play" xmlns="http://www.w3.org/2000/svg" width="7.426" height="9.027" viewBox="0 0 7.426 9.027"> |
|||
<path id="Shape" d="M1.095,8.811A2,2,0,0,1,0,7.025V2A2,2,0,0,1,3.184.388L6.608,2.9h0a2,2,0,0,1,0,3.226L3.183,8.638a2,2,0,0,1-2.088.173Z" transform="translate(0 0)" fill="#ff9a00"/> |
|||
</svg> |
|||
@ -0,0 +1,178 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_svg/flutter_svg.dart'; |
|||
import 'package:my_flutter_puzzle/screens/level_list/screen/level_list_screen.dart'; |
|||
import 'package:my_flutter_puzzle/utils/extensions/context_extension.dart'; |
|||
import 'package:my_flutter_puzzle/utils/extensions/string_extensions.dart'; |
|||
|
|||
class LevelWidget extends StatelessWidget { |
|||
final Level level; |
|||
|
|||
const LevelWidget({Key? key, required this.level}) : super(key: key); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
padding: const EdgeInsetsDirectional.only(top: 10, start: 8, end: 8, bottom: 10), |
|||
margin: const EdgeInsets.only(bottom: 16), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(16), |
|||
gradient: const LinearGradient( |
|||
colors: [ |
|||
Color(0xff5E34F5), |
|||
Color(0xff4425B1), |
|||
], |
|||
begin: Alignment.topCenter, |
|||
end: Alignment.bottomCenter, |
|||
), |
|||
border: Border.all( |
|||
color: const Color(0xff6135FD), |
|||
width: 1, |
|||
), |
|||
), |
|||
child: Row( |
|||
crossAxisAlignment: CrossAxisAlignment.end, |
|||
children: [ |
|||
Stack( |
|||
alignment: AlignmentDirectional.centerEnd, |
|||
children: [ |
|||
Container( |
|||
width: context.width * 70 / 820, |
|||
height: context.width * 70 / 820, |
|||
margin: const EdgeInsetsDirectional.only(end: 16), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(8), |
|||
image: DecorationImage( |
|||
image: AssetImage(level.image), |
|||
), |
|||
), |
|||
), |
|||
Container( |
|||
width: context.width * 28 / 820, |
|||
height: context.width * 28 / 820, |
|||
margin: const EdgeInsetsDirectional.only(end: 6), |
|||
decoration: BoxDecoration( |
|||
shape: BoxShape.circle, |
|||
color: Colors.red, |
|||
border: Border.all( |
|||
color: const Color(0xff6136FE), |
|||
), |
|||
gradient: const LinearGradient( |
|||
colors: [ |
|||
Color(0xff6135FC), |
|||
Color(0xff4925CE), |
|||
], |
|||
begin: Alignment.topCenter, |
|||
end: Alignment.bottomCenter, |
|||
), |
|||
), |
|||
child: Container( |
|||
padding: EdgeInsets.all(context.width * 5 / 820), |
|||
margin: EdgeInsets.all(context.width * 5 / 820), |
|||
decoration: const BoxDecoration( |
|||
color: Color(0xffF7B500), |
|||
shape: BoxShape.circle, |
|||
), |
|||
child: SvgPicture.asset('check'.svgPath), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Text( |
|||
'Level ${level.level}', |
|||
style: const TextStyle( |
|||
color: Colors.white, |
|||
fontSize: 20, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
const SizedBox(width: 12), |
|||
Text( |
|||
'${level.puzzleSize}*${level.puzzleSize} | 00:56', |
|||
style: const TextStyle( |
|||
color: Color(0xffBCACF4), |
|||
fontSize: 16, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 8), |
|||
const Text( |
|||
'Keyboard', |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
fontSize: 18, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const Spacer(), |
|||
Container( |
|||
padding: const EdgeInsets.all(3), |
|||
decoration: BoxDecoration( |
|||
color: const Color(0xff5F358F), |
|||
borderRadius: BorderRadius.circular(36), |
|||
), |
|||
child: Container( |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(31), |
|||
gradient: const LinearGradient( |
|||
colors: [ |
|||
Color(0xffFFC600), |
|||
Color(0xffFF5A00), |
|||
], |
|||
begin: Alignment.topCenter, |
|||
end: Alignment.bottomCenter, |
|||
), |
|||
), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
const SizedBox(width: 6), |
|||
Container( |
|||
width: context.width * 26 / 540, |
|||
height: context.width * 26 / 540, |
|||
padding: const EdgeInsets.all(9), |
|||
margin: const EdgeInsets.symmetric(vertical: 3), |
|||
decoration: BoxDecoration( |
|||
border: Border.all( |
|||
color: Colors.white, |
|||
width: 1, |
|||
), |
|||
gradient: const LinearGradient( |
|||
colors: [ |
|||
Colors.white, |
|||
Color(0xffD5D5D5), |
|||
], |
|||
begin: Alignment.topCenter, |
|||
end: Alignment.bottomCenter, |
|||
), |
|||
shape: BoxShape.circle, |
|||
), |
|||
child: SvgPicture.asset('start'.svgPath), |
|||
), |
|||
const SizedBox(width: 8), |
|||
const Text( |
|||
'Start', |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
fontSize: 14, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
const SizedBox(width: 14), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -0,0 +1,140 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_svg/flutter_svg.dart'; |
|||
import 'package:my_flutter_puzzle/screens/level_list/screen/level_list_screen.dart'; |
|||
import 'package:my_flutter_puzzle/utils/extensions/context_extension.dart'; |
|||
import 'package:my_flutter_puzzle/utils/extensions/string_extensions.dart'; |
|||
|
|||
class LockLevelWidget extends StatelessWidget { |
|||
final Level level; |
|||
|
|||
const LockLevelWidget({Key? key, required this.level}) : super(key: key); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
padding: const EdgeInsets.all(8), |
|||
margin: const EdgeInsets.only(bottom: 16), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(16), |
|||
gradient: LinearGradient( |
|||
colors: [ |
|||
const Color(0xff6236FF).withOpacity(0.5), |
|||
const Color(0xff311B80).withOpacity(0.5), |
|||
], |
|||
begin: Alignment.topCenter, |
|||
end: Alignment.bottomCenter, |
|||
), |
|||
border: Border.all( |
|||
color: const Color(0xff6135FD), |
|||
width: 1, |
|||
), |
|||
), |
|||
child: Row( |
|||
crossAxisAlignment: CrossAxisAlignment.end, |
|||
children: [ |
|||
Container( |
|||
width: context.width * 70 / 820, |
|||
height: context.width * 70 / 820, |
|||
margin: const EdgeInsetsDirectional.only(end: 16), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(8), |
|||
image: DecorationImage( |
|||
image: AssetImage(level.image), |
|||
opacity: 0.8, |
|||
), |
|||
), |
|||
), |
|||
Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Text( |
|||
'Level ${level.level}', |
|||
style: TextStyle( |
|||
color: Colors.white.withOpacity(0.5), |
|||
fontSize: 20, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
const SizedBox(width: 12), |
|||
Text( |
|||
'${level.puzzleSize}*${level.puzzleSize} | 00:56', |
|||
style: TextStyle( |
|||
color: const Color(0xffBCACF4).withOpacity(0.5), |
|||
fontSize: 16, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 8), |
|||
Text( |
|||
'Keyboard', |
|||
style: TextStyle( |
|||
color: Colors.white.withOpacity(0.5), |
|||
fontSize: 18, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const Spacer(), |
|||
Column( |
|||
children: [ |
|||
Text( |
|||
'Solve lvl ${level.level - 1}', |
|||
style: const TextStyle( |
|||
color: Colors.white, |
|||
fontSize: 12, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
const SizedBox(height: 8), |
|||
Container( |
|||
padding: const EdgeInsets.all(3), |
|||
decoration: BoxDecoration( |
|||
color: const Color(0xff5F358F).withOpacity(0.8), |
|||
borderRadius: BorderRadius.circular(36), |
|||
), |
|||
child: Container( |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(31), |
|||
color: const Color(0xff5D32DE), |
|||
), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
const SizedBox(width: 6), |
|||
Container( |
|||
width: context.width * 26 / 540, |
|||
height: context.width * 26 / 540, |
|||
padding: const EdgeInsets.all(10), |
|||
margin: const EdgeInsets.symmetric(vertical: 3), |
|||
decoration: const BoxDecoration( |
|||
color: Color(0xffAF99EF), |
|||
shape: BoxShape.circle, |
|||
), |
|||
child: SvgPicture.asset('lock'.svgPath), |
|||
), |
|||
const SizedBox(width: 8), |
|||
Text( |
|||
'Lock', |
|||
style: TextStyle( |
|||
color: Colors.white.withOpacity(0.8), |
|||
fontSize: 14, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
const SizedBox(width: 14), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -0,0 +1,143 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_svg/flutter_svg.dart'; |
|||
import 'package:my_flutter_puzzle/screens/level_list/screen/level_list_screen.dart'; |
|||
import 'package:my_flutter_puzzle/utils/extensions/context_extension.dart'; |
|||
import 'package:my_flutter_puzzle/utils/extensions/string_extensions.dart'; |
|||
|
|||
class PayedLevelWidget extends StatelessWidget { |
|||
final Level level; |
|||
|
|||
const PayedLevelWidget({ |
|||
Key? key, |
|||
required this.level, |
|||
}) : super(key: key); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Container( |
|||
padding: const EdgeInsets.all(8), |
|||
margin: const EdgeInsets.only(bottom: 16), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(16), |
|||
gradient: LinearGradient( |
|||
colors: [ |
|||
const Color(0xff6236FF).withOpacity(0.5), |
|||
const Color(0xff311B80).withOpacity(0.5), |
|||
], |
|||
begin: Alignment.topCenter, |
|||
end: Alignment.bottomCenter, |
|||
), |
|||
border: Border.all( |
|||
color: const Color(0xff6135FD), |
|||
width: 1, |
|||
), |
|||
), |
|||
child: Row( |
|||
crossAxisAlignment: CrossAxisAlignment.end, |
|||
children: [ |
|||
Container( |
|||
width: context.width * 70 / 820, |
|||
height: context.width * 70 / 820, |
|||
margin: const EdgeInsetsDirectional.only(end: 16), |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(8), |
|||
image: DecorationImage( |
|||
image: AssetImage(level.image), |
|||
opacity: 0.8, |
|||
), |
|||
), |
|||
), |
|||
Column( |
|||
crossAxisAlignment: CrossAxisAlignment.start, |
|||
children: [ |
|||
Row( |
|||
children: [ |
|||
Text( |
|||
'Level ${level.level}', |
|||
style: TextStyle( |
|||
color: Colors.white.withOpacity(0.5), |
|||
fontSize: 20, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
const SizedBox(width: 12), |
|||
Text( |
|||
'${level.puzzleSize}*${level.puzzleSize} | 00:56', |
|||
style: TextStyle( |
|||
color: const Color(0xffBCACF4).withOpacity(0.5), |
|||
fontSize: 16, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const SizedBox(height: 8), |
|||
Text( |
|||
'Keyboard', |
|||
style: TextStyle( |
|||
color: Colors.white.withOpacity(0.5), |
|||
fontSize: 18, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
const Spacer(), |
|||
Column( |
|||
children: [ |
|||
const Text( |
|||
'\$ 2', |
|||
style: TextStyle( |
|||
color: Colors.white, |
|||
fontSize: 14, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
const SizedBox(height: 8), |
|||
Container( |
|||
padding: const EdgeInsets.all(3), |
|||
decoration: BoxDecoration( |
|||
color: const Color(0xff5F358F).withOpacity(0.8), |
|||
borderRadius: BorderRadius.circular(36), |
|||
), |
|||
child: Container( |
|||
decoration: BoxDecoration( |
|||
borderRadius: BorderRadius.circular(31), |
|||
color: const Color(0xff7853FF), |
|||
), |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
const SizedBox(width: 6), |
|||
Container( |
|||
width: context.width * 26 / 540, |
|||
height: context.width * 26 / 540, |
|||
padding: const EdgeInsets.all(10), |
|||
margin: const EdgeInsets.symmetric(vertical: 3), |
|||
decoration: const BoxDecoration( |
|||
color: Colors.white , |
|||
shape: BoxShape.circle, |
|||
), |
|||
child: SvgPicture.asset('lock'.svgPath), |
|||
), |
|||
const SizedBox(width: 8), |
|||
Text( |
|||
'Buy', |
|||
style: TextStyle( |
|||
color: Colors.white.withOpacity(0.8), |
|||
fontSize: 14, |
|||
fontWeight: FontWeight.bold, |
|||
), |
|||
), |
|||
const SizedBox(width: 14), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,54 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:my_flutter_puzzle/widgets/login_widgets/name_field.dart'; |
|||
|
|||
class LoginScreenName extends StatefulWidget { |
|||
const LoginScreenName({Key? key}) : super(key: key); |
|||
|
|||
@override |
|||
State<LoginScreenName> createState() => _LoginScreenNameState(); |
|||
} |
|||
|
|||
class _LoginScreenNameState extends State<LoginScreenName> { |
|||
late final TextEditingController _nameTextController; |
|||
late final FocusNode _nameFocusNode; |
|||
|
|||
String _nameString = ''; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
_nameTextController = TextEditingController(); |
|||
_nameFocusNode = FocusNode(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
var screenSize = MediaQuery.of(context).size; |
|||
return GestureDetector( |
|||
onTap: () => _nameFocusNode.unfocus(), |
|||
child: Scaffold( |
|||
backgroundColor: Colors.white, |
|||
body: Center( |
|||
child: SizedBox( |
|||
width: screenSize.width * 0.5, |
|||
child: Column( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
NameField( |
|||
focusNode: _nameFocusNode, |
|||
onChange: (value) => setState( |
|||
() => _nameString = value, |
|||
), |
|||
), |
|||
const SizedBox(height: 24), |
|||
// StartGameWidget( |
|||
// nameString: _nameString, |
|||
// ), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,180 +0,0 @@ |
|||
// import 'package:cloud_firestore/cloud_firestore.dart'; |
|||
// import 'package:flutter/material.dart'; |
|||
// import 'package:flutter_riverpod/flutter_riverpod.dart'; |
|||
// import 'package:my_flutter_puzzle/application/states/player_matching_state.dart'; |
|||
// import 'package:my_flutter_puzzle/models/user_info.dart'; |
|||
// import 'package:my_flutter_puzzle/providers.dart'; |
|||
// import 'package:my_flutter_puzzle/res/palette.dart'; |
|||
// import 'package:my_flutter_puzzle/utils/database_client.dart'; |
|||
// import 'package:my_flutter_puzzle/screens/puzzle_screen.dart'; |
|||
// import 'package:my_flutter_puzzle/widgets/menu_widgets/menu_widgets.dart'; |
|||
|
|||
// class MenuScreen extends ConsumerStatefulWidget { |
|||
// const MenuScreen({ |
|||
// Key? key, |
|||
// required this.userData, |
|||
// }) : super(key: key); |
|||
|
|||
// final UserData userData; |
|||
|
|||
// @override |
|||
// ConsumerState<ConsumerStatefulWidget> createState() => _MenuScreenState(); |
|||
// } |
|||
|
|||
// class _MenuScreenState extends ConsumerState<MenuScreen> { |
|||
// final numberList = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]; |
|||
// late final UserData userData; |
|||
|
|||
// @override |
|||
// void initState() { |
|||
// super.initState(); |
|||
// userData = widget.userData; |
|||
// numberList.shuffle(); |
|||
// } |
|||
|
|||
// @override |
|||
// Widget build(BuildContext context) { |
|||
// var screenSize = MediaQuery.of(context).size; |
|||
|
|||
// ref.listen(playerMatchingNotifierProvider, (previous, next) { |
|||
// if (next is PlayerMatched) { |
|||
// Navigator.of(context).push( |
|||
// MaterialPageRoute( |
|||
// builder: (context) => PuzzleScreen( |
|||
// initialList: numberList, |
|||
// id: next.id, |
|||
// myInfo: userData, |
|||
// ), |
|||
// ), |
|||
// ); |
|||
// } |
|||
// }); |
|||
|
|||
// return Scaffold( |
|||
// backgroundColor: Colors.white, |
|||
// body: Center( |
|||
// child: SizedBox( |
|||
// width: screenSize.width * 0.5, |
|||
// child: Consumer( |
|||
// builder: (context, ref, child) { |
|||
// final state = ref.watch(playerMatchingNotifierProvider); |
|||
|
|||
// return state.when( |
|||
// () => Column( |
|||
// mainAxisAlignment: MainAxisAlignment.center, |
|||
// children: [ |
|||
// const Text( |
|||
// 'Game Mode', |
|||
// style: TextStyle( |
|||
// fontSize: 30, |
|||
// // fontWeight: FontWeight.bold, |
|||
// color: Palette.crimson, |
|||
// ), |
|||
// ), |
|||
// const SizedBox(height: 24), |
|||
// MultiplayerButton( |
|||
// myInfo: userData, |
|||
// list: numberList, |
|||
// ), |
|||
// const SizedBox(height: 16), |
|||
// const SoloButton(), |
|||
// const SizedBox(height: 30), |
|||
// ], |
|||
// ), |
|||
// processing: () => Row( |
|||
// mainAxisAlignment: MainAxisAlignment.center, |
|||
// children: const [ |
|||
// CircularProgressIndicator( |
|||
// valueColor: |
|||
// AlwaysStoppedAnimation<Color>(Palette.violet), |
|||
// ), |
|||
// SizedBox(width: 16), |
|||
// Text( |
|||
// 'Finding player ...', |
|||
// style: TextStyle( |
|||
// fontSize: 24, |
|||
// ), |
|||
// ), |
|||
// ], |
|||
// ), |
|||
// isMatched: (id) => Row( |
|||
// mainAxisAlignment: MainAxisAlignment.center, |
|||
// children: const [ |
|||
// Icon( |
|||
// Icons.check_circle, |
|||
// color: Palette.violet, |
|||
// size: 50, |
|||
// ), |
|||
// SizedBox(width: 16), |
|||
// Text( |
|||
// 'Found player', |
|||
// style: TextStyle( |
|||
// fontSize: 24, |
|||
// ), |
|||
// ), |
|||
// ], |
|||
// ), |
|||
// isQueued: () => PlayerQueuedWidget( |
|||
// myInfo: userData, |
|||
// ), |
|||
// error: (message) => Text( |
|||
// message.toString(), |
|||
// style: const TextStyle( |
|||
// fontSize: 24, |
|||
// ), |
|||
// ), |
|||
// ); |
|||
// }, |
|||
// ), |
|||
// ), |
|||
// )); |
|||
// } |
|||
// } |
|||
|
|||
// class PlayerQueuedWidget extends ConsumerWidget { |
|||
// PlayerQueuedWidget({ |
|||
// Key? key, |
|||
// required this.myInfo, |
|||
// }) : super(key: key); |
|||
|
|||
// final UserData myInfo; |
|||
|
|||
// final _databaseClient = DatabaseClient(); |
|||
|
|||
// @override |
|||
// Widget build(BuildContext context, WidgetRef ref) { |
|||
// return StreamBuilder<DocumentSnapshot>( |
|||
// stream: _databaseClient.isMatched(myInfo: myInfo), |
|||
// builder: (context, snapshot) { |
|||
// if (snapshot.hasData && snapshot.data!.data() != null) { |
|||
// final queuedUserData = |
|||
// snapshot.data!.data() as Map<String, dynamic>; |
|||
// bool isMatched = queuedUserData['ismatched']; |
|||
|
|||
// if (isMatched) { |
|||
// WidgetsBinding.instance?.addPostFrameCallback((_) { |
|||
// ref |
|||
// .read(playerMatchingNotifierProvider.notifier) |
|||
// .foundUser(myInfo: myInfo); |
|||
// }); |
|||
// } |
|||
// } |
|||
|
|||
// return Row( |
|||
// mainAxisAlignment: MainAxisAlignment.center, |
|||
// children: const [ |
|||
// CircularProgressIndicator( |
|||
// valueColor: AlwaysStoppedAnimation<Color>(Palette.violet), |
|||
// ), |
|||
// SizedBox(width: 16), |
|||
// Text( |
|||
// 'Your are in queue ...', |
|||
// style: TextStyle( |
|||
// fontSize: 24, |
|||
// ), |
|||
// ), |
|||
// ], |
|||
// ); |
|||
// }); |
|||
// } |
|||
// } |
|||
@ -1,152 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_riverpod/flutter_riverpod.dart'; |
|||
|
|||
class TopBar extends ConsumerWidget { |
|||
const TopBar({ |
|||
required Color color, |
|||
required int puzzleSize, |
|||
this.padding = const EdgeInsets.fromLTRB(24.0, 16.0, 24.0, 16.0), |
|||
this.tileGap = 16, |
|||
this.isCentered = false, |
|||
Key? key, |
|||
}) : _color = color, |
|||
_puzzleSize = puzzleSize, |
|||
super(key: key); |
|||
|
|||
final Color _color; |
|||
final int _puzzleSize; |
|||
final EdgeInsets padding; |
|||
final double tileGap; |
|||
final bool isCentered; |
|||
|
|||
@override |
|||
Widget build(BuildContext context, WidgetRef ref) { |
|||
return Container( |
|||
color: _color, |
|||
child: Padding( |
|||
padding: padding, |
|||
child: Row( |
|||
mainAxisAlignment: MainAxisAlignment.center, |
|||
children: [ |
|||
isCentered ? const SizedBox() : const Spacer(), |
|||
// TextButton( |
|||
// style: _puzzleType == 'Normal' |
|||
// ? ButtonStyle( |
|||
// foregroundColor: MaterialStateProperty.resolveWith<Color>( |
|||
// (Set<MaterialState> states) { |
|||
// return Palette.blue; |
|||
// }, |
|||
// ), |
|||
// ) |
|||
// : null, |
|||
// onPressed: _puzzleType == 'Normal' |
|||
// ? null |
|||
// : () { |
|||
// ref.read(puzzleTypeNotifierProvider.notifier).changeToNormal(); |
|||
// }, |
|||
// child: Padding( |
|||
// padding: const EdgeInsets.all(8.0), |
|||
// child: Row( |
|||
// children: [ |
|||
// Opacity( |
|||
// opacity: _puzzleType == 'Normal' ? 1 : 0.5, |
|||
// child: const FaIcon(FontAwesomeIcons.rocket), |
|||
// ), |
|||
// const SizedBox(width: 8), |
|||
// Text( |
|||
// 'Normal', |
|||
// style: TextStyle( |
|||
// fontSize: 16, |
|||
// color: Colors.white.withOpacity(_puzzleType == 'Normal' ? 1 : 0.5), |
|||
// ), |
|||
// ), |
|||
// ], |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// SizedBox(width: tileGap), |
|||
// TextButton( |
|||
// style: _puzzleType == 'Photo' |
|||
// ? ButtonStyle( |
|||
// foregroundColor: MaterialStateProperty.resolveWith<Color>( |
|||
// (Set<MaterialState> states) { |
|||
// return Theme.of(context).colorScheme.primary; |
|||
// }, |
|||
// ), |
|||
// ) |
|||
// : null, |
|||
// onPressed: _puzzleType == 'Photo' |
|||
// ? null |
|||
// : () { |
|||
// final state = ref.read(imageSplitterNotifierProvider); |
|||
// if (state is! ImageSplitterComplete) { |
|||
// ref.read(imageSplitterNotifierProvider.notifier).getInitialImages(puzzleSize: _puzzleSize); |
|||
// } |
|||
// |
|||
// ref.read(puzzleTypeNotifierProvider.notifier).changeToPhoto(); |
|||
// }, |
|||
// child: Padding( |
|||
// padding: const EdgeInsets.all(8.0), |
|||
// child: Row( |
|||
// children: [ |
|||
// Opacity( |
|||
// opacity: _puzzleType == 'Photo' ? 1 : 0.5, |
|||
// child: const FaIcon(FontAwesomeIcons.image), |
|||
// ), |
|||
// const SizedBox(width: 8), |
|||
// Text( |
|||
// 'Photo', |
|||
// style: TextStyle( |
|||
// fontSize: 16, |
|||
// color: Colors.white.withOpacity(_puzzleType == 'Photo' ? 1 : 0.5), |
|||
// ), |
|||
// ), |
|||
// ], |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// SizedBox(width: tileGap), |
|||
// TextButton( |
|||
// style: _puzzleType == 'Multiplayer' |
|||
// ? ButtonStyle( |
|||
// foregroundColor: MaterialStateProperty.resolveWith<Color>( |
|||
// (Set<MaterialState> states) { |
|||
// return Palette.blue; |
|||
// }, |
|||
// ), |
|||
// ) |
|||
// : null, |
|||
// onPressed: _puzzleType == 'Multiplayer' |
|||
// ? null |
|||
// : () { |
|||
// // ref.read(puzzleTypeNotifierProvider.notifier).dispose(); |
|||
// |
|||
// ref.read(puzzleTypeNotifierProvider.notifier).changeToMultiplayer(); |
|||
// ref.read(emailAuthNotificationProvider.notifier).checkForSignedUser(); |
|||
// }, |
|||
// child: Padding( |
|||
// padding: const EdgeInsets.all(8.0), |
|||
// child: Row( |
|||
// children: [ |
|||
// Opacity( |
|||
// opacity: _puzzleType == 'Multiplayer' ? 1 : 0.5, |
|||
// child: const FaIcon(FontAwesomeIcons.gamepad), |
|||
// ), |
|||
// const SizedBox(width: 8), |
|||
// Text( |
|||
// 'Multiplayer', |
|||
// style: TextStyle( |
|||
// fontSize: 16, |
|||
// color: Colors.white.withOpacity(_puzzleType == 'Multiplayer' ? 1 : 0.5), |
|||
// ), |
|||
// ), |
|||
// ], |
|||
// ), |
|||
// ), |
|||
// ), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,220 +0,0 @@ |
|||
import 'dart:developer'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
import 'package:my_flutter_puzzle/models/user_info.dart'; |
|||
import 'package:my_flutter_puzzle/widgets/puzzle_widgets/puzzle_widgets.dart'; |
|||
|
|||
class PuzzleScreen extends StatefulWidget { |
|||
const PuzzleScreen({ |
|||
Key? key, |
|||
required this.initialList, |
|||
required this.id, |
|||
required this.myInfo, |
|||
}) : super(key: key); |
|||
|
|||
final List<int> initialList; |
|||
final String id; |
|||
final UserData myInfo; |
|||
|
|||
@override |
|||
_PuzzleScreenState createState() => _PuzzleScreenState(); |
|||
} |
|||
|
|||
class _PuzzleScreenState extends State<PuzzleScreen> { |
|||
late final List<int> myList; |
|||
late final List<int> opponentList; |
|||
int _moves = 0; |
|||
|
|||
onClick(index) { |
|||
log('-----------------------'); |
|||
log('Tapped index: $index'); |
|||
|
|||
int emptyTilePosIndex = myList.indexOf(0); |
|||
int emptyTilePosRow = emptyTilePosIndex ~/ 4; |
|||
int emptyTilePosCol = emptyTilePosIndex % 4; |
|||
|
|||
int currentTileRow = index ~/ 4; |
|||
int currentTileCol = index % 4; |
|||
|
|||
//current element moves up |
|||
|
|||
if ((currentTileRow - 1 == emptyTilePosRow) && (currentTileCol == emptyTilePosCol)) { |
|||
setState(() { |
|||
myList[emptyTilePosIndex] = myList[index]; |
|||
myList[index] = 0; |
|||
_moves++; |
|||
}); |
|||
} |
|||
|
|||
//current element moves down |
|||
|
|||
else if ((currentTileRow + 1 == emptyTilePosRow) && (currentTileCol == emptyTilePosCol)) { |
|||
setState(() { |
|||
myList[emptyTilePosIndex] = myList[index]; |
|||
myList[index] = 0; |
|||
_moves++; |
|||
}); |
|||
} |
|||
|
|||
//current element moves left |
|||
|
|||
else if ((currentTileRow == emptyTilePosRow) && (currentTileCol + 1 == emptyTilePosCol)) { |
|||
setState(() { |
|||
myList[emptyTilePosIndex] = myList[index]; |
|||
myList[index] = 0; |
|||
_moves++; |
|||
}); |
|||
} |
|||
|
|||
//current element moves right |
|||
|
|||
else if ((currentTileRow == emptyTilePosRow) && (currentTileCol - 1 == emptyTilePosCol)) { |
|||
setState(() { |
|||
myList[emptyTilePosIndex] = myList[index]; |
|||
myList[index] = 0; |
|||
_moves++; |
|||
}); |
|||
} else { |
|||
if (currentTileCol == emptyTilePosCol) { |
|||
int low; |
|||
int high; |
|||
|
|||
// multiple elements move up |
|||
|
|||
if (emptyTilePosRow < currentTileRow) { |
|||
low = emptyTilePosRow; |
|||
high = currentTileRow; |
|||
|
|||
int i = low; |
|||
while (i < high) { |
|||
setState(() { |
|||
myList[(i * 4) + emptyTilePosCol] = myList[(((i + 1) * 4) + emptyTilePosCol)]; |
|||
}); |
|||
|
|||
i += 1; |
|||
} |
|||
setState(() { |
|||
myList[(high * 4) + emptyTilePosCol] = 0; |
|||
_moves++; |
|||
}); |
|||
} |
|||
|
|||
//multiple elements move down |
|||
|
|||
else { |
|||
low = emptyTilePosRow; |
|||
high = currentTileRow; |
|||
|
|||
int i = low; |
|||
while (i > high) { |
|||
setState(() { |
|||
myList[(i * 4) + emptyTilePosCol] = myList[(((i - 1) * 4) + emptyTilePosCol)]; |
|||
}); |
|||
|
|||
i -= 1; |
|||
} |
|||
setState(() { |
|||
myList[(high * 4) + emptyTilePosCol] = 0; |
|||
_moves++; |
|||
}); |
|||
} |
|||
} |
|||
|
|||
// multiple elements move left |
|||
|
|||
// multiple elements move right |
|||
|
|||
if (currentTileRow == emptyTilePosRow) { |
|||
int low; |
|||
int high; |
|||
|
|||
// multiple elements move left |
|||
|
|||
if (emptyTilePosCol < currentTileCol) { |
|||
low = emptyTilePosCol; |
|||
high = currentTileCol; |
|||
|
|||
int i = low; |
|||
while (i < high) { |
|||
setState(() { |
|||
myList[(emptyTilePosRow * 4) + i] = myList[(emptyTilePosRow * 4) + (i + 1)]; |
|||
}); |
|||
|
|||
i += 1; |
|||
} |
|||
setState(() { |
|||
myList[high + (emptyTilePosRow * 4)] = 0; |
|||
_moves++; |
|||
}); |
|||
} |
|||
|
|||
//multiple elements move right |
|||
|
|||
else { |
|||
low = emptyTilePosCol; |
|||
high = currentTileCol; |
|||
|
|||
int i = low; |
|||
while (i > high) { |
|||
setState(() { |
|||
myList[(i + (emptyTilePosRow * 4))] = myList[(i - 1) + (emptyTilePosRow * 4)]; |
|||
}); |
|||
|
|||
i -= 1; |
|||
} |
|||
setState(() { |
|||
myList[high + (emptyTilePosRow * 4)] = 0; |
|||
_moves++; |
|||
}); |
|||
} |
|||
} |
|||
} |
|||
|
|||
// _databaseClient.updateGameState( |
|||
// id: widget.id, |
|||
// mydata: widget.myInfo, |
|||
// numberList: myList, |
|||
// moves: _moves, |
|||
// ); |
|||
|
|||
log('List: $myList'); |
|||
log('-----------------------'); |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
myList = widget.initialList; |
|||
opponentList = widget.initialList; |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
backgroundColor: Colors.white, |
|||
body: Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
// PLAYER 1 puzzle --> my (own) |
|||
Column( |
|||
children: [ |
|||
const PlayerText( |
|||
displayName: 'PLAYER 1', |
|||
), |
|||
// TODO: Change font size |
|||
MovesText( |
|||
moves: _moves, |
|||
fontSize: 60, |
|||
), |
|||
], |
|||
), |
|||
Container( |
|||
height: MediaQuery.of(context).size.height * 0.6, |
|||
width: 2, |
|||
color: Colors.black, |
|||
), |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,489 +0,0 @@ |
|||
import 'dart:developer'; |
|||
|
|||
import 'package:flutter/foundation.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:my_flutter_puzzle/res/palette.dart'; |
|||
import 'package:my_flutter_puzzle/utils/puzzle_solver.dart'; |
|||
import 'package:my_flutter_puzzle/widgets/puzzle_widgets/puzzle_widgets.dart'; |
|||
|
|||
class PuzzleSoloScreen extends StatefulWidget { |
|||
const PuzzleSoloScreen({ |
|||
Key? key, |
|||
}) : super(key: key); |
|||
|
|||
@override |
|||
_PuzzleSoloScreenState createState() => _PuzzleSoloScreenState(); |
|||
} |
|||
|
|||
class _PuzzleSoloScreenState extends State<PuzzleSoloScreen> { |
|||
late final PuzzleSolverClient _solverClient; |
|||
|
|||
List<List<int>>? _board2D; |
|||
List<int>? myList; |
|||
int _moves = 0; |
|||
final _puzzleSize = 3; |
|||
final int _animationSpeedInMilliseconds = 300; |
|||
bool _isComputing = false; |
|||
bool _isAutoSolving = false; |
|||
bool _isSolved = false; |
|||
|
|||
Map<int, FractionalOffset>? _offsetMap; |
|||
List<int> _solvedList = []; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
_solverClient = PuzzleSolverClient(size: _puzzleSize); |
|||
initBoard(); |
|||
generateSolvedList(); |
|||
} |
|||
|
|||
generateSolvedList() { |
|||
for (int i = 1; i < _puzzleSize * _puzzleSize; i++) { |
|||
_solvedList.add(i); |
|||
} |
|||
_solvedList.add(0); |
|||
} |
|||
|
|||
scrambleBoard() { |
|||
final generated2DBoard = _solverClient.createRandomBoard(); |
|||
final generated1DBoard = _solverClient.convertTo1D(generated2DBoard); |
|||
updateOffset(generated1DBoard); |
|||
setState(() { |
|||
_board2D = generated2DBoard; |
|||
myList = generated1DBoard; |
|||
_moves = 0; |
|||
_isSolved = false; |
|||
}); |
|||
} |
|||
|
|||
initBoard() { |
|||
final generated2DBoard = _solverClient.createRandomBoard(); |
|||
final generated1DBoard = _solverClient.convertTo1D(generated2DBoard); |
|||
|
|||
createOffset(generated1DBoard); |
|||
setState(() { |
|||
_board2D = generated2DBoard; |
|||
myList = generated1DBoard; |
|||
|
|||
_moves = 0; |
|||
}); |
|||
} |
|||
|
|||
startAutoSolver() async { |
|||
if (_board2D != null) { |
|||
setState(() { |
|||
_isComputing = true; |
|||
}); |
|||
|
|||
List<List<int>>? boardStates = await compute(_solverClient.runner, _solverClient.convertTo2D(myList!)); |
|||
|
|||
setState(() { |
|||
_isComputing = false; |
|||
_isAutoSolving = true; |
|||
}); |
|||
|
|||
if (boardStates != null) { |
|||
for (var board in boardStates) { |
|||
await Future.delayed(Duration( |
|||
milliseconds: _animationSpeedInMilliseconds, |
|||
)); |
|||
setState(() { |
|||
myList = board; |
|||
_moves++; |
|||
}); |
|||
updateOffset(myList!); |
|||
} |
|||
} |
|||
} |
|||
setState(() { |
|||
_isAutoSolving = false; |
|||
_isSolved = true; |
|||
}); |
|||
showCompleteDialogBox(context); |
|||
} |
|||
|
|||
isSolved(List<int> currentBoard) { |
|||
if (listEquals(currentBoard, _solvedList)) { |
|||
setState(() { |
|||
_isSolved = true; |
|||
}); |
|||
return true; |
|||
} |
|||
setState(() { |
|||
_isSolved = false; |
|||
}); |
|||
|
|||
return false; |
|||
} |
|||
|
|||
onClick(index) { |
|||
log('-----------------------'); |
|||
log('Tapped index: $index'); |
|||
|
|||
if (myList != null) { |
|||
int emptyTilePosIndex = myList!.indexOf(0); |
|||
int emptyTilePosRow = emptyTilePosIndex ~/ _puzzleSize; |
|||
int emptyTilePosCol = emptyTilePosIndex % _puzzleSize; |
|||
|
|||
int currentTileRow = index ~/ _puzzleSize; |
|||
int currentTileCol = index % _puzzleSize; |
|||
|
|||
//current element moves up |
|||
if ((currentTileRow - 1 == emptyTilePosRow) && (currentTileCol == emptyTilePosCol)) { |
|||
myList![emptyTilePosIndex] = myList![index]; |
|||
myList![index] = 0; |
|||
_moves++; |
|||
} |
|||
|
|||
//current element moves down |
|||
else if ((currentTileRow + 1 == emptyTilePosRow) && (currentTileCol == emptyTilePosCol)) { |
|||
myList![emptyTilePosIndex] = myList![index]; |
|||
myList![index] = 0; |
|||
_moves++; |
|||
} |
|||
|
|||
//current element moves left |
|||
else if ((currentTileRow == emptyTilePosRow) && (currentTileCol + 1 == emptyTilePosCol)) { |
|||
myList![emptyTilePosIndex] = myList![index]; |
|||
myList![index] = 0; |
|||
_moves++; |
|||
} |
|||
|
|||
//current element moves right |
|||
else if ((currentTileRow == emptyTilePosRow) && (currentTileCol - 1 == emptyTilePosCol)) { |
|||
myList![emptyTilePosIndex] = myList![index]; |
|||
myList![index] = 0; |
|||
_moves++; |
|||
} else { |
|||
if (currentTileCol == emptyTilePosCol) { |
|||
int low; |
|||
int high; |
|||
|
|||
// multiple elements move up |
|||
if (emptyTilePosRow < currentTileRow) { |
|||
low = emptyTilePosRow; |
|||
high = currentTileRow; |
|||
|
|||
int i = low; |
|||
while (i < high) { |
|||
myList![(i * _puzzleSize) + emptyTilePosCol] = myList![(((i + 1) * _puzzleSize) + emptyTilePosCol)]; |
|||
|
|||
i += 1; |
|||
} |
|||
|
|||
myList![(high * _puzzleSize) + emptyTilePosCol] = 0; |
|||
_moves++; |
|||
} |
|||
|
|||
//multiple elements move down |
|||
else { |
|||
low = emptyTilePosRow; |
|||
high = currentTileRow; |
|||
|
|||
int i = low; |
|||
while (i > high) { |
|||
myList![(i * _puzzleSize) + emptyTilePosCol] = myList![(((i - 1) * _puzzleSize) + emptyTilePosCol)]; |
|||
|
|||
i -= 1; |
|||
} |
|||
|
|||
myList![(high * _puzzleSize) + emptyTilePosCol] = 0; |
|||
_moves++; |
|||
} |
|||
} |
|||
|
|||
// multiple elements move left or right |
|||
if (currentTileRow == emptyTilePosRow) { |
|||
int low; |
|||
int high; |
|||
|
|||
// multiple elements move left |
|||
if (emptyTilePosCol < currentTileCol) { |
|||
low = emptyTilePosCol; |
|||
high = currentTileCol; |
|||
|
|||
int i = low; |
|||
while (i < high) { |
|||
myList![(emptyTilePosRow * _puzzleSize) + i] = myList![(emptyTilePosRow * _puzzleSize) + (i + 1)]; |
|||
|
|||
i += 1; |
|||
} |
|||
|
|||
myList![high + (emptyTilePosRow * _puzzleSize)] = 0; |
|||
_moves++; |
|||
} |
|||
|
|||
//multiple elements move right |
|||
else { |
|||
low = emptyTilePosCol; |
|||
high = currentTileCol; |
|||
|
|||
int i = low; |
|||
while (i > high) { |
|||
myList![(i + (emptyTilePosRow * _puzzleSize))] = myList![(i - 1) + (emptyTilePosRow * _puzzleSize)]; |
|||
|
|||
i -= 1; |
|||
} |
|||
|
|||
myList![high + (emptyTilePosRow * _puzzleSize)] = 0; |
|||
_moves++; |
|||
} |
|||
} |
|||
} |
|||
|
|||
// Update Offset list |
|||
// setState(() { |
|||
// updateOffset(myList!); |
|||
// }); |
|||
updateOffset(myList!); |
|||
setState(() {}); |
|||
|
|||
if (isSolved(myList!)) { |
|||
showCompleteDialogBox(context); |
|||
} |
|||
|
|||
log('List: $myList'); |
|||
log('-----------------------'); |
|||
} |
|||
} |
|||
|
|||
createOffset(List<int> board) { |
|||
Map<int, FractionalOffset> offsetMap = {}; |
|||
int j = 0; |
|||
|
|||
log('BOARD: $board'); |
|||
|
|||
for (int i = 0; i < board.length; i++) { |
|||
final xMod = i % _puzzleSize; |
|||
double x = xMod / (_puzzleSize - 1); |
|||
|
|||
if (x % i == 0 && i != 0) j++; |
|||
int yMod = j % _puzzleSize; |
|||
double y = yMod / (_puzzleSize - 1); |
|||
|
|||
offsetMap.addEntries([ |
|||
MapEntry<int, FractionalOffset>( |
|||
board[i], |
|||
FractionalOffset(x, y), |
|||
) |
|||
]); |
|||
} |
|||
|
|||
log('INITIAL OFFSET MAP: $offsetMap'); |
|||
setState(() { |
|||
_offsetMap = offsetMap; |
|||
}); |
|||
} |
|||
|
|||
updateOffset(List<int> board) { |
|||
int j = 0; |
|||
|
|||
for (int i = 0; i < board.length; i++) { |
|||
final xMod = i % _puzzleSize; |
|||
double x = xMod / (_puzzleSize - 1); |
|||
|
|||
if (x % i == 0 && i != 0) j++; |
|||
int yMod = j % _puzzleSize; |
|||
double y = yMod / (_puzzleSize - 1); |
|||
|
|||
_offsetMap![board[i]] = FractionalOffset(x, y); |
|||
} |
|||
log('OFFSET MAP: $_offsetMap'); |
|||
} |
|||
|
|||
showCompleteDialogBox(BuildContext context) { |
|||
showDialog( |
|||
context: context, |
|||
builder: (context) => Dialog( |
|||
child: Padding( |
|||
padding: const EdgeInsets.all(24.0), |
|||
child: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
const Text( |
|||
'Solved successfully!', |
|||
style: TextStyle(fontSize: 22), |
|||
), |
|||
const SizedBox(height: 16), |
|||
ElevatedButton( |
|||
style: ElevatedButton.styleFrom( |
|||
primary: Palette.violet, |
|||
onSurface: Palette.violet, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(50), |
|||
), |
|||
), |
|||
onPressed: () { |
|||
Navigator.of(context).pop(); |
|||
}, |
|||
child: const Padding( |
|||
padding: EdgeInsets.all(16.0), |
|||
child: Text( |
|||
'OK', |
|||
style: TextStyle(fontSize: 22), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
var screenSize = MediaQuery.of(context).size; |
|||
|
|||
var boardSize = screenSize.height * 0.6; |
|||
|
|||
var spacing = 4; |
|||
var eachBoxSize = (boardSize / _puzzleSize) - (spacing * (_puzzleSize - 1)); |
|||
|
|||
return Scaffold( |
|||
backgroundColor: Colors.white, |
|||
body: myList != null && _offsetMap != null |
|||
? Column( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
Row(), |
|||
MovesText( |
|||
moves: _moves, |
|||
fontSize: 60, |
|||
), |
|||
SizedBox( |
|||
height: boardSize, |
|||
width: boardSize, |
|||
child: Stack( |
|||
children: [ |
|||
for (int i = 0; i < _offsetMap!.length; i++) |
|||
_offsetMap!.entries.toList()[i].key != 0 |
|||
? AnimatedAlign( |
|||
alignment: _offsetMap!.entries.toList()[i].value, |
|||
duration: Duration( |
|||
milliseconds: _animationSpeedInMilliseconds, |
|||
), |
|||
curve: Curves.easeInOut, |
|||
child: GestureDetector( |
|||
onTap: () => onClick(myList!.indexOf(_offsetMap!.entries.toList()[i].key)), |
|||
child: Card( |
|||
elevation: 4, |
|||
color: const Color(0xFF2868d7), |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(20), |
|||
), |
|||
child: SizedBox( |
|||
height: eachBoxSize, |
|||
width: eachBoxSize, |
|||
child: Center( |
|||
child: Text( |
|||
_offsetMap!.entries.toList()[i].key.toString(), |
|||
style: const TextStyle( |
|||
fontSize: 60, |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
) |
|||
: const SizedBox(), |
|||
], |
|||
), |
|||
), |
|||
// AnimatedGrid( |
|||
// puzzleSize: _puzzleSize, |
|||
// key: UniqueKey(), |
|||
// number: myList!, |
|||
// offsetList: _offsetList!, |
|||
// onTap: onClick, |
|||
// color: const Color(0xFF2868d7), |
|||
// ), |
|||
const SizedBox(height: 30), |
|||
Row( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
Padding( |
|||
padding: const EdgeInsets.only(bottom: 30.0), |
|||
child: SizedBox( |
|||
width: MediaQuery.of(context).size.width * 0.2, |
|||
child: ElevatedButton( |
|||
style: ElevatedButton.styleFrom( |
|||
primary: Palette.violet, |
|||
onSurface: Palette.violet, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(50), |
|||
), |
|||
), |
|||
onPressed: _isComputing || _isAutoSolving || _isSolved |
|||
? null |
|||
: () { |
|||
startAutoSolver(); |
|||
}, |
|||
child: Padding( |
|||
padding: const EdgeInsets.all(16.0), |
|||
child: _isComputing || _isAutoSolving |
|||
? Row( |
|||
children: [ |
|||
const SizedBox( |
|||
width: 25, |
|||
height: 25, |
|||
child: CircularProgressIndicator( |
|||
color: Palette.violet, |
|||
strokeWidth: 2, |
|||
), |
|||
), |
|||
const SizedBox(width: 16), |
|||
Text( |
|||
_isComputing ? 'Computing ...' : 'Solving ...', |
|||
style: const TextStyle(fontSize: 20), |
|||
), |
|||
], |
|||
) |
|||
: const Text( |
|||
'Start Auto Solver', |
|||
style: TextStyle(fontSize: 22), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
const SizedBox(width: 16.0), |
|||
Padding( |
|||
padding: const EdgeInsets.only(bottom: 30.0), |
|||
child: SizedBox( |
|||
width: MediaQuery.of(context).size.width * 0.2, |
|||
child: ElevatedButton( |
|||
style: ElevatedButton.styleFrom( |
|||
primary: Palette.crimson, |
|||
onSurface: Palette.crimson, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(50), |
|||
), |
|||
), |
|||
onPressed: _isComputing || _isAutoSolving |
|||
? null |
|||
: () { |
|||
scrambleBoard(); |
|||
}, |
|||
child: const Padding( |
|||
padding: EdgeInsets.all(16.0), |
|||
child: Text( |
|||
'Scramble', |
|||
style: TextStyle(fontSize: 22), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
], |
|||
), |
|||
], |
|||
) |
|||
: const SizedBox(), |
|||
); |
|||
} |
|||
} |
|||
@ -0,0 +1,43 @@ |
|||
import 'dart:async'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_svg/flutter_svg.dart'; |
|||
import 'package:my_flutter_puzzle/screens/level_list/screen/level_list_screen.dart'; |
|||
import 'package:my_flutter_puzzle/utils/extensions/string_extensions.dart'; |
|||
|
|||
class SplashScreen extends StatefulWidget { |
|||
const SplashScreen({Key? key}) : super(key: key); |
|||
|
|||
@override |
|||
State<SplashScreen> createState() => _SplashScreenState(); |
|||
} |
|||
|
|||
class _SplashScreenState extends State<SplashScreen> { |
|||
@override |
|||
void initState() { |
|||
Timer(const Duration(milliseconds: 2000), () { |
|||
Navigator.push(context, MaterialPageRoute( |
|||
builder: (context) { |
|||
return const LevelListScreen(); |
|||
}, |
|||
)); |
|||
}); |
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Scaffold( |
|||
backgroundColor: const Color(0xff6236FF), |
|||
body: Center( |
|||
child: Container( |
|||
decoration: BoxDecoration( |
|||
image: DecorationImage( |
|||
image: AssetImage('splash_screen_image'.pngPath), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -0,0 +1,19 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
extension ContextExtentions on BuildContext { |
|||
double get height { |
|||
return MediaQuery.of(this).size.height; |
|||
} |
|||
|
|||
double get width { |
|||
return MediaQuery.of(this).size.width; |
|||
} |
|||
|
|||
double get horizontallyMargin { |
|||
return MediaQuery.of(this).size.width * 0.05; |
|||
} |
|||
|
|||
double get verticallyMargin { |
|||
return MediaQuery.of(this).size.height * 0.025; |
|||
} |
|||
} |
|||
@ -1,308 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
class AnimatedGrid extends StatefulWidget { |
|||
const AnimatedGrid({ |
|||
Key? key, |
|||
required this.number, |
|||
required this.offsetList, |
|||
required this.onTap, |
|||
required this.color, |
|||
required this.puzzleSize, |
|||
}) : super(key: key); |
|||
|
|||
final Function onTap; |
|||
final List<int> number; |
|||
final List<FractionalOffset> offsetList; |
|||
final Color color; |
|||
final int puzzleSize; |
|||
|
|||
@override |
|||
State<AnimatedGrid> createState() => _AnimatedGridState(); |
|||
} |
|||
|
|||
class _AnimatedGridState extends State<AnimatedGrid> { |
|||
late List<FractionalOffset> _offsetList; |
|||
|
|||
@override |
|||
void initState() { |
|||
_offsetList = widget.offsetList; |
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
var screenSize = MediaQuery.of(context).size; |
|||
var boardSize = screenSize.width * 0.4; |
|||
|
|||
var spacing = 4; |
|||
var eachBoxSize = |
|||
(boardSize / widget.puzzleSize) - (spacing * (widget.puzzleSize - 1)); |
|||
|
|||
return SizedBox( |
|||
height: boardSize, |
|||
width: boardSize, |
|||
child: Stack( |
|||
children: [ |
|||
for (int i = 0; i < widget.offsetList.length; i++) |
|||
widget.number[i] != 0 |
|||
? AnimatedAlign( |
|||
alignment: widget.offsetList[i], |
|||
duration: const Duration(seconds: 1), |
|||
curve: Curves.easeInOut, |
|||
child: GestureDetector( |
|||
onTap: () => widget.onTap(i), |
|||
child: Card( |
|||
elevation: 4, |
|||
color: widget.color, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(20), |
|||
), |
|||
child: SizedBox( |
|||
height: eachBoxSize, |
|||
width: eachBoxSize, |
|||
child: Center( |
|||
child: Text( |
|||
widget.number[i].toString(), |
|||
style: const TextStyle( |
|||
fontSize: 60, |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
) |
|||
: const SizedBox(), |
|||
], |
|||
), |
|||
); |
|||
|
|||
// ----------------------------- |
|||
// Working implementation: |
|||
// ----------------------------- |
|||
// return SizedBox( |
|||
// height: screenSize.height * 0.7, |
|||
// width: screenSize.width * 0.4, |
|||
// child: GridView.builder( |
|||
// gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( |
|||
// crossAxisCount: puzzleSize, |
|||
// ), |
|||
// itemCount: number.length, |
|||
// itemBuilder: (context, index) { |
|||
// return number[index] != 0 |
|||
// ? Padding( |
|||
// padding: const EdgeInsets.all(2.0), |
|||
// child: GestureDetector( |
|||
// onTap: () => onTap(index), |
|||
// child: AnimatedPositioned( |
|||
// duration: Duration(milliseconds: 600), |
|||
// child: Container( |
|||
// height: 20, |
|||
// width: 20, |
|||
// color: Colors.orange, |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ) |
|||
// // ? MouseRegion( |
|||
// // child: Padding( |
|||
// // padding: const EdgeInsets.all(2.0), |
|||
// // child: GestureDetector( |
|||
// // onTap: () => onTap(index), |
|||
// // child: Card( |
|||
// // elevation: 4, |
|||
// // color: color, |
|||
// // // dark -> 0xFF14407a |
|||
// // // light -> 0xFF43b9fd |
|||
// // shape: RoundedRectangleBorder( |
|||
// // borderRadius: BorderRadius.circular(20), |
|||
// // ), |
|||
// // child: SizedBox( |
|||
// // height: 20, |
|||
// // width: 20, |
|||
// // child: Center( |
|||
// // child: Text( |
|||
// // number[index].toString(), |
|||
// // style: const TextStyle( |
|||
// // fontSize: 60, |
|||
// // fontWeight: FontWeight.bold, |
|||
// // color: Colors.white, |
|||
// // ), |
|||
// // ), |
|||
// // ), |
|||
// // ), |
|||
// // ), |
|||
// // ), |
|||
// // ), |
|||
// // ) |
|||
// : const SizedBox(); |
|||
// // }, |
|||
// // ), |
|||
// // ); |
|||
// } |
|||
} |
|||
} |
|||
|
|||
// class AnimatedGrid extends StatefulWidget { |
|||
// const AnimatedGrid({ |
|||
// Key? key, |
|||
// required this.number, |
|||
// required this.offsetList, |
|||
// required this.onTap, |
|||
// required this.color, |
|||
// required this.puzzleSize, |
|||
// }) : super(key: key); |
|||
|
|||
// final Function onTap; |
|||
// final List<int> number; |
|||
// final List<FractionalOffset> offsetList; |
|||
// final Color color; |
|||
// final int puzzleSize; |
|||
|
|||
// @override |
|||
// State<AnimatedGrid> createState() => _AnimatedGridState(); |
|||
// } |
|||
|
|||
// class _AnimatedGridState extends State<AnimatedGrid> { |
|||
// // FractionalOffset offset = FractionalOffset(0, 0); |
|||
// late final List<int> _numberList; |
|||
// // late final int _puzzleSize; |
|||
|
|||
// @override |
|||
// void initState() { |
|||
// _numberList = widget.number; |
|||
// // _puzzleSize = widget.puzzleSize; |
|||
// // print(_numberList); |
|||
// // print(widget.offsetList); |
|||
// super.initState(); |
|||
// } |
|||
|
|||
// // calculateOffset() { |
|||
// // List<FractionalOffset> offsetList = []; |
|||
|
|||
// // for (int i = 0; i < _puzzleSize; i++) { |
|||
// // int yMod = i % _puzzleSize; |
|||
// // double y = yMod / (_puzzleSize - 1); |
|||
// // for (int j = 0; j < _puzzleSize; j++) { |
|||
// // final xMod = _numberList[i][j] % _puzzleSize; |
|||
// // double x = xMod / (_puzzleSize - 1); |
|||
// // offsetList.add(FractionalOffset(x, y)); |
|||
// // } |
|||
// // } |
|||
// // } |
|||
|
|||
// @override |
|||
// Widget build(BuildContext context) { |
|||
// var screenSize = MediaQuery.of(context).size; |
|||
// var boardSize = screenSize.width * 0.4; |
|||
|
|||
// var spacing = 4; |
|||
// var eachBoxSize = |
|||
// (boardSize / widget.puzzleSize) - (spacing * (widget.puzzleSize - 1)); |
|||
|
|||
// return SizedBox( |
|||
// height: boardSize, |
|||
// width: boardSize, |
|||
// child: Stack( |
|||
// children: [ |
|||
// for (var offset in widget.offsetList) |
|||
// AnimatedAlign( |
|||
// alignment: offset, |
|||
// duration: const Duration(seconds: 1), |
|||
// curve: Curves.easeInOut, |
|||
// child: Container( |
|||
// height: eachBoxSize, |
|||
// width: eachBoxSize, |
|||
// color: Colors.black, |
|||
// ), |
|||
// ), |
|||
// // AnimatedAlign( |
|||
// // alignment: FractionalOffset(1, 0), |
|||
// // duration: Duration(seconds: 1), |
|||
// // curve: Curves.easeInOut, |
|||
// // child: Container( |
|||
// // height: eachBoxSize, |
|||
// // width: eachBoxSize, |
|||
// // color: Colors.black, |
|||
// // ), |
|||
// // ), |
|||
// // AnimatedAlign( |
|||
// // alignment: FractionalOffset(0.5, 1), |
|||
// // duration: Duration(seconds: 1), |
|||
// // curve: Curves.easeInOut, |
|||
// // child: Container( |
|||
// // height: eachBoxSize, |
|||
// // width: eachBoxSize, |
|||
// // color: Colors.black, |
|||
// // ), |
|||
// // ), |
|||
// ], |
|||
// ), |
|||
// ); |
|||
|
|||
// // ----------------------------- |
|||
// // Working implementation: |
|||
// // ----------------------------- |
|||
// // return SizedBox( |
|||
// // height: screenSize.height * 0.7, |
|||
// // width: screenSize.width * 0.4, |
|||
// // child: GridView.builder( |
|||
// // gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( |
|||
// // crossAxisCount: puzzleSize, |
|||
// // ), |
|||
// // itemCount: number.length, |
|||
// // itemBuilder: (context, index) { |
|||
// // return number[index] != 0 |
|||
// // ? Padding( |
|||
// // padding: const EdgeInsets.all(2.0), |
|||
// // child: GestureDetector( |
|||
// // onTap: () => onTap(index), |
|||
// // child: AnimatedPositioned( |
|||
// // duration: Duration(milliseconds: 600), |
|||
// // child: Container( |
|||
// // height: 20, |
|||
// // width: 20, |
|||
// // color: Colors.orange, |
|||
// // ), |
|||
// // ), |
|||
// // ), |
|||
// // ) |
|||
// // // ? MouseRegion( |
|||
// // // child: Padding( |
|||
// // // padding: const EdgeInsets.all(2.0), |
|||
// // // child: GestureDetector( |
|||
// // // onTap: () => onTap(index), |
|||
// // // child: Card( |
|||
// // // elevation: 4, |
|||
// // // color: color, |
|||
// // // // dark -> 0xFF14407a |
|||
// // // // light -> 0xFF43b9fd |
|||
// // // shape: RoundedRectangleBorder( |
|||
// // // borderRadius: BorderRadius.circular(20), |
|||
// // // ), |
|||
// // // child: SizedBox( |
|||
// // // height: 20, |
|||
// // // width: 20, |
|||
// // // child: Center( |
|||
// // // child: Text( |
|||
// // // number[index].toString(), |
|||
// // // style: const TextStyle( |
|||
// // // fontSize: 60, |
|||
// // // fontWeight: FontWeight.bold, |
|||
// // // color: Colors.white, |
|||
// // // ), |
|||
// // // ), |
|||
// // // ), |
|||
// // // ), |
|||
// // // ), |
|||
// // // ), |
|||
// // // ), |
|||
// // // ) |
|||
// // : const SizedBox(); |
|||
// // }, |
|||
// // ), |
|||
// // ); |
|||
// } |
|||
// } |
|||
@ -1,67 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
class Grid extends StatelessWidget { |
|||
const Grid({ |
|||
Key? key, |
|||
required this.number, |
|||
required this.onTap, |
|||
required this.color, |
|||
required this.puzzleSize, |
|||
}) : super(key: key); |
|||
|
|||
final Function onTap; |
|||
final List<dynamic> number; |
|||
final Color color; |
|||
final int puzzleSize; |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
var screenSize = MediaQuery.of(context).size; |
|||
|
|||
return SizedBox( |
|||
height: screenSize.height * 0.7, |
|||
width: screenSize.width * 0.4, |
|||
child: GridView.builder( |
|||
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( |
|||
crossAxisCount: puzzleSize, |
|||
), |
|||
itemCount: number.length, |
|||
itemBuilder: (context, index) { |
|||
return number[index] != 0 |
|||
? MouseRegion( |
|||
child: Padding( |
|||
padding: const EdgeInsets.all(2.0), |
|||
child: GestureDetector( |
|||
onTap: () => onTap(index), |
|||
child: Card( |
|||
elevation: 4, |
|||
color: color, |
|||
// dark -> 0xFF14407a |
|||
// light -> 0xFF43b9fd |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(20), |
|||
), |
|||
child: SizedBox( |
|||
height: 20, |
|||
width: 20, |
|||
child: Center( |
|||
child: Text( |
|||
number[index].toString(), |
|||
style: const TextStyle( |
|||
fontSize: 60, |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.white, |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
) |
|||
: const SizedBox(); |
|||
}, |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,62 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:my_flutter_puzzle/res/palette.dart'; |
|||
|
|||
class NameField extends StatefulWidget { |
|||
final FocusNode focusNode; |
|||
final Function(String) onChange; |
|||
|
|||
const NameField({ |
|||
Key? key, |
|||
required this.focusNode, |
|||
required this.onChange, |
|||
}) : super(key: key); |
|||
|
|||
@override |
|||
State<NameField> createState() => _NameFieldState(); |
|||
} |
|||
|
|||
class _NameFieldState extends State<NameField> { |
|||
late final TextEditingController _nameTextController; |
|||
late final FocusNode _nameFocusNode; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
_nameTextController = TextEditingController(); |
|||
_nameFocusNode = widget.focusNode; |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return TextField( |
|||
controller: _nameTextController, |
|||
focusNode: _nameFocusNode, |
|||
style: const TextStyle( |
|||
fontSize: 24, |
|||
color: Palette.crimson, |
|||
), |
|||
cursorColor: Palette.violet, |
|||
decoration: InputDecoration( |
|||
border: const UnderlineInputBorder(), |
|||
focusedBorder: const UnderlineInputBorder( |
|||
borderSide: BorderSide( |
|||
color: Palette.violet, |
|||
width: 3, |
|||
), |
|||
), |
|||
enabledBorder: UnderlineInputBorder( |
|||
borderSide: BorderSide( |
|||
color: Palette.violet.withOpacity(0.5), |
|||
width: 2, |
|||
), |
|||
), |
|||
hintText: 'Enter your name', |
|||
hintStyle: TextStyle( |
|||
fontSize: 22, |
|||
color: Palette.violet.withOpacity(0.2), |
|||
), |
|||
), |
|||
onChanged: (value) => widget.onChange(value), |
|||
); |
|||
} |
|||
} |
|||
@ -1,72 +0,0 @@ |
|||
// import 'package:flutter/material.dart'; |
|||
// import 'package:flutter_riverpod/flutter_riverpod.dart'; |
|||
// import 'package:my_flutter_puzzle/application/states/anonymous_auth_state.dart'; |
|||
// import 'package:my_flutter_puzzle/providers.dart'; |
|||
// import 'package:my_flutter_puzzle/res/palette.dart'; |
|||
// import 'package:my_flutter_puzzle/screens/menu_screen.dart'; |
|||
// import 'package:my_flutter_puzzle/screens/puzzle_screen.dart'; |
|||
// import 'package:my_flutter_puzzle/widgets/login_widgets/start_game_widget/start_game_button.dart'; |
|||
|
|||
// class StartGameWidget extends ConsumerWidget { |
|||
// const StartGameWidget({ |
|||
// Key? key, |
|||
// required String nameString, |
|||
// }) : _nameString = nameString, |
|||
// super(key: key); |
|||
|
|||
// final String _nameString; |
|||
|
|||
// @override |
|||
// Widget build(BuildContext context, WidgetRef ref) { |
|||
// ref.listen(anonymousAuthNotificationProvider, (previous, next) { |
|||
// if (next is StorageDone) { |
|||
// Navigator.of(context).pushAndRemoveUntil( |
|||
// MaterialPageRoute( |
|||
// builder: (context) => MenuScreen( |
|||
// userData: next.userData, |
|||
// ), |
|||
// ), |
|||
// (route) => false, |
|||
// ); |
|||
// } |
|||
// }); |
|||
|
|||
// return Consumer( |
|||
// builder: (context, ref, child) { |
|||
// final state = ref.watch(anonymousAuthNotificationProvider); |
|||
|
|||
// return state.when( |
|||
// () => StartGameButton( |
|||
// nameString: _nameString, |
|||
// ), |
|||
// processing: () => const CircularProgressIndicator( |
|||
// valueColor: AlwaysStoppedAnimation<Color>(Palette.violet), |
|||
// ), |
|||
// done: (_) => const CircularProgressIndicator( |
|||
// valueColor: AlwaysStoppedAnimation<Color>(Palette.violet), |
|||
// ), |
|||
// storingInfo: () => const CircularProgressIndicator( |
|||
// valueColor: AlwaysStoppedAnimation<Color>(Palette.violet), |
|||
// ), |
|||
// storageDone: (userData) => const Icon( |
|||
// Icons.check, |
|||
// size: 50, |
|||
// color: Palette.violet, |
|||
// ), |
|||
// // done: (_) => const Icon( |
|||
// // Icons.check, |
|||
// // size: 50, |
|||
// // color: Palette.violet, |
|||
// // ), |
|||
// error: (message) => Column( |
|||
// children: [ |
|||
// Text('$message'), |
|||
// const SizedBox(height: 16), |
|||
// StartGameButton(nameString: _nameString), |
|||
// ], |
|||
// ), |
|||
// ); |
|||
// }, |
|||
// ); |
|||
// } |
|||
// } |
|||
@ -1,39 +0,0 @@ |
|||
// import 'package:flutter/material.dart'; |
|||
// import 'package:flutter_riverpod/flutter_riverpod.dart'; |
|||
// import 'package:my_flutter_puzzle/providers.dart'; |
|||
// import 'package:my_flutter_puzzle/res/palette.dart'; |
|||
|
|||
// class StartGameButton extends ConsumerWidget { |
|||
// const StartGameButton({ |
|||
// Key? key, |
|||
// required String nameString, |
|||
// }) : _nameString = nameString, |
|||
// super(key: key); |
|||
|
|||
// final String _nameString; |
|||
|
|||
// @override |
|||
// Widget build(BuildContext context, WidgetRef ref) { |
|||
// return SizedBox( |
|||
// width: double.maxFinite, |
|||
// child: ElevatedButton( |
|||
// style: ElevatedButton.styleFrom( |
|||
// primary: Palette.violet, |
|||
// onSurface: Palette.violet, |
|||
// ), |
|||
// onPressed: _nameString.isEmpty || _nameString.length < 3 |
|||
// ? null |
|||
// : () => ref |
|||
// .read(anonymousAuthNotificationProvider.notifier) |
|||
// .triggerAnonymousLogin(name: _nameString), |
|||
// child: const Padding( |
|||
// padding: EdgeInsets.all(16.0), |
|||
// child: Text( |
|||
// 'Start game', |
|||
// style: TextStyle(fontSize: 22), |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ); |
|||
// } |
|||
// } |
|||
@ -1,2 +0,0 @@ |
|||
export 'multiplayer_button.dart'; |
|||
export 'solo_button.dart'; |
|||
@ -1,108 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_riverpod/flutter_riverpod.dart'; |
|||
import 'package:my_flutter_puzzle/models/user_info.dart'; |
|||
import 'package:my_flutter_puzzle/res/palette.dart'; |
|||
|
|||
class MultiplayerButton extends ConsumerStatefulWidget { |
|||
const MultiplayerButton({ |
|||
Key? key, |
|||
required this.myInfo, |
|||
required this.list, |
|||
}) : super(key: key); |
|||
|
|||
final UserData myInfo; |
|||
final List<int> list; |
|||
|
|||
@override |
|||
ConsumerState<ConsumerStatefulWidget> createState() => _MultiplayerButtonState(); |
|||
} |
|||
|
|||
class _MultiplayerButtonState extends ConsumerState<MultiplayerButton> { |
|||
late final List<int> numberList; |
|||
|
|||
@override |
|||
void initState() { |
|||
super.initState(); |
|||
numberList = widget.list; |
|||
numberList.shuffle(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return SizedBox( |
|||
width: double.maxFinite, |
|||
child: OutlinedButton( |
|||
style: OutlinedButton.styleFrom( |
|||
primary: Palette.violet, |
|||
onSurface: Palette.violet, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(50), |
|||
), |
|||
side: const BorderSide( |
|||
width: 2, |
|||
color: Palette.violet, |
|||
), |
|||
), |
|||
onPressed: () { |
|||
// ref |
|||
// .read(playerMatchingNotifierProvider.notifier) |
|||
// .triggerMatching(myInfo: widget.myInfo, numbers: numberList); |
|||
}, |
|||
child: const Padding( |
|||
padding: EdgeInsets.all(16.0), |
|||
child: Text( |
|||
'Multiplayer', |
|||
style: TextStyle(fontSize: 22), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
|
|||
// class MultiplayerButton extends StatefulWidget { |
|||
// final UserData myInfo; |
|||
// MultiplayerButton({ |
|||
// Key? key, |
|||
// required this.myInfo, |
|||
// }) : super(key: key); |
|||
|
|||
// @override |
|||
// State<MultiplayerButton> createState() => _MultiplayerButtonState(); |
|||
// } |
|||
|
|||
// class _MultiplayerButtonState extends State<MultiplayerButton> { |
|||
// final numberList = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]; |
|||
|
|||
// @override |
|||
// Widget build(BuildContext context) { |
|||
// return SizedBox( |
|||
// width: double.maxFinite, |
|||
// child: OutlinedButton( |
|||
// style: OutlinedButton.styleFrom( |
|||
// primary: Palette.violet, |
|||
// onSurface: Palette.violet, |
|||
// shape: RoundedRectangleBorder( |
|||
// borderRadius: BorderRadius.circular(50), |
|||
// ), |
|||
// side: const BorderSide( |
|||
// width: 2, |
|||
// color: Palette.violet, |
|||
// ), |
|||
// ), |
|||
// onPressed: () { |
|||
// ref.read(playerMatchingNotifierProvider.notifier).triggerMatching( |
|||
// myInfo: widget.myInfo, |
|||
// numbers: [14, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 0, 15]); |
|||
// }, |
|||
// child: const Padding( |
|||
// padding: EdgeInsets.all(16.0), |
|||
// child: Text( |
|||
// 'Multiplayer', |
|||
// style: TextStyle(fontSize: 22), |
|||
// ), |
|||
// ), |
|||
// ), |
|||
// ); |
|||
// } |
|||
// } |
|||
@ -1,44 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:my_flutter_puzzle/res/palette.dart'; |
|||
import 'package:my_flutter_puzzle/screens/puzzle_solo_screen.dart'; |
|||
|
|||
class SoloButton extends StatelessWidget { |
|||
const SoloButton({ |
|||
Key? key, |
|||
}) : super(key: key); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return SizedBox( |
|||
width: double.maxFinite, |
|||
child: OutlinedButton( |
|||
style: OutlinedButton.styleFrom( |
|||
primary: Palette.violet, |
|||
onSurface: Palette.violet, |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(50), |
|||
), |
|||
side: const BorderSide( |
|||
width: 2, |
|||
color: Palette.violet, |
|||
), |
|||
), |
|||
onPressed: () { |
|||
Navigator.of(context).pushAndRemoveUntil( |
|||
MaterialPageRoute( |
|||
builder: (context) => const PuzzleSoloScreen(), |
|||
), |
|||
(route) => false, |
|||
); |
|||
}, |
|||
child: const Padding( |
|||
padding: EdgeInsets.all(16.0), |
|||
child: Text( |
|||
'Solo', |
|||
style: TextStyle(fontSize: 22), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,53 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_riverpod/flutter_riverpod.dart'; |
|||
|
|||
class PickImageButton extends ConsumerWidget { |
|||
const PickImageButton({ |
|||
Key? key, |
|||
required this.text, |
|||
required this.onTap, |
|||
this.padding = const EdgeInsets.only(top: 13.0, bottom: 12.0), |
|||
this.width = 145, |
|||
}) : super(key: key); |
|||
|
|||
final String text; |
|||
final Function()? onTap; |
|||
final EdgeInsets padding; |
|||
final double width; |
|||
|
|||
@override |
|||
Widget build(BuildContext context, WidgetRef ref) { |
|||
return SizedBox( |
|||
width: width, |
|||
child: ElevatedButton( |
|||
style: ButtonStyle( |
|||
shape: MaterialStateProperty.all<RoundedRectangleBorder>( |
|||
RoundedRectangleBorder(borderRadius: BorderRadius.circular(30)), |
|||
), |
|||
backgroundColor: MaterialStateProperty.resolveWith<Color>( |
|||
(Set<MaterialState> states) { |
|||
if (states.contains(MaterialState.pressed)) { |
|||
return Theme.of(context).colorScheme.primary.withOpacity(0.5); |
|||
} else if (states.contains(MaterialState.disabled)) { |
|||
return Theme.of(context).colorScheme.primary.withOpacity(0.5); |
|||
} |
|||
|
|||
return Theme.of(context).colorScheme.primary; |
|||
}, |
|||
), |
|||
), |
|||
onPressed: onTap, |
|||
child: Padding( |
|||
padding: padding, |
|||
child: Text( |
|||
text, |
|||
style: TextStyle( |
|||
fontSize: 16, |
|||
color: Colors.white.withOpacity(onTap == null ? 0.6 : 1), |
|||
), |
|||
), |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,28 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
class MovesText extends StatelessWidget { |
|||
const MovesText({ |
|||
Key? key, |
|||
required int moves, |
|||
required this.fontSize, |
|||
}) : _moves = moves, |
|||
super(key: key); |
|||
|
|||
final int _moves; |
|||
final double fontSize; |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Padding( |
|||
padding: const EdgeInsets.fromLTRB(0, 8, 0, 24), |
|||
child: Text( |
|||
'$_moves Moves', |
|||
style: TextStyle( |
|||
fontSize: fontSize, |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.black, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,26 +0,0 @@ |
|||
import 'package:flutter/material.dart'; |
|||
|
|||
class PlayerText extends StatelessWidget { |
|||
final String displayName; |
|||
|
|||
const PlayerText({ |
|||
Key? key, |
|||
required this.displayName, |
|||
}) : super(key: key); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Padding( |
|||
padding: const EdgeInsets.only(top: 24.0), |
|||
child: Text( |
|||
displayName, |
|||
style: const TextStyle( |
|||
fontSize: 20, |
|||
fontWeight: FontWeight.bold, |
|||
color: Color(0xFF14407a), |
|||
letterSpacing: 2, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,2 +0,0 @@ |
|||
export 'moves_text.dart'; |
|||
export 'player_text.dart'; |
|||
@ -1,73 +0,0 @@ |
|||
import 'dart:async'; |
|||
|
|||
import 'package:flutter/material.dart'; |
|||
|
|||
class TimerWidget extends StatefulWidget { |
|||
const TimerWidget({ |
|||
Key? key, |
|||
required this.fontSize, |
|||
required this.color, |
|||
}) : super(key: key); |
|||
|
|||
final double fontSize; |
|||
final Color color; |
|||
|
|||
@override |
|||
_TimerWidgetState createState() => _TimerWidgetState(); |
|||
} |
|||
|
|||
class _TimerWidgetState extends State<TimerWidget> { |
|||
late final Timer _timer; |
|||
int _start = 0; |
|||
|
|||
void startTimer() { |
|||
_timer = Timer.periodic( |
|||
const Duration(seconds: 1), |
|||
(Timer timer) => setState(() => _start++), |
|||
); |
|||
} |
|||
|
|||
String printDuration() { |
|||
var duration = Duration(seconds: _start); |
|||
String twoDigits(int n) => n.toString().padLeft(2, "0"); |
|||
String twoDigitMinutes = twoDigits(duration.inMinutes.remainder(60)); |
|||
String twoDigitSeconds = twoDigits(duration.inSeconds.remainder(60)); |
|||
return "${twoDigits(duration.inHours)}:$twoDigitMinutes:$twoDigitSeconds"; |
|||
} |
|||
|
|||
@override |
|||
void initState() { |
|||
startTimer(); |
|||
super.initState(); |
|||
} |
|||
|
|||
@override |
|||
void dispose() { |
|||
_timer.cancel(); |
|||
super.dispose(); |
|||
} |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
return Center( |
|||
child: Row( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
Text( |
|||
printDuration(), |
|||
style: TextStyle( |
|||
fontSize: widget.fontSize, |
|||
color: widget.color, |
|||
), |
|||
), |
|||
const SizedBox(width: 8), |
|||
Icon( |
|||
Icons.timer, |
|||
color: widget.color, |
|||
size: widget.fontSize * 1.3, |
|||
) |
|||
], |
|||
), |
|||
); |
|||
} |
|||
} |
|||
@ -1,6 +0,0 @@ |
|||
export 'animated_dash.dart'; |
|||
export 'countdown_widget.dart'; |
|||
export 'game_button_widget.dart'; |
|||
export 'moves_tiles_widget.dart'; |
|||
export 'puzzle_widget.dart'; |
|||
export 'timer_widget.dart'; |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue