Графика. Вывод шестигранников на экран

[Longplay]

Помогите написать программу на (С++, С#) вывода графического изображения в виде сот с заданными параметрами N, X и Y,

Где N = количество сот, произвольно, задается при запуске программы
X = сторона соты в пикселях, произвольно, задается при запуске программы
Y = color стороны соты

Вывод изображения: циклично до на нажатия клавиши "Esc"
Важно: Запрос параметров Х, Y для каждой выводимой стороны шестигранника. (по умолчанию X, Y = заданным в начале цикла)

Картинка должна выглядеть так:




Подскажите с чего начать? С графикой не умею работать вообще.

[8Observer8]

Помогите написать программу на (С++, С#)

Подскажите с чего начать? С графикой не умею работать вообще.

Начать нужно с того, что нужно посмотреть, как рисуется одна линия. Один из самых простых вариантов - это рисовать линии на C# WPF:

using System.Windows;
using System.Windows.Shapes;

namespace Hexagons
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            // First Line
            Line line1 = new Line();
            line1.Stroke = System.Windows.Media.Brushes.Black;
            line1.Fill = System.Windows.Media.Brushes.Black;
            line1.X1 = 10.0;
            line1.Y1 = 10.0;
            line1.X2 = 50.0;
            line1.Y2 = 50.0;
            MainGrid.Children.Add(line1);
        }
    }
}

[Croessmah]

Вот здесь: http://www.redblobgames.com/grids/hexagons/
есть всё что нужно и даже больше.
Даже реализация всего этого на нескольких языках.

[8Observer8]

В приведённой выше статье в самом начале есть функция, которая возвращает координаты вершины шестиугольника:

function hex_corner(center, size, i):
    var angle_deg = 60 * i   + 30
    var angle_rad = PI / 180 * angle_deg
    return Point(center.x + size * cos(angle_rad),
                 center.y + size * sin(angle_rad))

Я её перевёл в C#:

        Point HexCorner(Point center, int size, int i)
        {
            var angleDeg = 60 * i + 30;
            var angleRad = Math.PI / 180 * angleDeg;
            return new Point(center.X + size * Math.Cos(angleRad),
                center.Y + size * Math.Sin(angleRad));
        }

Написал программу, которая рисует один шестиугольник:

using System;
using System.Windows;
using System.Windows.Shapes;

namespace Hexagons
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            Point center = new Point(250, 150);
            int size = 100;

            DrawHexagon(center, size);
        }

        void DrawHexagon(Point center, int size)
        {
            Point startPoint = HexCorner(center, size, 0);

            Point p1 = startPoint;
            for (int i = 1; i <= 5; i++)
            {
                Point p2 = HexCorner(center, size, i);
                DrawLine(p1, p2);
                p1 = p2;
            }
            DrawLine(p1, startPoint);
        }

        Point HexCorner(Point center, int size, int i)
        {
            var angleDeg = 60 * i + 30;
            var angleRad = Math.PI / 180 * angleDeg;
            return new Point(center.X + size * Math.Cos(angleRad),
                center.Y + size * Math.Sin(angleRad));
        }

        void DrawLine(Point p1, Point p2)
        {
            Line line = new Line();
            line.Stroke = System.Windows.Media.Brushes.Black;
            line.Fill = System.Windows.Media.Brushes.Black;
            line.X1 = p1.X;
            line.Y1 = p1.Y;
            line.X2 = p2.X;
            line.Y2 = p2.Y;
            MainGrid.Children.Add(line);
        }
    }
}

[Croessmah]

В приведённой выше статье в самом начале есть функция, которая возвращает координаты вершины шестиугольника

А я сделал таблицу косинусов и синусов с шагом в 30 градусов, чтобы не считать каждый раз.
Получается

return Point
   (
      center.X + size * cos_30_table[index],
      center.Y + size * sin_30_table[index]
   );

Если size будет параметром шаблона, то вообще можно на этапе компиляции вычислить все координаты сразу и брать их из таблицы.
Но это я так, рассуждения вслух.
Как раз потихоньку занимаюсь проектом где нужны гексагоны.

[8Observer8]

Да, действительно лучше таблицу делать

Такие значения будут:

Cos(30) = 0.866025403784439, Sin(30) = 0.5

