Undo & Redo working in sprite editor

Author: Juan Segura

ZXBStudio/DocumentEditors/ZXGraphics/PaletteBuilderDialog.axaml

@@ -47,7 +47,7 @@
     <Grid Grid.Row="3" Grid.ColumnDefinitions="Auto,*" Grid.RowDefinitions="Auto,Auto,Auto,Auto,Auto">
       <CheckBox Grid.Row="0" Name="chkUseCurrent" IsChecked="True" HorizontalAlignment="Right"/>
       <TextBlock Grid.Row="0" Grid.Column="1" Classes="dialog" VerticalAlignment="Center">Convert to current palette</TextBlock>
-      
+
       <CheckBox Grid.Row="1" Name="chkAppend" IsChecked="False" HorizontalAlignment="Right"/>
       <TextBlock Grid.Row="1" Grid.Column="1" Classes="dialog" VerticalAlignment="Center">Append new colors to current palette</TextBlock>
 
@@ -78,10 +78,12 @@
         <NumericUpDown Classes="dialog" Name="txtBlue" Minimum="0" Increment="36" Maximum="255" Width="60" VerticalAlignment="Center" Value="0"/>
       </Border>
 
-      <Border Grid.Row="1" Grid.Column="3" Grid.RowSpan="3" HorizontalAlignment="Center" VerticalAlignment="Center" BorderThickness="1" BorderBrush="Red">
+      <Border Grid.Row="1" Grid.Column="3" Grid.RowSpan="2" HorizontalAlignment="Center" VerticalAlignment="Center" BorderThickness="1" BorderBrush="Red">
         <Grid Name="grdSelectedColor" Width="50" Height="50"></Grid>
       </Border>
 
+      <Button Name="btnColorPicker" Grid.Row="3" Grid.Column="8" IsVisible="False">Pick</Button>
+
       <StackPanel Grid.Row="5" Grid.ColumnSpan="4" Orientation="Horizontal">
         <Button Name="btnResetPalette" Classes="dialog">Reset to default</Button>
         <Button Name="btnLoadPalette" Classes="dialog">Load palette</Button>
@@ -93,10 +95,21 @@
       <Button Name="btnRefresh" Classes="dialog" HorizontalAlignment="Right">Refresh</Button>
       <Button Grid.Row="2" Name="btnSaveImage" Classes="dialog" HorizontalAlignment="Right">Save image</Button>
     </Grid>
-    
+
     <StackPanel Grid.Row="4" Grid.ColumnSpan="5" Orientation="Horizontal" HorizontalAlignment="Right">
       <Button Name="btnClose" Classes="dialog">Close</Button>
     </StackPanel>
+    
+    <Grid Name="grdColorPicker" Grid.ColumnSpan="5" Grid.RowSpan="5" IsVisible="False"
+          Margin="10" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >
+      <Canvas x:Name="ColorWheelCanvas" Width="500" Height="500" Background="Black"
+             HorizontalAlignment="Center" VerticalAlignment="Center"
+             PointerPressed="ColorWheelCanvas_PointerPressed"/>
+      <Border Width="100" Height="30" Background="White"
+              HorizontalAlignment="Left" VerticalAlignment="Top" Margin="10">
+        <Rectangle x:Name="SelectedColorPreview" Fill="Transparent"/>
+      </Border>
+    </Grid>
 
   </Grid>
 </Window>

ZXBStudio/DocumentEditors/ZXGraphics/PaletteBuilderDialog.axaml.cs

@@ -33,6 +33,7 @@
 using Avalonia.Controls.Shapes;
 using static CommunityToolkit.Mvvm.ComponentModel.__Internals.__TaskExtensions.TaskAwaitableWithoutEndValidation;
 using FFmpeg.AutoGen;
+using System.Diagnostics;
 
 namespace ZXBasicStudio.DocumentEditors.ZXGraphics
 {
@@ -44,6 +45,7 @@ public partial class PaletteBuilderDialog : Window, IDisposable
 
         private Rectangle[] rectangulos = new Rectangle[256];
         private PaletteColor[] palette = null;
+        private PaletteColor[] palette512 = null;
         private string sourceFile = null;
         private string convertedFile = null;
         private bool imgSourceLoaded = false;
@@ -68,8 +70,9 @@ public PaletteBuilderDialog()
 
             // Set the palette
             palette = ServiceLayer.GetPalette(GraphicsModes.Next);
-            selectedColorIndex = 0;
+            selectedColorIndex = 0;           
             DrawPalette();
+            DrawColorPicker();
 
             btnFileSource.Tapped += BtnFileSource_Tapped;
             btnResetPalette.Click += BtnResetPalette_Click;
@@ -85,7 +88,10 @@ public PaletteBuilderDialog()
             btnRefresh.Click += BtnRefresh_Click;
             btnSaveImage.Click += BtnSaveImage_Click;
 
+            btnColorPicker.Click += BtnColorPicker_Click;
+
             btnClose.Click += BtnClose_Click;
+
         }
 
 
