Thursday, April 28, 2016

Whiteboard Animation

This program draws a B/W image on the screen. To mimic drawing on a whiteboard, it utilizes Thread class so that different parts of the image are shown in an orderly manner, based on the input from the user. Two BufferedImage objects are used here, one for the image and the other for the whiteboard marker.



  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
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
import java.awt.*;
import java.awt.event.*;
import java.awt.image.BufferedImage;
import java.io.File;
import java.util.*;
import javax.imageio.ImageIO;
import javax.swing.*;
import javax.swing.event.*;

public class WhiteboardAnimation extends JFrame{
    private JPanel pmain=null;
    private BufferedImage bufimage=null;
    private int width=0;
    private int height=0;
    private int pixel[]=null;
    private int pixelblack[]=null;
    private int pixelposx[]=null;
    private int pixelposy[]=null;
    private ArrayList<Integer> px=null;
    private ArrayList<Integer> py=null;
    private boolean bstartclicked=false;
    private BufferedImage bufimage2=null;
    private int pospenx=0;
    private int pospeny=0;
    
    public WhiteboardAnimation(){
        super("Whiteboard Animation");
        setSize(400,450);
        
        JButton bopen=new JButton("Open");
        bopen.addActionListener(new ButtonHandler());
        
        pmain=new PanelDraw();
        pmain.setPreferredSize(new Dimension(400,400));
        pmain.addMouseListener(new MouseHandler());
        pmain.addMouseMotionListener(new MouseHandler());
        
        JButton bstart=new JButton("Start");
        bstart.addActionListener(new ButtonHandler());
        
        setLayout(new BorderLayout());
        add("North",bopen);
        add("Center",pmain);
        add("South",bstart);
        
        px=new ArrayList<Integer>();
        py=new ArrayList<Integer>();
        
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        show();
    }
    
    class ButtonHandler implements ActionListener{
        public void actionPerformed(ActionEvent e){
            if(e.getActionCommand()=="Open"){
                FileDialog fd=new FileDialog(WhiteboardAnimation.this,"Open Image File",FileDialog.LOAD);
                fd.setDirectory("C:\\");
                fd.setVisible(true);
                String directory=fd.getDirectory();
                String filename=fd.getFile();
                if (filename!= null){
                    try{
                        bufimage=ImageIO.read(new File(directory+filename));
                    }catch(Exception ex){
                    }
                }
                
                width=bufimage.getWidth();
                height=bufimage.getHeight();

                int counter=0;
                int numblack=0;
                pixel=new int[width*height];
                for(int i=0;i<height;i++){
                    for(int j=0;j<width;j++){
                        pixel[counter]=bufimage.getRGB(j,i);
                        if(pixel[counter]!=-1){
                           numblack++;
                        }
                        counter++;
                    }
                }
                
                pixelblack=new int[numblack];
                pixelposx=new int[numblack];
                pixelposy=new int[numblack];
                counter=0;
                int counter2=0;
                for(int i=0;i<height;i++){
                    for(int j=0;j<width;j++){
                        //pixel[counter]=bufimage.getRGB(j,i);
                        if(pixel[counter]!=-1){
                           pixelblack[counter2]=pixel[counter];
                           pixelposx[counter2]=j;
                           pixelposy[counter2]=i;
                           counter2++;
                        }
                        counter++;
                    }
                }
                
                repaint();
            }
            if(e.getActionCommand()=="Start"){
                bstartclicked=true;
                
                try{
                    bufimage2=ImageIO.read(new File("marker.png"));
                }catch(Exception ex){
                }
                
                Thread t=new Thread(new WBMarker());
                t.start();
            }
        }
    }
    
    class WBMarker implements Runnable{
        public WBMarker(){
            try{
                bufimage=ImageIO.read(new File("blank.png"));
            }catch(Exception e){
            }
            
            repaint();
        }
        
        public void run(){
            if(!px.isEmpty()){
                for(int i=0;i<px.size();i++){
                    for(int j=0;j<pixelblack.length;j++){    
                        if(pixelposx[j]<=px.get(i)+10&&pixelposy[j]<=py.get(i)+10&&
                           pixelposx[j]>=px.get(i)-10&&pixelposy[j]>=py.get(i)-10){
                            bufimage.setRGB(pixelposx[j],pixelposy[j],pixelblack[j]);
                            pospenx=pixelposx[j];
                            pospeny=pixelposy[j];
                            pmain.repaint();
                            try{   
                                Thread.currentThread().sleep(1);
                            }catch(Exception ex){
                            }
                        }    
                    }
                }
            }
        }
    }
    
    class PanelDraw extends JPanel{
        public void paintComponent(Graphics g){
            super.paintComponent(g);
            
            Graphics2D g2=(Graphics2D)g;
            
            if(bufimage!=null){
                g2.drawImage(bufimage,0,0,null);
             
                if(!px.isEmpty()&&bstartclicked==false){
                    for(int i=0;i<px.size();i++){
                        g2.drawOval(px.get(i)-10,py.get(i)-10,20,20);
                    }
                }
            }
            
            if(bufimage2!=null){
                g2.drawImage(bufimage2,pospenx,pospeny-50,null);
            }
        }
    }
    
    class MouseHandler implements MouseMotionListener, MouseListener{
        public void mouseMoved(MouseEvent e){
            
        }
        public void mouseDragged(MouseEvent e){
            
        }
        public void mouseEntered(MouseEvent e){
        
        }
        public void mouseExited(MouseEvent e){
            
        }
        public void mouseReleased(MouseEvent e){           
            
        }
        public void mousePressed(MouseEvent e){
            
        }
        public void mouseClicked(MouseEvent e){
            int order=px.size();
            //System.out.println(order);
            px.add(order,e.getX());
            py.add(order,e.getY());
            repaint();
        }
    }     
        
    
    public static void main(String[] args){
        new WhiteboardAnimation();
    }
}

No comments:

Post a Comment