Improve neon block skin and enhance BlockSkinSelector. Made neon blocks more visible with semi-translucent fill and stronger borders, and improved BlockSkinSelector with instant visual feedback on selection.

app/src/main/java/com/mintris/game/GameView.kt

@@ -582,20 +582,65 @@ class GameView @JvmOverloads constructor(
         // Get the current block skin paint
         val paint = blockSkinPaints[currentBlockSkin] ?: blockSkinPaints["block_skin_1"]!!
         
+        // Create a clone of the paint to avoid modifying the original
+        val blockPaint = Paint(paint)
+        
+        // Special handling for neon skin
+        if (currentBlockSkin == "block_skin_2") {
+            // Stronger outer glow for neon skin
+            blockGlowPaint.color = if (isGhost) Color.argb(30, 255, 0, 255) else Color.parseColor("#FF00FF")
+            blockGlowPaint.maskFilter = BlurMaskFilter(16f, BlurMaskFilter.Blur.OUTER)
+            canvas.drawRect(left - 4f, top - 4f, right + 4f, bottom + 4f, blockGlowPaint)
+            
+            // For neon, use semi-translucent fill with strong glowing edges
+            blockPaint.style = Paint.Style.FILL_AND_STROKE
+            blockPaint.strokeWidth = 2f
+            blockPaint.maskFilter = BlurMaskFilter(8f, BlurMaskFilter.Blur.NORMAL)
+            
+            if (isGhost) {
+                blockPaint.color = Color.argb(30, 255, 0, 255)
+                blockPaint.alpha = 30
+            } else {
+                blockPaint.color = Color.parseColor("#66004D") // Darker magenta fill
+                blockPaint.alpha = 170  // More opaque to be more visible
+            }
+            
+            // Draw block with neon effect
+            canvas.drawRect(left, top, right, bottom, blockPaint)
+            
+            // Draw a brighter border for better visibility
+            val borderPaint = Paint().apply {
+                color = Color.parseColor("#FF00FF")
+                style = Paint.Style.STROKE
+                strokeWidth = 3f
+                alpha = 255
+                isAntiAlias = true
+                maskFilter = BlurMaskFilter(6f, BlurMaskFilter.Blur.NORMAL)
+            }
+            canvas.drawRect(left, top, right, bottom, borderPaint)
+            
+            // Inner glow for neon blocks - brighter than before
+            glowPaint.color = if (isGhost) Color.argb(10, 255, 0, 255) else Color.parseColor("#FF00FF")
+            glowPaint.alpha = if (isGhost) 10 else 100 // More visible inner glow
+            glowPaint.style = Paint.Style.STROKE
+            glowPaint.strokeWidth = 2f
+            glowPaint.maskFilter = BlurMaskFilter(4f, BlurMaskFilter.Blur.NORMAL)
+            canvas.drawRect(left + 4f, top + 4f, right - 4f, bottom - 4f, glowPaint)
+        } else {
+            // Standard rendering for other skins
             // Draw outer glow
             blockGlowPaint.color = if (isGhost) Color.argb(30, 255, 255, 255) else Color.WHITE
             canvas.drawRect(left - 2f, top - 2f, right + 2f, bottom + 2f, blockGlowPaint)
             
             // Draw block with current skin
-        paint.apply {
+            blockPaint.color = if (isGhost) Color.argb(30, 255, 255, 255) else blockPaint.color
-            color = if (isGhost) Color.argb(30, 255, 255, 255) else paint.color
+            blockPaint.alpha = if (isGhost) 30 else 255
-            alpha = if (isGhost) 30 else 255
+            canvas.drawRect(left, top, right, bottom, blockPaint)
-        }
-        canvas.drawRect(left, top, right, bottom, paint)
             
             // Draw inner glow
             glowPaint.color = if (isGhost) Color.argb(30, 255, 255, 255) else Color.WHITE
             canvas.drawRect(left + 1f, top + 1f, right - 1f, bottom - 1f, glowPaint)
+        }
         
         // Draw pulse effect if animation is active and this is a pulsing line
         if (isPulsing && isPulsingLine) {

app/src/main/java/com/mintris/ui/BlockSkinSelector.kt

@@ -73,6 +73,50 @@ class BlockSkinSelector @JvmOverloads constructor(
         }
     }
     
+    /**
+     * Set the selected skin with a visual effect
+     */
+    fun setSelectedSkin(skinId: String) {
+        if (skinId == selectedSkin) return
+        
+        // Update previously selected card
+        skinCards[selectedSkin]?.let { prevCard ->
+            prevCard.cardElevation = 2f
+            // Reset any special styling
+            prevCard.background = null
+            prevCard.setCardBackgroundColor(getBlockSkins()[selectedSkin]?.backgroundColor ?: Color.BLACK)
+        }
+        
+        // Update visual state of newly selected card
+        skinCards[skinId]?.let { card ->
+            card.cardElevation = 12f
+            
+            // Flash animation for selection feedback
+            val flashColor = Color.WHITE
+            val originalColor = getBlockSkins()[skinId]?.backgroundColor ?: Color.BLACK
+            
+            // Create animator for flash effect
+            val flashAnimator = android.animation.ValueAnimator.ofArgb(flashColor, originalColor)
+            flashAnimator.duration = 300 // 300ms
+            flashAnimator.addUpdateListener { animator ->
+                val color = animator.animatedValue as Int
+                card.setCardBackgroundColor(color)
+            }
+            flashAnimator.start()
+            
+            // Add special border to selected card
+            val gradientDrawable = android.graphics.drawable.GradientDrawable().apply {
+                setColor(originalColor)
+                setStroke(6, Color.WHITE)  // Thicker border
+                cornerRadius = 12f
+            }
+            card.background = gradientDrawable
+        }
+        
+        // Update selected skin
+        selectedSkin = skinId
+    }
+    
     /**
      * Create a card for a block skin
      */
@@ -202,32 +246,8 @@ class BlockSkinSelector @JvmOverloads constructor(
             card.setOnClickListener {
                 // Only trigger callback if this isn't already the selected skin
                 if (skinId != selectedSkin) {
-                    // Update previously selected card
+                    // Update UI for selection
-                    skinCards[selectedSkin]?.let { prevCard ->
+                    setSelectedSkin(skinId)
-                        prevCard.cardElevation = 2f
-                        // Reset any special styling
-                        prevCard.background = null
-                        prevCard.setCardBackgroundColor(getBlockSkins()[selectedSkin]?.backgroundColor ?: Color.BLACK)
-                    }
-                    
-                    // Update visual state of newly selected card
-                    card.cardElevation = 12f
-                    
-                    // Flash animation for selection feedback
-                    val flashColor = Color.WHITE
-                    val originalColor = skinInfo.backgroundColor
-                    
-                    // Create animator for flash effect
-                    val flashAnimator = android.animation.ValueAnimator.ofArgb(flashColor, originalColor)
-                    flashAnimator.duration = 300 // 300ms
-                    flashAnimator.addUpdateListener { animator ->
-                        val color = animator.animatedValue as Int
-                        card.setCardBackgroundColor(color)
-                    }
-                    flashAnimator.start()
-                    
-                    // Update selected skin
-                    selectedSkin = skinId
                     
                     // Notify listener
                     onBlockSkinSelected?.invoke(skinId)