@@ -893,5 +899,170 @@ private void CrearPaletaGPL9bits()
         }
 
         #endregion
+
+
+        #region Color Picker
+
+        private int Circles = 8; //16;
+        private int Sectors = 32;
+        private double Radius = 200;
+
+        private void BtnColorPicker_Click(object? sender, Avalonia.Interactivity.RoutedEventArgs e)
+        {
+            grdColorPicker.IsVisible = true;
+        }
+
+
+        private void DrawColorPicker()
+        {
+            Create512Palette();
+
+            ColorWheelCanvas.Children.Clear();
+            double ringWidth = Radius / Circles;
+            double angleStep = 360.0 / Sectors;
+            double cx = Radius;
+            double cy = Radius;
+
+            for (int circle = 0; circle < Circles; circle++)
+            {
+                double r1 = ringWidth * circle;
+                double r2 = ringWidth * (circle + 1);
+                double value = (circle + 1) / (double)Circles;
+
+                for (int sector = 0; sector < Sectors; sector++)
+                {
+                    double hue = sector * angleStep;
+                    Color color = FromHSV(hue, 1.0, value);
+                    int idx=ServiceLayer.GetColor(color.R, color.G, color.B, palette512, 5);
+                    var p = palette512[idx];
+                    var color512=Color.FromRgb(p.Red, p.Green, p.Blue);
+                    DrawSegment(cx, cy, r1, r2, hue, angleStep, color512);
+                }
+            }
+        }
+
+        private void DrawSegment(double cx, double cy, double r1, double r2, double startAngle, double angleSize, Color color)
+        {
+            var startRad = Math.PI * startAngle / 180.0;
+            var endRad = Math.PI * (startAngle + angleSize) / 180.0;
+
+            var p1 = new Point(cx + r1 * Math.Cos(startRad), cy + r1 * Math.Sin(startRad));
+            var p2 = new Point(cx + r2 * Math.Cos(startRad), cy + r2 * Math.Sin(startRad));
+            var p3 = new Point(cx + r2 * Math.Cos(endRad), cy + r2 * Math.Sin(endRad));
+            var p4 = new Point(cx + r1 * Math.Cos(endRad), cy + r1 * Math.Sin(endRad));
+
+            var path = new Avalonia.Controls.Shapes.Path
+            {
+                Fill = new SolidColorBrush(color),
+                StrokeThickness = 0,
+                Data = new PathGeometry
+                {
+                    Figures = new PathFigures
+                {
+                    new PathFigure
+                    {
+                        StartPoint = p1,
+                        Segments = new PathSegments
+                        {
+                            new LineSegment { Point = p2 },
+                            new ArcSegment
+                            {
+                                Point = p3,
+                                Size = new Size(r2, r2),
+                                SweepDirection = SweepDirection.Clockwise,
+                                IsLargeArc = angleSize > 180
+                            },
+                            new LineSegment { Point = p4 },
+                            new ArcSegment
+                            {
+                                Point = p1,
+                                Size = new Size(r1, r1),
+                                SweepDirection = SweepDirection.CounterClockwise,
+                                IsLargeArc = angleSize > 180
+                            }
+                        }
+                    }
+                }
+                }
+            };
+
+            ColorWheelCanvas.Children.Add(path);
+        }
+
+        private void ColorWheelCanvas_PointerPressed(object? sender, PointerPressedEventArgs e)
+        {
+            var pos = e.GetPosition(ColorWheelCanvas);
+            double dx = pos.X - Radius;
+            double dy = pos.Y - Radius;
+            double distance = Math.Sqrt(dx * dx + dy * dy);
+            if (distance > Radius) return;
+
+            double angle = Math.Atan2(dy, dx) * 180 / Math.PI;
+            if (angle < 0) angle += 360;
+
+            int sector = (int)(angle / (360.0 / Sectors));
+            int circle = (int)(distance / (Radius / Circles));
+
+            double hue = sector * (360.0 / Sectors);
+            double value = (circle + 1) / (double)Circles;
+            Color color = FromHSV(hue, 1.0, value);
+
+            SelectedColorPreview.Fill = new SolidColorBrush(color);
+        }
+
+        private static Color FromHSV(double hue, double saturation, double value)
+        {
+            double c = value * saturation;
+            double x = c * (1 - Math.Abs((hue / 60.0 % 2) - 1));
+            double m = value - c;
+
+            double r = 0, g = 0, b = 0;
+
+            if (hue < 60) { r = c; g = x; }
+            else if (hue < 120) { r = x; g = c; }
+            else if (hue < 180) { g = c; b = x; }
+            else if (hue < 240) { g = x; b = c; }
+            else if (hue < 300) { r = x; b = c; }
+            else { r = c; b = x; }
+
+            byte R = (byte)((r + m) * 255);
+            byte G = (byte)((g + m) * 255);
+            byte B = (byte)((b + m) * 255);
+
+            return Color.FromRgb(R, G, B);
+        }
+
+        private void Create512Palette()
+        {
+            palette512 = new PaletteColor[512];
+            for (int i = 0; i < 512; i++)
+            {
+                int r = ((i & 0b111000000) >> 6)*36;
+                int g = ((i & 0b000111000) >> 3)*36;
+                int b = (i & 0b000000111)*36;
+                if (r > 250)
+                {
+                    r = 255;
+                }
+                if (g > 250)
+                {
+                    g = 255;
+                }
+                if (b > 250)
+                {
+                    b = 255;
+                }
+
+                palette512[i] = new PaletteColor()
+                {
+                    Red = (byte)r,
+                    Green = (byte)g,
+                    Blue = (byte)b,
+                    HasPriority = false
+                };
+            }
+        }
+
+        #endregion
     }
 }

