NullPointerException

image = createImage(this.getSize().width,this.getSize().height);
bg=image.getGraphics();
bg.setColor(c1);

import java.awt.*;
import java.awt.geom.*;
import java.awt.event.*;
import java.applet.*;
import javax.swing.*;
import javax.swing.event.*;
 
public class first extends Applet 
            implements  Runnable, ChangeListener, MouseListener, MouseMotionListener{
    JPanel p = new JPanel();
    myCanvas m = new myCanvas();
    JSlider js = new JSlider(JSlider.HORIZONTAL,0,359,0);
    Label l = new Label();
    Thread t = new Thread(this);
    Integer s = 100;
    double x1,y1,dx,dy,sx,sy;
    public void init() {
        setLayout(new BorderLayout());
        p.setLayout(new GridLayout(1,2));
        add("North",p); 
        add("Center",m);
        //js.setPaintTicks(true);
        js.addChangeListener(this);
        l.setText("Направление движения: [0]");
        p.add(l);       
        p.add(js); 
        m.addMouseListener( this );
        m.addMouseMotionListener( this );
    }
    public void start(){
        t=new Thread(this);
        t.start();
        
    }
    public void run()
    {
        while (true)
        {
            m.repaint();
            js.setValue(m.d);
            try
            {
                t.sleep(s);
            }
            catch(InterruptedException e)
            {
            }
        }
    }
    public void setcolor(Integer i){
        m.c1 = new Color(i);
        m.c2 = new Color((256*256*256)-(i+1));
        m.setBackground(m.c1);
    }
    public void setradius(Integer i){
        m.r = i;
    }
    public void setdirection(Integer i){
        m.d = i;
    }
    public void setspeed(Integer i){
        s = 1000/i;
    }
    public void paint(Graphics gr) {
        js.repaint();
    }
    public void stateChanged(ChangeEvent e) {
        l.setText("Направление движения: ["+
            ((JSlider)e.getSource()).getValue()
            +"]");
            m.d=((JSlider)e.getSource()).getValue();
    }
    public void mousePressed(MouseEvent e)
    {
        x1=e.getPoint().x;
        sx=m.X;
        dx=sx-x1;
        y1=e.getPoint().y;
        sy=m.Y;
        dy=sy-y1;
        if((m.r*m.r)>(dx*dx+dy*dy))
            m.state=0;
        dx=dy=0;
    }
    public void mouseReleased(MouseEvent e)
    {
        m.state=1;
    }
    public void mouseEntered(MouseEvent e)
    {
    }
    public void mouseClicked(MouseEvent e)
    {
    }
    public void mouseExited(MouseEvent e)
    {
    }
    public void mouseMoved(MouseEvent e)
    {
    }
    public void mouseDragged(MouseEvent e)
    {
        if(m.state==0){
            dx=e.getPoint().x-x1;
            dy=e.getPoint().y-y1;
            m.X=sx+dx;
            m.Y=sy+dy;
            Double d=Math.atan(-dx/dy)/Math.PI*180;
            if(dy>0)
                m.d=270-d.intValue();
            else
                m.d=90-d.intValue();
        }
    }
    class myCanvas extends Canvas{
        Color c1 = Color.white;
        Color c2 = Color.black;
        Integer r = 15;
        Integer d = 0;
        Integer s = 3;
        Double X=100.0d,Y=100.0d;
        Thread t;
        Integer state = 1;
        //Image image;
        //Graphics bg;
        public void init() {
            //image = createImage(this.getSize().width,this.getSize().height);
            //bg = image.getGraphics();
        }
        public void paint(Graphics gr) {
            Graphics2D g = (Graphics2D)gr;
            g.setColor(c1);
            g.fill(new Ellipse2D.Double(sx, sy, 2*r, 2*r));
            g.setColor(c2);
            //bg=image.getGraphics();
            //bg.setColor(c1);
            Double sx=X-r;
            Double sy=Y-r;
            //bg.fillOval(sx.intValue(), sy.intValue(), 2*r, 2*r);
            //bg.setColor(c2);
            g.setColor(c2);
            if(sx<=0)
                if(d>90&d<270)d=(540-d)%360;
            if(sy<=0)
                if(d>0&d<180)d=360-d;
            if(sx>=(this.getSize().width-2*r))
                if(d<90|d>270)d=(540-d)%360;
            if(sy>=(this.getSize().height-2*r))
                if(d>180)d=360-d;
            if(state==1){
                sx=sx+r*Math.cos(d*Math.PI/180)*1/6;
                sy=sy-r*Math.sin(d*Math.PI/180)*1/6;
                X=sx+r;
                Y=sy+r;
            }
            g.fill(new Ellipse2D.Double(sx, sy, 2*r, 2*r));
            //bg.fillOval(sx.intValue(), sy.intValue(), 2*r, 2*r);
            //gr.drawImage(image,0,0,null);
        }
    }
}

public class first{
        myCanvas m = new myCanvas();//возможно тут. 
        public void init() {
                setLayout(new BorderLayout());
                add("Center",m);
                m.addMouseListener( this );
                m.addMouseMotionListener( this );
        }

public void init() {
                        image = createImage(this.getSize().width,this.getSize().height);
                bg = image.getGraphics();
                }
                public void paint(Graphics gr) {
                        //Graphics2D g = (Graphics2D)gr;
                        //g.setColor(c1);
                        //g.fill(new Ellipse2D.Double(sx, sy, 2*r, 2*r));
                        //g.setColor(c2);
                        //bg=image.getGraphics();
                        bg.setColor(c1);//<<тут вылетает ошибка. если закоментить далее по списку
                        bg.fillOval(sx.intValue(), sy.intValue(), 2*r, 2*r);//<<2
                        bg.setColor(c2);//<<3
                        //g.setColor(c2);
                        if(sx<=0)
                                if(d>90&d<270)d=(540-d)%360;
                        if(sy<=0)
                                if(d>0&d<180)d=360-d;
                        if(sx>=(this.getSize().width-2*r))
                                if(d<90|d>270)d=(540-d)%360;
                        if(sy>=(this.getSize().height-2*r))
                                if(d>180)d=360-d;
                        if(state==1){
                                sx=sx+r*Math.cos(d*Math.PI/180)*1/6;
                                sy=sy-r*Math.sin(d*Math.PI/180)*1/6;
                                X=sx+r;
                                Y=sy+r;
                        }
                        //g.fill(new Ellipse2D.Double(sx, sy, 2*r, 2*r));
                        bg.fillOval(sx.intValue(), sy.intValue(), 2*r, 2*r);//<<4
                        gr.drawImage(image,0,0,null);
                }
        }
}