Создать графический редактор, в котором имелась бы возможно рисования мышью

Ddv122 · Регистрация: 23.12.2010

Студворк — интернет-сервис помощи студентам

Добрый вечер.
Нужно создать графический редактор, в котором имелась бы возможно рисования мышью. При этом по нажатию некоторой клавиши окружность с радиусом R пробегает по нарисованной кривой.

Тема создана с расчетом на то, что у кого-то остались подобные программы, или кто-то может помочь "по доброте душевной". Так же буду очень благодарен за примеры приближенные к этой лабораторной.

@M128K145 · 31.05.2012, 16:56

EdarGp, вам на когда это надо сделать?

Ddv122 · 31.05.2012, 17:50 **[ТС]**

M128K145, на понедельник.

Вообщем вот что получил за день работы:

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
import java.applet.*;
import java.awt.*;
import java.awt.event.*;
import java.lang.Math;
import java.awt.event.KeyListener.*;
 class Edge {
   public int a, b;
   public Edge( int A, int B ) {
      a = A;  b = B;
   }
}
public class GraphApplet extends Applet
   implements KeyListener, MouseMotionListener {
    int kp;
   int width, height;
   int count=0;
   Image backbuffer;
   Graphics backg;
    Edge[] edges;
   public void init() {
      width = getSize().width;
      height = getSize().height;
      addKeyListener( this );
      addMouseMotionListener( this );     
      backbuffer = createImage( width, height );
      backg = backbuffer.getGraphics();
      backg.setColor( Color.white );
      backg.fillRect( 0, 0, width, height );
      backg.setColor( Color.orange );
      
   }
  public void keyPressed (KeyEvent evt) {
     kp =  evt.getKeyChar();
     backg.setColor( Color.red );
     backg.fillOval(5,5,10,10);
     repaint();
   }
    public void keyReleased (KeyEvent evt) {}
    public void keyTyped(KeyEvent evt) {}
   public void mouseMoved( MouseEvent e ) { }
   public void mouseDragged( MouseEvent e ) {
        edges = new Edge[ 500 ];        
      int x = e.getX();
      int y = e.getY();
      edges[ count] = new Edge( x, y );
      count++;
      backg.fillOval(x-5,y-5,10,10);
      repaint();
      e.consume();
   }
 
   public void update( Graphics g ) {
      g.drawImage( backbuffer, 0, 0, this );
   }
 
   public void paint( Graphics g ) {
      update( g );
   }
}

Реализовано: Рисует и заносит все эти точки в массив.
Не работает: Событие нажатия клавиши.
Вопрос: Как реализовать в данном случае анимацию?(т.е чтобы окружность перемещалась по кривой, а не закрашивала весь путь.

Добавлено через 11 минут
Можно ли так реализовать анимацию: Очищаем раб. область, рисуем кривую по сохраненным точкам, и потом уже рисуем сам круг и так для каждой точки?
Рационально ли это?

@M128K145 · 31.05.2012, 18:28

Сообщение от EdarGp

Как реализовать в данном случае анимацию?(т.е чтобы окружность перемещалась по кривой, а не закрашивала весь путь.

посмотрите здесь Движение фигуры

Ddv122 · 02.06.2012, 16:42 **[ТС]**

Не помогло =(

Добавлено через 6 часов 12 минут

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
import java.applet.*;
import java.awt.*;
import java.awt.event.*;
import java.lang.Math;
import java.awt.event.KeyListener.*;
 class Edge {
   public int a, b;
   public Edge( int A, int B ) {
      a = A;  b = B;
   }
}
public class GraphApplet extends Applet
   implements KeyListener, MouseMotionListener {
    int kp;
   int width, height;
   int count=0;
   Image backbuffer;
   Graphics backg;
    Edge[] edges;
   public void init() {
      width = getSize().width;
      height = getSize().height;
      addKeyListener( this );
      addMouseMotionListener( this );     
      backbuffer = createImage( width, height );
      backg = backbuffer.getGraphics();
      backg.setColor( Color.white );
      backg.fillRect( 0, 0, width, height );
      backg.setColor( Color.orange );
      
   }
  public void keyPressed (KeyEvent evt) {
     kp =  evt.getKeyChar();
     backg.setColor( Color.red );
        for(int i = 0; i < 100; i = i + 1)
        {
         try {  Thread.sleep(200); }
         catch(InterruptedException e) { }
        backg.fillOval(10+i*10,10+i*10,10,10);      
        repaint();
        }       
   }
// a?oaea iaoiau eioa?oaena KeyListener
    public void keyReleased (KeyEvent evt) {}
    public void keyTyped(KeyEvent evt) {}
   public void mouseMoved( MouseEvent e ) { }
   public void mouseDragged( MouseEvent e ) {
        edges = new Edge[ 500 ];        
      int x = e.getX();
      int y = e.getY();
      if(count < 500)
      {
        edges[ count] = new Edge( x, y );
        count++;
        backg.fillOval(x-5,y-5,10,10);
        repaint();
        e.consume();
      }
   }
 
   public void update( Graphics g ) {
      g.drawImage( backbuffer, 0, 0, this );
   }
 
   public void paint( Graphics g ) {
      update( g );
   }
}

Проблема в слудующем:
keyPressed не работает правильно. Т.е вместо того, чтобы нарисовать точку, потом "поспать" некоторое время, программа работает след образом: сначала спит "некоторое время" умноженное на количество точек, а потом рисует все получившиеся точки в одно мгновение.
Почему так получается?

Добавлено через 4 часа 8 минут
Блин, получается, что repaint() в цикле for не работает?

Добавлено через 18 часов 23 минуты
С рисованием разобрался. НО: оказывается, что координаты точек кривой он как-то криво сохраняет. Поэтому я не могу к ним обратиться.
т.е например(когда пытаюсь воспользоваться сохраненными координатами) пишу edges[ i].a вместо какой-то координаты, в итоге скрипт просто зависает.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

Ddv122 Почемучка) 1244 / 304 / 30 Регистрация: 23.12.2010 Сообщений: 2,001 Записей в блоге: 1

	Создать графический редактор, в котором имелась бы возможно рисования мышью 30.05.2012, 19:56. Показов 2539. Ответов 4 Метки нет (Все метки) Добрый вечер. Нужно создать графический редактор, в котором имелась бы возможно рисования мышью. При этом по нажатию некоторой клавиши окружность с радиусом R пробегает по нарисованной кривой. Тема создана с расчетом на то, что у кого-то остались подобные программы, или кто-то может помочь "по доброте душевной". Так же буду очень благодарен за примеры приближенные к этой лабораторной. 0

@M128K145 8384 / 3617 / 419 Регистрация: 03.07.2009 Сообщений: 10,709
	31.05.2012, 16:56
	EdarGp, вам на когда это надо сделать? 0