gui-cs.Terminal.Gui/UICatalog/Scenarios/Animation.cs

using SixLabors.ImageSharp;
using SixLabors.ImageSharp.ColorSpaces;
using SixLabors.ImageSharp.PixelFormats;
using SixLabors.ImageSharp.Processing;
using System;
using System.Collections.Concurrent;
using System.Collections.Generic;
using System.IO;
using System.Reflection;
using System.Text;
using System.Threading.Tasks;
using Terminal.Gui;
using Attribute = Terminal.Gui.Attribute;

namespace UICatalog.Scenarios {
	[ScenarioMetadata (Name: "Animation", Description: "Demonstration of how to render animated images with threading.")]
	[ScenarioCategory ("Colors")]
	public class Animation : Scenario
	{
		private bool isDisposed;

		public override void Setup ()
		{
			base.Setup ();

			var imageView = new ImageView () {
				Width = Dim.Fill(),
				Height = Dim.Fill()-2,
			};

			Win.Add (imageView);

			var lbl = new Label("Image by Wikiscient"){
				Y = Pos.AnchorEnd(2)
			};
			Win.Add(lbl);

			var lbl2 = new Label("https://commons.wikimedia.org/wiki/File:Spinning_globe.gif"){
				Y = Pos.AnchorEnd(1)
			};
			Win.Add(lbl2);

			var dir = new DirectoryInfo(Path.GetDirectoryName(Assembly.GetExecutingAssembly().Location));
			
			var f = new FileInfo(
				Path.Combine(dir.FullName,"Scenarios","Spinning_globe_dark_small.gif"));
			if(!f.Exists)
			{
				MessageBox.ErrorQuery("Could not find gif","Could not find "+ f.FullName,"Ok");
				return;
			}

			imageView.SetImage(Image.Load<Rgba32> (File.ReadAllBytes (f.FullName)));

			Task.Run(()=>{
				while(!isDisposed)
				{
					// When updating from a Thread/Task always use Invoke
					Application.MainLoop.Invoke(()=>
					{
						imageView.NextFrame();
						imageView.SetNeedsDisplay();
					});

					Task.Delay(100).Wait();
				}
			});
		}

		protected override void Dispose(bool disposing)
		{
			isDisposed = true;
			base.Dispose(disposing);
		}

		// This is a C# port of https://github.com/andraaspar/bitmap-to-braille by Andraaspar

		/// <summary>
		/// Renders an image as unicode Braille.
		/// </summary>
		public class BitmapToBraille
		{

			public const int CHAR_WIDTH = 2;
			public const int CHAR_HEIGHT = 4;

			const string CHARS = " ⠁⠂⠃⠄⠅⠆⠇⡀⡁⡂⡃⡄⡅⡆⡇⠈⠉⠊⠋⠌⠍⠎⠏⡈⡉⡊⡋⡌⡍⡎⡏⠐⠑⠒⠓⠔⠕⠖⠗⡐⡑⡒⡓⡔⡕⡖⡗⠘⠙⠚⠛⠜⠝⠞⠟⡘⡙⡚⡛⡜⡝⡞⡟⠠⠡⠢⠣⠤⠥⠦⠧⡠⡡⡢⡣⡤⡥⡦⡧⠨⠩⠪⠫⠬⠭⠮⠯⡨⡩⡪⡫⡬⡭⡮⡯⠰⠱⠲⠳⠴⠵⠶⠷⡰⡱⡲⡳⡴⡵⡶⡷⠸⠹⠺⠻⠼⠽⠾⠿⡸⡹⡺⡻⡼⡽⡾⡿⢀⢁⢂⢃⢄⢅⢆⢇⣀⣁⣂⣃⣄⣅⣆⣇⢈⢉⢊⢋⢌⢍⢎⢏⣈⣉⣊⣋⣌⣍⣎⣏⢐⢑⢒⢓⢔⢕⢖⢗⣐⣑⣒⣓⣔⣕⣖⣗⢘⢙⢚⢛⢜⢝⢞⢟⣘⣙⣚⣛⣜⣝⣞⣟⢠⢡⢢⢣⢤⢥⢦⢧⣠⣡⣢⣣⣤⣥⣦⣧⢨⢩⢪⢫⢬⢭⢮⢯⣨⣩⣪⣫⣬⣭⣮⣯⢰⢱⢲⢳⢴⢵⢶⢷⣰⣱⣲⣳⣴⣵⣶⣷⢸⢹⢺⢻⢼⢽⢾⢿⣸⣹⣺⣻⣼⣽⣾⣿";

