Jump to content


Photo

HTML5 Browser support problems


  • Please log in to reply
19 replies to this topic

#1 Symbols

Symbols

    GMC Member

  • New Member
  • 343 posts

Posted 13 November 2011 - 06:27 PM

http://www.phatangel.com/index.html

I have my game and its folders situated at the link above.

Apparently my browser doesnt support the html 5 canvas, but when I test the index file from my desktop it works just fine in any of my browsers. Whats the deal?

Edited by Symbols, 13 November 2011 - 06:27 PM.

  • 0

#2 legobear154

legobear154

    GMC Member

  • GMC Member
  • 277 posts
  • Version:GM:Studio

Posted 13 November 2011 - 06:58 PM

http://www.phatangel.com/index.html

I have my game and its folders situated at the link above.

Apparently my browser doesnt support the html 5 canvas, but when I test the index file from my desktop it works just fine in any of my browsers. Whats the deal?


You have to include a doctype. Put this before the <html>: <!DOCTYPE html>

It would look like <!DOCTYPE html><html>

Edited by legobear154, 13 November 2011 - 07:02 PM.

  • 0

#3 Symbols

Symbols

    GMC Member

  • New Member
  • 343 posts

Posted 13 November 2011 - 07:11 PM


http://www.phatangel.com/index.html

I have my game and its folders situated at the link above.

Apparently my browser doesnt support the html 5 canvas, but when I test the index file from my desktop it works just fine in any of my browsers. Whats the deal?


You have to include a doctype. Put this before the <html>: <!DOCTYPE html>

It would look like <!DOCTYPE html><html>


Thats already there.

<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Generated by GameMaker:HTML5 http://http://www.yoyogames.com/gamemaker/html5 -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge" >
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name ="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
        <meta charset="utf-8"/>

        <!-- Set the title bar of the page -->
        <title>Game Maker HTML 5</title>

        <!-- Set the background colour of the document -->
        <style>
            body {
              background: #222;
              color:#cccccc;
            }
            canvas {
                      image-rendering: optimizeSpeed;
                      -webkit-interpolation-mode: nearest-neighbor;
            }
        </style>
    </head>

    <body>
            <!-- Create the canvas element the game draws to -->
            <canvas id="canvas" width="640" height="480">
               <p>Your browser doesn't support HTML5 canvas.</p>
            </canvas>

        <!-- Run the game code -->
        <script type="text/javascript" src="html5game/WebTest.js?KXYYB=1064592570"></script>
    </body>
</html>

Edited by Symbols, 13 November 2011 - 07:12 PM.

  • 0

#4 legobear154

legobear154

    GMC Member

  • GMC Member
  • 277 posts
  • Version:GM:Studio

Posted 13 November 2011 - 07:19 PM



http://www.phatangel.com/index.html

I have my game and its folders situated at the link above.

Apparently my browser doesnt support the html 5 canvas, but when I test the index file from my desktop it works just fine in any of my browsers. Whats the deal?


You have to include a doctype. Put this before the <html>: <!DOCTYPE html>

It would look like <!DOCTYPE html><html>


Thats already there.

<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Generated by GameMaker:HTML5 http://http://www.yoyogames.com/gamemaker/html5 -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge" >
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name ="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
        <meta charset="utf-8"/>

        <!-- Set the title bar of the page -->
        <title>Game Maker HTML 5</title>

        <!-- Set the background colour of the document -->
        <style>
            body {
              background: #222;
              color:#cccccc;
            }
            canvas {
                      image-rendering: optimizeSpeed;
                      -webkit-interpolation-mode: nearest-neighbor;
            }
        </style>
    </head>

    <body>
            <!-- Create the canvas element the game draws to -->
            <canvas id="canvas" width="640" height="480">
           	<p>Your browser doesn't support HTML5 canvas.</p>
            </canvas>

        <!-- Run the game code -->
        <script type="text/javascript" src="html5game/WebTest.js?KXYYB=1064592570"></script>
    </body>
</html>


It didn't show up when I looked at the sites code. There was a post somewhere, can't seem to find it though, explaining how to do it.
  • 0

#5 Symbols

Symbols

    GMC Member

  • New Member
  • 343 posts

Posted 13 November 2011 - 07:29 PM

Yeh its there, in a light blue colour.

Ive exhausted myself trying to get this to work. It seems like the canvas has been created but the game isnt getting launched now.

