2d Browser / Turn Based Pool game

Started by
4 comments, last by shocobenn 10 years, 10 months ago

Hi all,

I am new to all of this and am looking to develop a Browser (and turn) based Pool game. Ideally I would like to try and do something in HTML5 / Javascript.

I am a keen learner and would like to do as much as I can myself but, Like I said, this is all new to me.

Can anybody, give me a nudger in the right direction with this like resources etc?

Your advice is welcomed and appreciated .

Advertisement

Have a look at Unity. It uses "JavaScript" I say that because it is not really Javascript. There are a few changes but it seems pretty close. Java and Javascript are two different things, Javascript being more for website development if I'm not mistaken, and Java is more for application development (including browser based ones). Not sure about HTML5 as I have never had anything to do with it but for Java take a look at this series: http://www.youtube.com/playlist?list=PL656DADE0DA25ADBB The Cherno seems to be very easy to follow for beginners.

Good luck and I hope you succeed!

I think this Udacity course: Learn HTML5 - Game Development might be helpful to you.

Thanks for the links guys. Both look like what I need.

Hey ! If you just want to learn how to "do a HTML5 game" you have first to , obviously learn javascript basics and understand how the "html canvas element" works.

This is how canvas drawing works :

Imagine you're on Paint , or Gimp. You have a mouse/brush (You'll often see context or ctx) and you can say that this brush is a scare (else this is anything) and then fill it or only stroke it.

This how this looks :

ctx.fillStyle = "#000000" //Say your brush is white

ctx.fillRect(0, 0, 100, 150) //draw a rectangle at (0,0) , width 100 and height 150

To draw an image

ctx.drawImage(image, positionx, positiony, width, height) // you need to load "image" before with Image javascript classe.

To draw an animation, you'll have to work with http://atomicrobotdesign.com/blog/web-development/how-to-use-sprite-sheets-with-html5-canvas/

Ok, this is the draw part http://www.html5canvastutorials.com/tutorials/html5-canvas-tutorials-introduction/

Then you have to move all thoses objects. You need a loop, where you'll at each frame update your elements , look for the most used "requestAnimationFrame".

To finish, you have to work with maths, mainly in a pool game where you'll play with vectors.

Good luck, i would have suggested you a pong or something else more easy than a pool game for an html5 game.

You should definitely not use javascript for unity but C#, because all you do in Unity is using the unity library, you rarely really use C#.

Using javascript give less performance and will give you a bad idea about the language, javascript.

Ha, and if you make your game with HTML5 don't forget to learn how to do POO with javascript (it's abstract, there is a lot of ways to do the same thing , but this is so powerfull)

This topic is closed to new replies.

Advertisement