Cos(90) = 0, Sin(90) = 1

Cos(150) = -0.866025403784439, Sin(150) = 0.5

Cos(210) = -0.866025403784439, Sin(210) = -0.5

Cos(270) = 0, Sin(270) = -1

Cos(330) = 0.866025403784438, Sin(330) = -0.5,

В C# задал таблицы через коллекции Dictionary:

    public partial class MainWindow : Window
    {
        Dictionary<int, double> cosTable = new Dictionary<int, double> {
            { 30, 0.866025403784439 },
            { 90, 0.0 },
            {150, -0.866025403784439},
            {210, -0.866025403784439},
            {270, 0.0},
            {330, 0.866025403784438}};

        Dictionary<int, double> sinTable = new Dictionary<int, double> {
            { 30, 0.5 },
            { 90, 1.0 },
            {150, 0.5},
            {210, -0.5},
            {270, -1.0},
            {330, -0.5}};

        // ...

    }

Метод, который расчитывает координату вершины, выглядит теперь так:

        Point HexCorner(Point center, int size, int i)
        {
            var angleDeg = 60 * i + 30;

            return new Point(center.X + size * cosTable[angleDeg],
                center.Y + size * sinTable[angleDeg]);
        }

[Longplay]

Спасибо огромное!

Буду разбираться.

[8Observer8]

Я добавил метод, который рисует заданное количество гексагонов в ширину и высоту, вызывая метод, который рисует один гексагон

Вывод программы:


Весь код:

using System;
using System.Windows;
using System.Windows.Shapes;
using System.Collections;
using System.Collections.Generic;

// http://www.programmersforum.ru/showthread.php?t=291279

namespace Hexagons
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        Dictionary<int, double> cosTable =
            new Dictionary<int, double> {
            { 30, 0.866025403784439 },
            { 90, 0.0 },
            {150, -0.866025403784439},
            {210, -0.866025403784439},
            {270, 0.0},
            {330, 0.866025403784438}};

        Dictionary<int, double> sinTable =
            new Dictionary<int, double> {
            { 30, 0.5 },
            { 90, 1.0 },
            {150, 0.5},
            {210, -0.5},
            {270, -1.0},
            {330, -0.5}};

        public MainWindow()
        {
            InitializeComponent();

            Point center = new Point(50, 50);
            int size = 30;

            DrawHexagonPlane(center, size, 5, 7);
        }

        void DrawHexagonPlane(Point center, int size, int amountInWidth, int amountInHeight)
        {
            Point c = center;
            double distToRight = size * cosTable[30];
            double distToBottom = size * sinTable[30] + size;
            for (int row = 0; row < amountInHeight; row++)
            {
                for (int col = 0; col < amountInWidth; col++)
                {
                    if (row % 2 == 0)
                    {
                        DrawHexagon(new Point(c.X + col * 2 * distToRight, c.Y + row * distToBottom), size);
                    }
                    else
                    {
                        DrawHexagon(new Point(c.X + col * 2 * distToRight + distToRight, c.Y + row * distToBottom), size);
                    }
                }
            }
        }

        void DrawHexagon(Point center, int size)
        {
            Point startPoint = HexCorner(center, size, 0);

            Point p1 = startPoint;
            for (int i = 1; i <= 5; i++)
            {
                Point p2 = HexCorner(center, size, i);
                DrawLine(p1, p2);
                p1 = p2;
            }
            DrawLine(p1, startPoint);
        }

        Point HexCorner(Point center, int size, int i)
        {
            var angleDeg = 60 * i + 30;
            //var angleRad = Math.PI / 180 * angleDeg;

            return new Point(center.X + size * cosTable[angleDeg],
                center.Y + size * sinTable[angleDeg]);
        }

        void DrawLine(Point p1, Point p2)
        {
            Line line = new Line();
            line.Stroke = System.Windows.Media.Brushes.Black;
            line.Fill = System.Windows.Media.Brushes.Black;
            line.X1 = p1.X;
            line.Y1 = p1.Y;
            line.X2 = p2.X;
            line.Y2 = p2.Y;
            MainGrid.Children.Add(line);
        }
    }
}

<Window x:Class="Hexagons.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Hexagons" Height="400" Width="350">
    <Grid Name="MainGrid"/>
</Window>