			public int WidthPixels {get; }
			public int HeightPixels { get; }

			public Func<int,int,bool> PixelIsLit {get;}

			public BitmapToBraille (int widthPixels, int heightPixels, Func<int, int, bool> pixelIsLit)
			{
				WidthPixels = widthPixels;
				HeightPixels = heightPixels;
				PixelIsLit = pixelIsLit;
			}

			public string GenerateImage() {
				int imageHeightChars = (int) Math.Ceiling((double)HeightPixels / CHAR_HEIGHT);
				int imageWidthChars = (int) Math.Ceiling((double)WidthPixels / CHAR_WIDTH);

				var result = new StringBuilder();

				for (int y = 0; y < imageHeightChars; y++) {
					
					for (int x = 0; x < imageWidthChars; x++) {
						int baseX = x * CHAR_WIDTH;
						int baseY = y * CHAR_HEIGHT;

						int charIndex = 0;
						int value = 1;

						for (int charX = 0; charX < CHAR_WIDTH; charX++) {
							for (int charY = 0; charY < CHAR_HEIGHT; charY++) {
								int bitmapX = baseX + charX;
								int bitmapY = baseY + charY;
								bool pixelExists = bitmapX < WidthPixels && bitmapY < HeightPixels;

								if (pixelExists && PixelIsLit(bitmapX, bitmapY)) {
									charIndex += value;
								}
								value *= 2;
							}
						}

						result.Append(CHARS[charIndex]);
					}
					result.Append('\n');
				}
				return result.ToString().TrimEnd();
			}  
		}

		class ImageView : View {
			private int frameCount;
			private int currentFrame = 0;

			private Image<Rgba32>[] fullResImages;
			private Image<Rgba32>[] matchSizes;
			private string[] brailleCache;

			Rect oldSize = Rect.Empty;

			internal void SetImage (Image<Rgba32> image)
			{
				frameCount = image.Frames.Count;

				fullResImages = new Image<Rgba32>[frameCount];
				matchSizes = new Image<Rgba32>[frameCount];
				brailleCache = new string[frameCount];

				for(int i=0;i<frameCount-1;i++)
				{
					fullResImages[i] = image.Frames.ExportFrame(0);
				}
				fullResImages[frameCount-1] = image;

				this.SetNeedsDisplay ();
			}
			public void NextFrame()
			{
				currentFrame = (currentFrame+1)%frameCount;
			}

			public override void Redraw (Rect bounds)
			{
				base.Redraw (bounds);

				if(oldSize != bounds)
				{
					// Invalidate cached images now size has changed
					matchSizes = new Image<Rgba32>[frameCount];
					brailleCache = new string[frameCount];
					oldSize = bounds;
				}

				var imgScaled = matchSizes[currentFrame];
				var braille = brailleCache[currentFrame];

				if(imgScaled == null)
				{
					var imgFull = fullResImages[currentFrame];
				
					// keep aspect ratio
					var newSize = Math.Min(bounds.Width,bounds.Height);

					// generate one
					matchSizes[currentFrame] = imgScaled = imgFull.Clone (
						x => x.Resize (
							 newSize * BitmapToBraille.CHAR_HEIGHT,
							 newSize * BitmapToBraille.CHAR_HEIGHT));
				}

				if(braille == null)
				{
					brailleCache[currentFrame] = braille = GetBraille(matchSizes[currentFrame]);
				}

				var lines = braille.Split('\n');

				for(int y = 0; y < lines.Length;y++)
				{
					var line = lines[y];
					for(int x = 0;x<line.Length ;x++)
					{
						AddRune(x,y,line[x]);
					}
				}
			}

			private string GetBraille (Image<Rgba32> img)
			{
				var braille = new BitmapToBraille(
					img.Width,
					img.Height,
					(x,y)=>IsLit(img,x,y));

				return braille.GenerateImage();
			}

			private bool IsLit (Image<Rgba32> img, int x, int y)
			{
				var rgb = img[x,y];
				return rgb.R + rgb.G + rgb.B > 50;
			}
		}
	}
}