ZXBStudio/DocumentEditors/ZXGraphics/SpriteEditor.axaml

@@ -27,10 +27,10 @@
       <Grid Grid.Column="2" Grid.Row="1" RowDefinitions="Auto,*,Auto">
         <WrapPanel Orientation="Horizontal" Grid.ColumnSpan="5" Margin="10" Background="#ff202020" Height="NaN">
 
-          <Button Classes="toolbar" Name="btnUndo" ToolTip.Tip="Undo last action" IsEnabled="False">
+          <Button Classes="toolbar" Name="btnUndo" ToolTip.Tip="Undo last action">
             <svg:Svg Path="/Svg/undo.svg"></svg:Svg>
           </Button>
-          <Button Classes="toolbar" Name="btnRedo" ToolTip.Tip="Redo last action" IsEnabled="False">
+          <Button Classes="toolbar" Name="btnRedo" ToolTip.Tip="Redo last action" >
             <svg:Svg Path="/Svg/redo.svg"></svg:Svg>
           </Button>
 

ZXBStudio/DocumentEditors/ZXGraphics/SpriteEditor.axaml.cs

@@ -262,37 +262,7 @@ private void _Initialize(string fileName)
                     Sprite[] sprites = dataS.Deserializar<Sprite[]>();
 
                     foreach (var sprite in sprites)
-                    {
-                        /*
-                        // Check attributes for ZX Spectrum mode
-                        if (sprite != null && sprite.GraphicMode == GraphicsModes.ZXSpectrum)
-                        {
-                            // Force ZX Spectrum palette
-                            sprite.Palette = ServiceLayer.GetPalette(GraphicsModes.ZXSpectrum);
-                            foreach (var pattern in sprite.Patterns)
-                            {
-                                int cW = sprite.Width / 8;
-                                int cH = sprite.Height / 8;
-                                int l = cW * cH;
-                                if (pattern.Attributes == null)
-                                {
-                                    pattern.Attributes = new AttributeColor[cW * cH];
-                                    for (int n = 0; n < pattern.Attributes.Length; n++)
-                                    {
-                                        pattern.Attributes[n] = new AttributeColor()
-                                        {
-                                            Ink = 1,
-                                            Paper = 0
-                                        };
-                                    }
-                                }
-                                if (pattern.Attributes.Length != l)
-                                {
-                                    pattern.Attributes = pattern.Attributes.Take(l).ToArray();
-                                }
-                            }
-                        }
-                        */
+                    {                        
                         // Check attributes for ZX Spectrum mode
                         if (sprite != null && sprite.Patterns != null)
                         {
@@ -357,7 +327,7 @@ private void _Initialize(string fileName)
             btnRedo.Tapped += BtnRedo_Tapped;
             btnInvertColorsCell.Tapped += BtnInvertColorsCell_Tapped;
             btnInvertPixelsCell.Tapped += BtnInvertPixelsCell_Tapped;
-
+            
             Refresh();
 
             if (SpritePatternsList.Count > 1)
@@ -1062,13 +1032,13 @@ private void BtnInvertColorsCell_Tapped(object? sender, TappedEventArgs e)
 
         private void BtnRedo_Tapped(object? sender, TappedEventArgs e)
         {
-            
+            ctrlEditor.Redo();
         }
 
 
         private void BtnUndo_Tapped(object? sender, TappedEventArgs e)
         {
-            
+            ctrlEditor.Undo();
         }
 
         #endregion