2024-05-08 15:57:00 +02:00
|
|
|
import 'dart:math';
|
2024-04-24 16:21:26 +02:00
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
|
|
|
void main() {
|
|
|
|
runApp(const MyApp());
|
|
|
|
}
|
|
|
|
|
|
|
|
class MyApp extends StatelessWidget {
|
|
|
|
const MyApp({super.key});
|
2024-05-08 16:24:32 +02:00
|
|
|
|
2024-05-08 16:05:52 +02:00
|
|
|
final int gridSize = 12;
|
2024-04-24 16:21:26 +02:00
|
|
|
|
|
|
|
// This widget is the root of your application.
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
return MaterialApp(
|
2024-05-08 15:57:00 +02:00
|
|
|
title: 'Bubble-Twist',
|
2024-04-24 16:21:26 +02:00
|
|
|
theme: ThemeData(
|
|
|
|
// This is the theme of your application.
|
|
|
|
//
|
|
|
|
// TRY THIS: Try running your application with "flutter run". You'll see
|
|
|
|
// the application has a purple toolbar. Then, without quitting the app,
|
|
|
|
// try changing the seedColor in the colorScheme below to Colors.green
|
|
|
|
// and then invoke "hot reload" (save your changes or press the "hot
|
|
|
|
// reload" button in a Flutter-supported IDE, or press "r" if you used
|
|
|
|
// the command line to start the app).
|
|
|
|
//
|
|
|
|
// Notice that the counter didn't reset back to zero; the application
|
|
|
|
// state is not lost during the reload. To reset the state, use hot
|
|
|
|
// restart instead.
|
|
|
|
//
|
|
|
|
// This works for code too, not just values: Most code changes can be
|
|
|
|
// tested with just a hot reload.
|
|
|
|
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
|
|
|
|
useMaterial3: true,
|
|
|
|
),
|
2024-05-08 16:05:52 +02:00
|
|
|
home: const MyHomePage(title: 'Flutter Demo Home Page', gridSize: 12),
|
2024-04-24 16:21:26 +02:00
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
class MyHomePage extends StatefulWidget {
|
2024-05-08 16:05:52 +02:00
|
|
|
const MyHomePage({super.key, required this.title, required this.gridSize});
|
2024-04-24 16:21:26 +02:00
|
|
|
|
|
|
|
// This widget is the home page of your application. It is stateful, meaning
|
|
|
|
// that it has a State object (defined below) that contains fields that affect
|
|
|
|
// how it looks.
|
|
|
|
|
|
|
|
// This class is the configuration for the state. It holds the values (in this
|
|
|
|
// case the title) provided by the parent (in this case the App widget) and
|
|
|
|
// used by the build method of the State. Fields in a Widget subclass are
|
|
|
|
// always marked "final".
|
|
|
|
|
|
|
|
final String title;
|
2024-05-08 16:05:52 +02:00
|
|
|
final int gridSize;
|
2024-04-24 16:21:26 +02:00
|
|
|
|
|
|
|
@override
|
|
|
|
State<MyHomePage> createState() => _MyHomePageState();
|
|
|
|
}
|
|
|
|
|
|
|
|
class _MyHomePageState extends State<MyHomePage> {
|
2024-05-08 16:05:52 +02:00
|
|
|
late List<List<int>> _grid;
|
2024-05-08 16:23:04 +02:00
|
|
|
int _selectedRow = -1;
|
|
|
|
int _selectedCol = -1;
|
2024-04-24 16:21:26 +02:00
|
|
|
|
|
|
|
@override
|
2024-05-08 16:05:52 +02:00
|
|
|
void initState() {
|
|
|
|
super.initState();
|
|
|
|
_initializeGrid();
|
|
|
|
}
|
|
|
|
|
|
|
|
void _initializeGrid() {
|
2024-05-08 16:24:32 +02:00
|
|
|
_grid = List.generate(widget.gridSize,
|
|
|
|
(_) => List.generate(widget.gridSize, (_) => Random().nextInt(5)));
|
2024-05-08 16:05:52 +02:00
|
|
|
}
|
|
|
|
|
2024-05-08 16:18:42 +02:00
|
|
|
@override
|
2024-04-24 16:21:26 +02:00
|
|
|
Widget build(BuildContext context) {
|
|
|
|
return Scaffold(
|
|
|
|
appBar: AppBar(
|
2024-05-08 15:57:00 +02:00
|
|
|
title: Text('Candy Crush'),
|
2024-04-24 16:21:26 +02:00
|
|
|
),
|
|
|
|
body: Center(
|
2024-05-08 16:18:42 +02:00
|
|
|
child: Expanded(
|
|
|
|
child: GridView.builder(
|
|
|
|
shrinkWrap: true,
|
|
|
|
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
|
|
crossAxisCount: widget.gridSize,
|
|
|
|
),
|
|
|
|
itemCount: widget.gridSize * widget.gridSize,
|
|
|
|
itemBuilder: (BuildContext context, int index) {
|
|
|
|
int row = index ~/ widget.gridSize;
|
|
|
|
int col = index % widget.gridSize;
|
|
|
|
return GestureDetector(
|
|
|
|
onTap: () => _onTileTap(row, col),
|
|
|
|
child: Container(
|
|
|
|
margin: EdgeInsets.all(2),
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
color: _getColor(_grid[row][col]),
|
|
|
|
borderRadius: BorderRadius.circular(8),
|
|
|
|
),
|
2024-05-08 15:57:00 +02:00
|
|
|
),
|
2024-05-08 16:18:42 +02:00
|
|
|
);
|
|
|
|
},
|
|
|
|
),
|
2024-04-24 16:21:26 +02:00
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
}
|
2024-05-08 15:57:00 +02:00
|
|
|
|
|
|
|
Color _getColor(int value) {
|
|
|
|
switch (value) {
|
|
|
|
case 0:
|
|
|
|
return Colors.red;
|
|
|
|
case 1:
|
|
|
|
return Colors.blue;
|
|
|
|
case 2:
|
|
|
|
return Colors.green;
|
|
|
|
case 3:
|
|
|
|
return Colors.yellow;
|
|
|
|
case 4:
|
|
|
|
return Colors.orange;
|
|
|
|
default:
|
|
|
|
return Colors.white;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
void _onTileTap(int row, int col) {
|
2024-05-08 16:24:32 +02:00
|
|
|
setState(() {
|
|
|
|
if (_selectedRow == -1 && _selectedCol == -1) {
|
|
|
|
_selectedRow = row;
|
|
|
|
_selectedCol = col;
|
|
|
|
} else {
|
|
|
|
if (_isValidMove(_selectedRow, _selectedCol, row, col)) {
|
2024-05-08 16:23:04 +02:00
|
|
|
_swapTiles(_selectedRow, _selectedCol, row, col);
|
|
|
|
}
|
2024-05-08 16:24:32 +02:00
|
|
|
_selectedRow = -1;
|
|
|
|
_selectedCol = -1;
|
|
|
|
}
|
|
|
|
});
|
2024-05-08 16:23:04 +02:00
|
|
|
}
|
2024-05-08 16:24:32 +02:00
|
|
|
|
|
|
|
bool _isValidMove(int row1, int col1, int row2, int col2) {
|
|
|
|
// Check if the two tiles are adjacent
|
|
|
|
if ((row1 == row2 && (col1 - col2).abs() == 1) ||
|
|
|
|
(col1 == col2 && (row1 - row2).abs() == 1)) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
2024-05-08 16:23:04 +02:00
|
|
|
void _swapTiles(int row1, int col1, int row2, int col2) {
|
|
|
|
int temp = _grid[row1][col1];
|
|
|
|
_grid[row1][col1] = _grid[row2][col2];
|
|
|
|
_grid[row2][col2] = temp;
|
2024-05-08 15:57:00 +02:00
|
|
|
}
|
2024-04-24 16:21:26 +02:00
|
|
|
}
|