ActionScript to JavaScript Converter (Free AI Tool)

package {
  import flash.display.Sprite;
  import flash.events.Event;
  
  public class GameSprite extends Sprite {
    private var velocity:Number = 5;
    
    public function GameSprite() {
      addEventListener(Event.ENTER_FRAME, onFrame);
      graphics.beginFill(0xFF0000);
      graphics.drawRect(0, 0, 50, 50);
    }
    
    private function onFrame(e:Event):void {
      x += velocity;
      rotation += 2;
    }
  }
}

// JavaScript ES6 with Canvas
class GameSprite {
  constructor(ctx, canvas) {
    this.ctx = ctx;
    this.x = 0;
    this.y = 0;
    this.rotation = 0;
    this.velocity = 5;
    this.width = 50;
    this.height = 50;
    this.animate();
  }
  
  render() {
    this.ctx.save();
    this.ctx.translate(this.x, this.y);
    this.ctx.rotate(this.rotation * Math.PI / 180);
    this.ctx.fillStyle = '#FF0000';
    this.ctx.fillRect(0, 0, this.width, this.height);
    this.ctx.restore();
  }
  
  animate() {
    this.x += this.velocity;
    this.rotation += 2;
    requestAnimationFrame(() => this.animate());
  }
}

package {
  import flash.events.MouseEvent;
  
  public class Button extends Sprite {
    private var label:String;
    
    public function Button(text:String) {
      label = text;
      addEventListener(MouseEvent.CLICK, onClick);
      addEventListener(MouseEvent.MOUSE_OVER, onOver);
    }
    
    private function onClick(e:MouseEvent):void {
      trace("Clicked: " + label);
      dispatchEvent(new Event("buttonClick"));
    }
    
    private function onOver(e:MouseEvent):void {
      alpha = 0.8;
    }
  }
}

// JavaScript with DOM events
class Button {
  constructor(canvas, text) {
    this.canvas = canvas;
    this.label = text;
    this.alpha = 1.0;
    
    this.canvas.addEventListener('click', (e) => this.onClick(e));
    this.canvas.addEventListener('mouseover', (e) => this.onOver(e));
  }
  
  onClick(e) {
    console.log(`Clicked: ${this.label}`);
    this.canvas.dispatchEvent(new CustomEvent('buttonClick', { 
      detail: { label: this.label } 
    }));
  }
  
  onOver(e) {
    this.alpha = 0.8;
  }
}