Creation d'un jeux casse brique en javascript

import javax.swing.*;
import javax.swing.border.*;
import java.awt.*;
import java.awt.event.*;

public class GameGUI extends JFrame{

 private Color fond;
 private Color[][] g;
 private Graphic p;
 private int bordure = 0,cell = 10;
 private KeyEvent ke;
 private JTextField jtf;

 private class KEDispatcher implements KeyEventDispatcher {
  public boolean dispatchKeyEvent(KeyEvent e) {
   if (e.getID() == KeyEvent.KEY_PRESSED) {
    if(e.getKeyCode() == KeyEvent.VK_RIGHT || e.getKeyCode() == KeyEvent.VK_LEFT || e.getKeyCode() == KeyEvent.VK_DOWN || e.getKeyCode() == KeyEvent.VK_UP || e.getKeyCode() == KeyEvent.VK_SPACE) ke = e;
     }
     return false;
   }
 }

 private class Graphic extends JPanel{
  public void paint(Graphics gr){
   gr.setColor(fond);
   gr.fillRect(0,0,this.getWidth(),this.getHeight());
   for(int i=0;i<g.length;i++){
    for(int j=0;j<g[i].length;j++){
     gr.setColor(g[i][j]);
     gr.fillRect(bordure+cell*i,bordure+cell*j,cell,cell);
    }
   }
  }
 }

 public GameGUI(int largeur, int hauteur, Color fond){
  super("Casse Brique");
  this.g = new Color[largeur][hauteur];
  this.fond = fond;
  for(int i=0;i<g.length;i++){
    for(int j=0;j<g[i].length;j++){
     g[i][j] = this.fond;
    }
  }
  this.jtf = new JTextField();
  this.jtf.setBorder(BorderFactory.createLineBorder(Color.BLACK,2));
  this.p = new Graphic();
  this.p.setPreferredSize(new Dimension(2*this.bordure+(this.g.length)*this.cell, 2*this.bordure+(this.g[0].length)*this.cell));
  this.getContentPane().setLayout(new BorderLayout());
  this.getContentPane().add(this.p,BorderLayout.CENTER);
  this.getContentPane().add(this.jtf,BorderLayout.SOUTH);
  this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
  this.pack();
  this.setResizable(false);
  this.setVisible(true);
  KeyboardFocusManager manager = KeyboardFocusManager.getCurrentKeyboardFocusManager();
  manager.addKeyEventDispatcher(new KEDispatcher());
  this.repaint();
 }

 public void setColor(int x, int y, Color c){
  if(x>-1 && x<this.g.length && y>-1 && y<this.g[0].length){
   this.g[x][y] = c;
   this.repaint();
  }
 }

 public void setText(String s){
  this.jtf.setText(s);
 }

 /** Retourne un entier correspondant a la touche tapee par l'utilisateur :
  0- pas de touche tapee
  1- FLECHE GAUCHE
  2- FLECHE DROITE
  3- FLECHE BAS
  4- FLECHE HAUT
  5- ESPACE */
 public int pressedKey(){
  if(this.ke == null) return 0;
  else{
   int result = 0;
   if(this.ke.getKeyCode() == KeyEvent.VK_RIGHT) result = 2;
   if(this.ke.getKeyCode() == KeyEvent.VK_LEFT) result = 1;
   if(this.ke.getKeyCode() == KeyEvent.VK_DOWN) result = 3;
   if(this.ke.getKeyCode() == KeyEvent.VK_UP) result = 4;
   if(this.ke.getKeyCode() == KeyEvent.VK_SPACE) result = 5;
   this.ke = null;
   return result;
  }
 }

 /** Affiche le message m dans une boite de dialogue. */
 public void display(String m){
  JOptionPane.showMessageDialog(this,m);
 }
}