El Impostor v0.1 — app Flutter completa
Juego de deducción social para 3-20 jugadores. Modo un solo móvil completamente funcional. 1000 palabras en 10 categorías. Notas privadas, votación, adivinanza, revancha. Material 3 dark theme. Package: es.freetimelab.elimpostor
This commit is contained in:
ShanaiaBot
330
lib/pantallas/pantalla_crear_partida.dart
Normal file
330
lib/pantallas/pantalla_crear_partida.dart
Normal file
@@ -0,0 +1,330 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
import '../estado/estado_juego.dart';
|
||||
import '../modelos/palabra.dart';
|
||||
import '../modelos/partida.dart';
|
||||
import '../tema/tema_app.dart';
|
||||
import 'pantalla_ver_palabra.dart';
|
||||
|
||||
class PantallaCrearPartida extends StatefulWidget {
|
||||
const PantallaCrearPartida({super.key});
|
||||
|
||||
@override
|
||||
State<PantallaCrearPartida> createState() => _PantallaCrearPartidaState();
|
||||
}
|
||||
|
||||
class _PantallaCrearPartidaState extends State<PantallaCrearPartida> {
|
||||
bool _modoMultimovil = false;
|
||||
String _categoria = 'todas';
|
||||
int _numImpostores = 1;
|
||||
bool _pistaImpostor = false;
|
||||
int? _tiempoDebate;
|
||||
final List<String> _jugadores = [];
|
||||
final _controladorNombre = TextEditingController();
|
||||
|
||||
final _opcionesTiempo = <int?>[null, 60, 120, 180, 300];
|
||||
final _etiquetasTiempo = ['Sin límite', '1 min', '2 min', '3 min', '5 min'];
|
||||
|
||||
int get _maxImpostores => (_jugadores.length / 3).floor().clamp(1, 4);
|
||||
|
||||
void _agregarJugador() {
|
||||
final nombre = _controladorNombre.text.trim();
|
||||
if (nombre.isEmpty) return;
|
||||
if (_jugadores.contains(nombre)) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('Ya existe un jugador con ese nombre')),
|
||||
);
|
||||
return;
|
||||
}
|
||||
if (_jugadores.length >= 20) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('Máximo 20 jugadores')),
|
||||
);
|
||||
return;
|
||||
}
|
||||
setState(() {
|
||||
_jugadores.add(nombre);
|
||||
_controladorNombre.clear();
|
||||
if (_numImpostores > _maxImpostores) {
|
||||
_numImpostores = _maxImpostores;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
void _eliminarJugador(int index) {
|
||||
setState(() {
|
||||
_jugadores.removeAt(index);
|
||||
if (_numImpostores > _maxImpostores && _maxImpostores > 0) {
|
||||
_numImpostores = _maxImpostores;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
void _iniciarPartida() {
|
||||
if (_jugadores.length < 3) {
|
||||
ScaffoldMessenger.of(context).showSnackBar(
|
||||
const SnackBar(content: Text('Se necesitan al menos 3 jugadores')),
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
final estado = context.read<EstadoJuego>();
|
||||
estado.crearPartida(
|
||||
config: ConfigPartida(
|
||||
modoMultimovil: _modoMultimovil,
|
||||
categoria: _categoria,
|
||||
numImpostores: _numImpostores,
|
||||
pistaImpostor: _pistaImpostor,
|
||||
tiempoDebateSegundos: _tiempoDebate,
|
||||
),
|
||||
nombresJugadores: _jugadores,
|
||||
);
|
||||
|
||||
Navigator.pushReplacement(
|
||||
context,
|
||||
MaterialPageRoute(builder: (_) => const PantallaVerPalabra()),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
_controladorNombre.dispose();
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final estado = context.watch<EstadoJuego>();
|
||||
final categorias = ['todas', ...?estado.banco?.nombresCategorias];
|
||||
|
||||
return Scaffold(
|
||||
appBar: AppBar(title: const Text('Crear partida')),
|
||||
body: SingleChildScrollView(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
// Modo de juego
|
||||
Card(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text('Modo de juego',
|
||||
style: Theme.of(context).textTheme.titleLarge),
|
||||
const SizedBox(height: 12),
|
||||
SegmentedButton<bool>(
|
||||
segments: const [
|
||||
ButtonSegment(
|
||||
value: false,
|
||||
label: Text('Un solo móvil'),
|
||||
icon: Icon(Icons.phone_android),
|
||||
),
|
||||
ButtonSegment(
|
||||
value: true,
|
||||
label: Text('Multimóvil'),
|
||||
icon: Icon(Icons.devices),
|
||||
),
|
||||
],
|
||||
selected: {_modoMultimovil},
|
||||
onSelectionChanged: (valor) {
|
||||
setState(() => _modoMultimovil = valor.first);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
|
||||
// Categoría
|
||||
Card(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text('Categoría',
|
||||
style: Theme.of(context).textTheme.titleLarge),
|
||||
const SizedBox(height: 12),
|
||||
SizedBox(
|
||||
width: double.infinity,
|
||||
child: DropdownButtonFormField<String>(
|
||||
initialValue: _categoria,
|
||||
decoration: const InputDecoration(
|
||||
prefixIcon: Icon(Icons.category),
|
||||
),
|
||||
items: categorias.map((c) {
|
||||
return DropdownMenuItem(
|
||||
value: c,
|
||||
child: Text(BancoPalabras.nombreBonitoCategoria(c)),
|
||||
);
|
||||
}).toList(),
|
||||
onChanged: (v) => setState(() => _categoria = v!),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
|
||||
// Jugadores
|
||||
Card(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Text('Jugadores (${_jugadores.length})',
|
||||
style: Theme.of(context).textTheme.titleLarge),
|
||||
Text('3-20',
|
||||
style: Theme.of(context).textTheme.bodyMedium),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: TextField(
|
||||
controller: _controladorNombre,
|
||||
decoration: const InputDecoration(
|
||||
hintText: 'Nombre del jugador',
|
||||
prefixIcon: Icon(Icons.person_add),
|
||||
),
|
||||
textCapitalization: TextCapitalization.words,
|
||||
onSubmitted: (_) => _agregarJugador(),
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 8),
|
||||
IconButton.filled(
|
||||
onPressed: _agregarJugador,
|
||||
icon: const Icon(Icons.add),
|
||||
),
|
||||
],
|
||||
),
|
||||
const SizedBox(height: 8),
|
||||
..._jugadores.asMap().entries.map((e) {
|
||||
return ListTile(
|
||||
leading: CircleAvatar(
|
||||
backgroundColor: TemaApp.colorTarjeta,
|
||||
child: Text('${e.key + 1}',
|
||||
style:
|
||||
const TextStyle(color: TemaApp.colorTexto)),
|
||||
),
|
||||
title: Text(e.value),
|
||||
trailing: IconButton(
|
||||
icon: const Icon(Icons.close, color: TemaApp.colorAcento),
|
||||
onPressed: () => _eliminarJugador(e.key),
|
||||
),
|
||||
dense: true,
|
||||
);
|
||||
}),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 12),
|
||||
|
||||
// Configuración de partida
|
||||
Card(
|
||||
child: Padding(
|
||||
padding: const EdgeInsets.all(16),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text('Configuración',
|
||||
style: Theme.of(context).textTheme.titleLarge),
|
||||
const SizedBox(height: 12),
|
||||
|
||||
// Número de impostores
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
const Text('🎭 Impostores'),
|
||||
Row(
|
||||
children: [
|
||||
IconButton(
|
||||
onPressed: _numImpostores > 1
|
||||
? () => setState(() => _numImpostores--)
|
||||
: null,
|
||||
icon: const Icon(Icons.remove_circle_outline),
|
||||
),
|
||||
Text('$_numImpostores',
|
||||
style: Theme.of(context)
|
||||
.textTheme
|
||||
.titleLarge),
|
||||
IconButton(
|
||||
onPressed: _numImpostores < _maxImpostores
|
||||
? () => setState(() => _numImpostores++)
|
||||
: null,
|
||||
icon: const Icon(Icons.add_circle_outline),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
// Pista para impostor
|
||||
SwitchListTile(
|
||||
title: const Text('🔍 Pista para impostor'),
|
||||
subtitle: const Text(
|
||||
'El impostor conoce la categoría'),
|
||||
value: _pistaImpostor,
|
||||
onChanged: (v) =>
|
||||
setState(() => _pistaImpostor = v),
|
||||
contentPadding: EdgeInsets.zero,
|
||||
),
|
||||
|
||||
// Temporizador
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
const Text('⏱️ Tiempo de debate'),
|
||||
DropdownButton<int?>(
|
||||
value: _tiempoDebate,
|
||||
items: List.generate(
|
||||
_opcionesTiempo.length,
|
||||
(i) => DropdownMenuItem(
|
||||
value: _opcionesTiempo[i],
|
||||
child: Text(_etiquetasTiempo[i]),
|
||||
),
|
||||
),
|
||||
onChanged: (v) =>
|
||||
setState(() => _tiempoDebate = v),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 24),
|
||||
|
||||
// Botón iniciar
|
||||
SizedBox(
|
||||
width: double.infinity,
|
||||
height: 56,
|
||||
child: ElevatedButton.icon(
|
||||
onPressed: _jugadores.length >= 3 ? _iniciarPartida : null,
|
||||
icon: const Icon(Icons.play_arrow),
|
||||
label: const Text('Iniciar partida'),
|
||||
style: ElevatedButton.styleFrom(
|
||||
textStyle: const TextStyle(
|
||||
fontSize: 18,
|
||||
fontWeight: FontWeight.bold,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
const SizedBox(height: 16),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user