Edited by Symbols, 13 November 2011 - 07:32 PM.

  • 0

#6 legobear154

legobear154

    GMC Member

  • GMC Member
  • 277 posts
  • Version:GM:Studio

Posted 13 November 2011 - 07:33 PM

Yeh its there, in a light blue colour.

Ive exhausted myself trying to get this to work.


I believe you... and now it actually shows up. I am a web developer, but I am not sure what is wrong with it at all. I know HTML5, CSS, PHP, JS... and I just can't figure it out. But now I am not getting the canvas not supported.

I would ask for it all to see what I can do, but not many people like doing that. Giving it to someone anyways. I enjoy web developing so it would be no problem for me to go through code.

Did you link to the javascript correctly?

Edited by legobear154, 13 November 2011 - 07:36 PM.

  • 0

#7 Symbols

Symbols

    GMC Member

  • New Member
  • 343 posts

Posted 13 November 2011 - 07:35 PM

Yeh.. its a real puzzle. ive included all the folders etc. Ill just try moving files around here and there.
Thres just really that code, and one object in one room saying 'test game'. Just the simplest of tests....Thanks for your help, you can skype me RORamsay

Edited by Symbols, 13 November 2011 - 07:37 PM.

  • 0

#8 legobear154

legobear154

    GMC Member

  • GMC Member
  • 277 posts
  • Version:GM:Studio

Posted 13 November 2011 - 07:37 PM

Yeh.. its a real puzzle. ive included all the folders etc. Ill just try moving files around here and there.
Thres just really that code, and one object in one room saying 'test game'. Just the simplest of games


If you could send me the game and the code to your site I am sure I can figure it out, if you wanted to. I don't own GM: HTML5 though.

Edited by legobear154, 13 November 2011 - 07:37 PM.

  • 0

#9 Symbols

Symbols

    GMC Member

  • New Member
  • 343 posts

Posted 13 November 2011 - 07:45 PM

okay, biut please note, Ive made duplicates of the game folders at different directory levels to see if that would help it to find what it needs.

Go to www.one.com

and login to this domain :

phatangel.com, then go to the file Manager, the rest you will already know.

i will pm the password to you.

Only works in IE that one.com file manager thing

Edited by Symbols, 13 November 2011 - 07:47 PM.

  • 0

#10 legobear154

legobear154

    GMC Member

  • GMC Member
  • 277 posts
  • Version:GM:Studio

Posted 13 November 2011 - 08:04 PM

I don't see the .js file your linking to. Unless I am missing it somewhere.
  • 0

#11 Symbols

Symbols

    GMC Member

  • New Member
  • 343 posts

Posted 13 November 2011 - 08:17 PM

I don't see the .js file your linking to. Unless I am missing it somewhere.



I didnt get a .js file from gamemaker...

Im kind of noobish at web stuff, but I thought all i needed was the index.html file gamemaker produced for me along with all the folders. Are you talking about the .exe?

Edited by Symbols, 13 November 2011 - 08:18 PM.

  • 0

#12 legobear154

legobear154

    GMC Member

  • GMC Member
  • 277 posts
  • Version:GM:Studio

Posted 13 November 2011 - 08:20 PM


I don't see the .js file your linking to. Unless I am missing it somewhere.



I didnt get a .js file from gamemaker...

Im kind of noobish at web stuff, but I thought all i needed was the index.html file gamemaker game along with all the folders.


I am kinda noobish at GM HTML5 since i don't own it Posted Image Maybe not the best person to get help from? But I am a great web developer Posted Image

Did you compile the game just like you would in regular game maker? You should have gotten WebTest.js in one of the folders should have been in the html5game folder.

Edited by legobear154, 13 November 2011 - 08:21 PM.

  • 0

#13 Smarty

Smarty

    GMC Member

  • Retired Staff
  • 7213 posts
  • Version:GM:Studio

Posted 13 November 2011 - 08:21 PM

I don't see the .js file your linking to. Unless I am missing it somewhere.

Indeed. The file WebTest.js is not found in the html5game sub-directory. This is a pretty good reason for a game not to work at all. :P
  • 0

#14 Symbols

Symbols

    GMC Member

  • New Member
  • 343 posts

Posted 13 November 2011 - 08:23 PM


I don't see the .js file your linking to. Unless I am missing it somewhere.

