Jump to content

  • Log In with Google      Sign In   
  • Create Account


2d Browser / Turn Based Pool game


Old topic!
Guest, the last post of this topic is over 60 days old and at this point you may not reply in this topic. If you wish to continue this conversation start a new topic.

  • You cannot reply to this topic
5 replies to this topic

#1 AdsTwyx33   Members   -  Reputation: 106

Like
0Likes
Like

Posted 30 May 2013 - 06:42 AM

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 .



Sponsor:

#2 Scobbo   Members   -  Reputation: 174

Like
0Likes
Like

Posted 02 June 2013 - 07:12 PM

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!



#3 shadowisadog   Crossbones+   -  Reputation: 2369

Like
1Likes
Like

Posted 02 June 2013 - 07:35 PM

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



#4 AdsTwyx33   Members   -  Reputation: 106

Like
0Likes
Like

Posted 03 June 2013 - 03:33 AM

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



#5 shocobenn   Members   -  Reputation: 273

Like
1Likes
Like

Posted 05 June 2013 - 06:51 AM

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.



#6 shocobenn   Members   -  Reputation: 273

Like
0Likes
Like

Posted 05 June 2013 - 06:58 AM

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)






Old topic!
Guest, the last post of this topic is over 60 days old and at this point you may not reply in this topic. If you wish to continue this conversation start a new topic.



PARTNERS