Jump to content

Do i need Canvas and JS game loop to create this ? or CSS3 can handle it


aladine
 Share

Recommended Posts

Hello everyone,

 

i've build this website for my friend a year ago and i thought it would be a good practice if i port it to HTML5, i was going to start coding just like the book i was reading taught me how to animate and interact with "game" elements, so i would need a game loop and other basic games stuff, but then i remember that i read once about CSS3 transition and how it can be used to create a responsive websites, and since this is the only fancy part in my website, i thought that instead of making a good practice, maybe i could learn something new, knowing that i never wrote a CSS sheet from scratch (i always google it and copy it :D  ) plus i said that using CSS3 to perform animation will consume less CPU usage than JavaScipt game loop  (just a personal thought, am not sure of it).

 

So what do you think ? Build it as a game or learn to do it the other way ? if so, any further information and ressources would be very appreciate it, 

 

thank you very much.

Link to comment
Share on other sites

If you did want to recreate the site in canvas you probably would need a game loop to handle things like animations and tween movement, yes. You'd need event handlers to handle the clicking and buttons as well. Actually it might be fairly complex to design in just canvas. 

 

I think a better solution would to recreate the site in html with 3d css transforms. You could probably get away with not using a game loop of any kind since css has its own abilities to do animations and tween movements.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...