Indeed. The file WebTest.js is not found in the html5game sub-directory. This is a pretty good reason for a game not to work at all. :P



okay that makes sense, but why would gamemaker not just put it somehwere easy whenre i can see it.. pffft argh! lol Ill have a look.

Found it..
why does it put it in there!! god dammn it lol

Cheers guys

I wish yoyo games would make effing tutorials for us noobs!

Edited by Symbols, 13 November 2011 - 08:29 PM.

  • 0

#15 legobear154

legobear154

    GMC Member

  • GMC Member
  • 277 posts
  • Version:GM:Studio

Posted 13 November 2011 - 08:25 PM



I don't see the .js file your linking to. Unless I am missing it somewhere.

Indeed. The file WebTest.js is not found in the html5game sub-directory. This is a pretty good reason for a game not to work at all. :P



okay that makes sense, but why would gamemaker not just put it somehwere easy whenre i can see it.. pffft argh! lol Ill have a look


lol. Well, if you get that file in place you will be all set i'm sure. I am still logged into your site btw, I will get off now.

Edit: Also, if you ever need a site designed I can help Posted Image

Edited by legobear154, 13 November 2011 - 08:26 PM.

  • 0

#16 Smarty

Smarty

    GMC Member

  • Retired Staff
  • 7213 posts
  • Version:GM:Studio

Posted 13 November 2011 - 08:32 PM

okay that makes sense, but why would gamemaker not just put it somehwere easy whenre i can see it.. pffft argh! lol Ill have a look.

Cant find that god damn js file!

Whenever you export a game to HTML5, you'll find all files related to the game in the html5game sub-directory. Only the index.html file isn't in there. Usually there is only one JS file in that directory, and that's your game code. Whenever GM4HTML5 makes an export, you'll see a link to that file in the produced index.html.

If you can't see it in the HTML5 folder, my guess is that this file type has been set to hidden in your Windows explorer. And if it's hidden, you'll have a hard time uploading it to any web server.
  • 0

#17 Symbols

Symbols

    GMC Member

  • New Member
  • 343 posts

Posted 13 November 2011 - 08:33 PM

Cool man. I will remebemer you :)

it works! Thank F**K

Ill make a you tube tutorial for anyone else now.

Cheers!

http://www.phatangel.com/index.html

Edited by Symbols, 13 November 2011 - 08:34 PM.

  • 0

#18 legobear154

legobear154

    GMC Member

  • GMC Member
  • 277 posts
  • Version:GM:Studio

Posted 13 November 2011 - 08:37 PM

Smarty is right, but I don't think javascript files are hidden by default. If they are, and you don't know how to show them, there are are some links. Windows XP http://www.microsoft...s.mspx?mfr=true
Windows Vista and 7 http://windows.micro...ow-hidden-files

Lol, nvm I see you got it. Good Job!

I could have sworn I saw a forum post how to do it somewhere not to long ago...

Edited by legobear154, 13 November 2011 - 08:38 PM.

  • 0

#19 Symbols

Symbols

    GMC Member

  • New Member
  • 343 posts

Posted 13 November 2011 - 08:39 PM

Smarty is right, but I don't think javascript files are hidden by default. If they are, and you don't know how to show them, there are are some links. Windows XP http://www.microsoft...s.mspx?mfr=true
Windows Vista and 7 http://windows.micro...ow-hidden-files

Lol, nvm I see you got it. Good Job!

I could have sworn I saw a forum post how to do it somewhere not to long ago...



yeh there is a pinned topi or something, but i couldnt find that .js file
you conviced me it had to be there.. and so i found it ... sweet relief!
  • 0

#20 legobear154

legobear154

    GMC Member

  • GMC Member
  • 277 posts
  • Version:GM:Studio

Posted 13 November 2011 - 08:46 PM


Smarty is right, but I don't think javascript files are hidden by default. If they are, and you don't know how to show them, there are are some links. Windows XP http://www.microsoft...s.mspx?mfr=true
Windows Vista and 7 http://windows.micro...ow-hidden-files

Lol, nvm I see you got it. Good Job!

I could have sworn I saw a forum post how to do it somewhere not to long ago...



yeh there is a pinned topi or something, but i couldnt find that .js file
you conviced me it had to be there.. and so i found it ... sweet relief!


Yep, I am just glad it all works :)
  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users