+5

How do I add a logo at the beginning of my game?

Do you remember back in the days when the company logo would come up before the game loads? Well I’m trying to do the same! Does anyone know how to do that in HTML?? Maybe we can work together to make html canvas games! Also, I’d like to ask if everyone that sees this comment. Even if you don’t know, say at least something in the comments. Thank you. -Zachary Williams

10/20/2019 4:07:07 PM

Zachary

40 Answers

New Answer

+12

If youre persuing game programming youre going to have to think extremely literally. E.g... How do these logos appear? Its an image [take an image] that is there for some time [create a timer] during bootup [place logic in the boot state]. Sometimes it fades away [reduce global alpha], accelerates right [update X], etc. you can do it in html the same way except you will have to mess with dom and css instead of the plain image. Personally I prefer to do everything on canvas, but many people here use all 3

+5

https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/Image This website is extremely helpful overall

+4

Up there, in your original question buddy 👆 Pick 'Edit' from menu to the right, and it's all good 👍

+4

https://code.sololearn.com/Wpj9AK37QY4H/?ref=app

+2

by adding game state possibly ? if(gamestate == LOGO_SCREEN) return drawImage(imagelogo, 0, 0, canvas.width, canvas.height); you can also start a timer to change the gamestate at the start. setTimeout(()=>{gamestate = MAIN_MENU}, 5000);

+2

Please put 'HTML canvas game' in Relevant Tags section, just to improve context clarity 👍

+2

where is the relevant tags section

+2

done

+2

you have to learn CSS art for the purpose

+1

pure html ? or you're using canvas ?

+1

I’m using canvas

+1

do you know how to use a photo

+1

im wondering how to use a photo

0

You can do it with css stylesheet. I'm still learning and I'm a novice. So, can't write the code right now. But I saw this kind of stuff being done by css.

0

https://drive.google.com/file/d/1-5NAQAHdrmW7ynUdRytCcn4Mb2PlRt4h/view?usp=drivesdk Wish you could get some help form it. I created the image file, by rotating and opening as a layer in gimp.

0

thanks that helped

0

you said to comment regardless of experience so... good luck?

0

Hahaha 😂😂😂

0

i didnt say good luck did i

0

bad luck then.