CodeDraw

Codedraw

CodedRaw-это библиотека рисования для начинающих, которую можно использовать для создания изображений, анимаций и даже интерактивных приложений. Он предназначен для людей, которые только начинают изучать программирование, что позволяет им создавать графические приложения.

Прочитайте введение в CodeDraw для руководства для начинающих по кодирову. Это также дает обзор функций, доступных в CodedRaw.

Javadoc для CodedRaw можно найти здесь.

Для C# версии CodedRaw посетите репозиторий CodeDrawProject.

Как установить

Intellij

Перейдите в релизы и загрузите новейший CodedRaw.jar.

Откройте IntelliJ с проектом, где вы хотели бы добавить CodedRaw. Нажмите на файл> Структура проекта .... В настройках проекта выберите библиотеки . В левом верхнем углу нажмите на значок Small Plus и выберите опцию Java . Перейдите на загруженный CodedRaw.jar, выберите его, а затем нажмите OK . Теперь вы можете импортировать CodedRaw с помощью import codedraw.*; В верхней части ваших файлов Java.

Eclipse, Maven & Gradle

Чтобы установить CodedRaw с Eclipse , Maven или Gradle , пожалуйста, обратитесь к install.md.

Статические изображения

Вот пример того, как вы можете создать статическое изображение с использованием CodedRaw.

 import codedraw .*;

public class Main {
    public static void main ( String [] args ) {
        // Creates a new CodeDraw window with a size of 400x400 pixel.
        CodeDraw cd = new CodeDraw ( 400 , 400 );

        // Sets the drawing color to red.
        cd . setColor ( Palette . RED );
        // Draws the outline of a rectangle.
        cd . drawRectangle ( 100 , 100 , 200 , 100 );
        // Draws a filled square.
        cd . fillSquare ( 180 , 150 , 80 );

        // Changes the color to light blue.
        cd . setColor ( Palette . LIGHT_BLUE );
        cd . fillCircle ( 300 , 200 , 50 );

        // Finally, the method "show" must be called
        // to display the drawn shapes in the CodeDraw window.
        cd . show ();
    }
}

❗ Не забудьте позвонить .show() ❗

Анимация

Анимации создаются путем рисования нескольких кадров, а затем приостанавливая эти кадры. В CodedRaw это достигается за счет создания цикла, в которой каждая итерация рисует один кадр, а затем ожидает определенного количества времени, 1 секунду или 1000 миллисекунд в этом случае, используя метод .show(1000) .

 import codedraw .*;

public class Main {
    public static void main ( String [] args ) {
        CodeDraw cd = new CodeDraw ( 400 , 400 );

        for ( double sec = - Math . PI / 2 ; ! cd . isClosed (); sec += Math . PI / 30 ) {
            // Clears the entire canvas.
            cd . clear ();
            // Draws the second hand of the clock.
            cd . drawLine ( 200 , 200 , Math . cos ( sec ) * 100 + 200 , Math . sin ( sec ) * 100 + 200 );

            // Draws the twelve dots.
            for ( double j = 0 ; j < Math . PI * 2 ; j += Math . PI / 6 ) {
                cd . fillCircle ( Math . cos ( j ) * 100 + 200 , Math . sin ( j ) * 100 + 200 , 4 );
            }

            // Displays the drawn objects and waits 1 second.
            cd . show ( 1000 );
        }
    }
}

анимация.mp4

Интерактивные программы

Интерактивные программы могут быть созданы путем чтения событий из EventsCanner и switch на основе типа события. В старых версиях Java EventsCanner также можно использовать так же, как java.util.Scanner с has... и next... методами. Более подробное объяснение можно найти в разделе событий обработки во введении в CodedRaw.

Вы также можете использовать генератор кода событий CodedRaw для автоматического генерации кода события для вас.

 import codedraw .*;

public class Main {
    public static void main ( String [] args ) {
        CodeDraw cd = new CodeDraw ();

        cd . drawText ( 200 , 200 , "Move your mouse over here." );
        cd . show ();

        cd . setColor ( Palette . RED );

        // Creates an endless loop (until you close the window).
        while (! cd . isClosed ()) {
            // Creates a loop that consumes all the currently available events.
            for ( var e : cd . getEventScanner ()) {
                switch ( e ) {
                    // If the event is a mouse move event, a red square will be drawn at its location.
                    case MouseMoveEvent a ->
                        cd . fillSquare ( a . getX () - 5 , a . getY () - 5 , 10 );
                    default -> { }
                }
            }

            // Display the red squares that have been drawn up to this point.
            cd . show ( 16 );
        }
    }
}

user_interaction.mp4

Анимационный интерфейс

Все эти примеры также могут быть созданы с помощью интерфейса Animation . Экземпляр интерфейса Animation может быть передан в CodedRaw, который впоследствии вызывает методы, которые вы реализуете. Следующий пример позволяет управлять кругом с Wasd-Keys. Метод onKeyDown запускается каждый раз, когда клавиша нажимается и изменяет положение круга. Метод draw называется 60 раз в секунду и рисует круг в координате XY.

 import codedraw .*;

public class MyAnimation implements Animation {
    public static void main ( String [] args ) {
        CodeDraw . run ( new MyAnimation ());
    }

    private int x = 50 ;
    private int y = 50 ;

    @ Override
    public void onKeyDown ( KeyDownEvent event ) {
        if ( event . getKey () == Key . W ) {
            y -= 20 ;
        }
        else if ( event . getKey () == Key . A ) {
            x -= 20 ;
        }
        else if ( event . getKey () == Key . S ) {
            y += 20 ;
        }
        else if ( event . getKey () == Key . D ) {
            x += 20 ;
        }
    }

    @ Override
    public void draw ( Image canvas ) {
        canvas . clear ();
        canvas . fillCircle ( x , y , 10 );
    }
}

inversion_of_control.mp4

Внося

Не стесняйтесь задавать вопросы, предлагать функции или делать отчеты об ошибках в разделе выпуска. ?