0 Replies Latest reply on Sep 6, 2014 6:19 PM by Miss Tahitianflower

    FLASH AS3 to HTML5 CANVAS Help

    Miss Tahitianflower Level 1

      I can't get this code to work in Chrome so I wanted to try it out in HTML5 canvas but that is even worse. I know I need to update the code to java but I can not for the life of me get this to work. Here is the AS3 code on my first frame. What should it look like in Canvas?

       

      Also this .swf file does not work in chrome from Dreamweaver but does in IE and Firefox, it does however work in chrome if I click on the .swf file from its origin file. HEADACHE!

       

      ------------------------------------------------------------------------------------------ ------------------------------

       

       

      stop();

       

       

      step1btn.addEventListener(MouseEvent.MOUSE_OVER, step1btn_function);

       

       

      function step1btn_function(event: MouseEvent): void {

        trace("Moused over");

        gotoAndStop("5");

      }

       

       

      step2btn.addEventListener(MouseEvent.MOUSE_OVER, step2btn_function);

       

       

      function step2btn_function(event: MouseEvent): void {

        trace("Moused over");

        gotoAndStop("10");

      }

       

       

      step3btn.addEventListener(MouseEvent.MOUSE_OVER, step3btn_function);

       

       

      function step3btn_function(event: MouseEvent): void {

        trace("Moused over");

        gotoAndStop("15");

      }

       

       

      step4btn.addEventListener(MouseEvent.MOUSE_OVER, step4btn_function);

       

       

      function step4btn_function(event: MouseEvent): void {

        trace("Moused over");

        gotoAndStop("20");

      }

       

       

      step5btn.addEventListener(MouseEvent.MOUSE_OVER, step5btn_function);

       

       

      function step5btn_function(event: MouseEvent): void {

        trace("Moused over");

        gotoAndStop("25");

      }

       

       

      backgroundbtn.addEventListener(MouseEvent.MOUSE_OVER, backgroundbtn_function);

       

       

      function backgroundbtn_function(event: MouseEvent): void {

        trace("Moused over");

        gotoAndStop("1");

      }

       

       

      step1btn.addEventListener(MouseEvent.MOUSE_UP, step1btn_webfunction);

       

       

      function step1btn_webfunction(event: MouseEvent): void {

       

        navigateToURL(new URLRequest("steps.html#step1"));

        trace("Moused UP");

       

      }

       

       

      step2btn.addEventListener(MouseEvent.MOUSE_UP, step2btn_webfunction);

       

       

      function step2btn_webfunction(event: MouseEvent): void {

       

        navigateToURL(new URLRequest("steps.html#step2"));

        trace("Moused UP");

       

      }

       

       

      step3btn.addEventListener(MouseEvent.MOUSE_UP, step3btn_webfunction);

       

       

      function step3btn_webfunction(event: MouseEvent): void {

       

        navigateToURL(new URLRequest("steps.html#step3"));

        trace("Moused UP");

       

      }

       

       

      step4btn.addEventListener(MouseEvent.MOUSE_UP, step4btn_webfunction);

       

       

      function step4btn_webfunction(event: MouseEvent): void {

       

        navigateToURL(new URLRequest("steps.html#step4"));

        trace("Moused UP");

       

      }

       

       

      step5btn.addEventListener(MouseEvent.MOUSE_UP, step5btn_webfunction);

       

       

      function step5btn_webfunction(event: MouseEvent): void {

       

        navigateToURL(new URLRequest("steps.html#step5"));

        trace("Moused UP");

       

      }

       

       

      step1btn.addEventListener(MouseEvent.MOUSE_DOWN, step1btn_webfunctionDown);

       

       

      function step1btn_webfunctionDown(event: MouseEvent): void {

       

        navigateToURL(new URLRequest("steps.html#step1"));

        trace("Moused DOWN");

       

      }