Feature:

tutoriales

app/src/main/java/com/example/ellegadodepintia/minijuego3/Minijuego3.kt

@@ -18,7 +18,12 @@ import android.animation.AnimatorListenerAdapter
 import android.animation.ValueAnimator
 import android.graphics.ColorMatrix
 import android.graphics.ColorMatrixColorFilter
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.DialogFragment
 import com.example.ellegadodepintia.R
+import com.example.ellegadodepintia.minijuego3.ModalFragment
 import com.example.ellegadodepintia.soundManager.SoundManager
 
 class Minijuego3 : AppCompatActivity() {
@@ -53,6 +58,12 @@ class Minijuego3 : AppCompatActivity() {
         gridLayout = findViewById(R.id.gridLayout)
         cronometroTextView = findViewById(R.id.cronometro)
         botonVolver = findViewById(R.id.btn_volver)
+        val tutorialButton = findViewById<ImageView>(R.id.descripcion)
+        tutorialButton.setOnClickListener {
+            // Mostrar el modal
+            val modal = ModalFragment()
+            modal.show(supportFragmentManager, "ModalFragment")
+        }
     }
 
     private fun setupBotonStart() {
@@ -275,3 +286,21 @@ class Minijuego3 : AppCompatActivity() {
         soundManager.stopSound()
     }
 }
+class ModalFragment : DialogFragment() {
+
+    override fun onCreateView(
+        inflater: LayoutInflater, container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        // Inflar el diseño del modal
+        val view = inflater.inflate(R.layout.modal_minijuego3_tutorial, container, false)
+
+        // Configurar el botón de cerrar
+        val closeButton = view.findViewById<Button>(R.id.cerrar)
+        closeButton.setOnClickListener {
+            dismiss() // Cierra el modal
+        }
+
+        return view
+    }
+}