Jordan
Elite Poster
[M:5000]
Posts: 286
|
Post by Jordan on Dec 15, 2010 0:17:44 GMT
I've decided that I want to make a cool game with the HTML5 canvas element on my break so I quickly made a maze to get a feel for it. Use the arrow keys to move around. As you can see, I didn't put much effort into making it difficult. Tested in FireFox and Chrome. xtriad.comxa.com/applications/canvas_games/maze/maze.htmlxtriad.comxa.com/applications/canvas_games/canvas_shooter/game.htmlAs for the actual game I should make, I'm not sure. Mr. Niikolaus and I have decided to work together on it and others are welcome as well. So far I've just thought of some sort of 2D jetpack game (in the super mario angle) where you can run and temporarily fly and shoot monsters. Let me know what you guys think.
|
|
Cam
Administrator
[M:5000]
Posts: 6,381
|
Post by Cam on Dec 15, 2010 0:21:29 GMT
That's pretty cool Is it hard to make?
|
|
Jordan
Elite Poster
[M:5000]
Posts: 286
|
Post by Jordan on Dec 15, 2010 0:25:57 GMT
It may be challenging if you have never made a game before, but a maze is a great first game to make since it's not complicated. You can view all the source since it's in Javascript. The main js file is the maze.js which just contains two Javascript classes. I used JQuery for keyboard input since different browsers do different things and JQuery simplifies everything. If people want some sort of tutorial I could make one.
|
|
xcessive
Epic Poster
.[M:5000]
Posts: 526
|
Post by xcessive on Dec 15, 2010 3:24:27 GMT
I've been meaning to get into the new HTML5 stuff, particularly the canvass element. Is there a good API/Documentation as yet?
|
|
Jordan
Elite Poster
[M:5000]
Posts: 286
|
Post by Jordan on Dec 15, 2010 3:48:37 GMT
I've been meaning to get into the new HTML5 stuff, particularly the canvass element. Is there a good API/Documentation as yet? I've been able to find what I need here. It's not very difficult to get something working so you should be able to make a simple game or application fairly quickly.
|
|
xcessive
Epic Poster
.[M:5000]
Posts: 526
|
Post by xcessive on Dec 16, 2010 1:24:06 GMT
I've been meaning to get into the new HTML5 stuff, particularly the canvass element. Is there a good API/Documentation as yet? I've been able to find what I need here. It's not very difficult to get something working so you should be able to make a simple game or application fairly quickly. Hmm it just uses javascript. I wish there was an alternative to JS, like a client side oriented version of Ruby or something. sigh.
|
|
Cam
Administrator
[M:5000]
Posts: 6,381
|
Post by Cam on Dec 16, 2010 1:42:50 GMT
It's a easy but good game.
|
|
Jordan
Elite Poster
[M:5000]
Posts: 286
|
Post by Jordan on Dec 16, 2010 2:25:22 GMT
I've been able to find what I need here. It's not very difficult to get something working so you should be able to make a simple game or application fairly quickly. Hmm it just uses javascript. I wish there was an alternative to JS, like a client side oriented version of Ruby or something. sigh. Heh, I feel that way all the time when I want to try something new, especially when it comes to phones since you need to know Java, C#, C/C++ or Objective C depending on what phone you want to make an application for. Javascript isn't bad, though, and it's only going to get more popular. There are already 3D games for the canvas element, although they aren't any good. Eventually people will be making legit games with Javascript so it's worth learning. It's a easy but good game. Well I could make it hard, but I'm going to start on a different game tonight. Mazes are boring.
|
|
prads
Elite Poster
[M:0]
It's a shame that PI isn't an integer :(
Posts: 361
|
Post by prads on Dec 16, 2010 11:01:21 GMT
Looks cool. You should try and make a pacman like game, that would be fun to play. lol
|
|
Jordan
Elite Poster
[M:5000]
Posts: 286
|
Post by Jordan on Dec 17, 2010 7:02:08 GMT
Looks cool. You should try and make a pacman like game, that would be fun to play. lol There's too many pacman games out there. ;P I'm still working on this, but I've been putting all my time into learning Javascript classes and inheritance since the JS way is much different than what I am used to. I'm having to solve problems in a different way which is interesting.
|
|
prads
Elite Poster
[M:0]
It's a shame that PI isn't an integer :(
Posts: 361
|
Post by prads on Dec 17, 2010 7:28:06 GMT
Yeah that's true but it would just be for learning purpose. Like learning how to create AI of enemy and stuffs. And it's more fun to play games that is made by yourself than made by others.
|
|
Jordan
Elite Poster
[M:5000]
Posts: 286
|
Post by Jordan on Dec 17, 2010 8:11:08 GMT
Yeah that's true but it would just be for learning purpose. Like learning how to create AI of enemy and stuffs. And it's more fun to play games that is made by yourself than made by others. I've actually already made several games in C++ which have some basic AI so I have experience. I made Tetris back in high school and a Centipede clone which has some simple AI last year. I've also made some other simpler ones including Tic Tac Toe that has a legit AI that can play on boards that are greater than 3x3. The game I'm thinking of will have to have some AI as well which I'm looking forward to. I agree that playing your own games are much more fun, though. I still play my Tetris game all the time.
|
|
prads
Elite Poster
[M:0]
It's a shame that PI isn't an integer :(
Posts: 361
|
Post by prads on Dec 18, 2010 2:42:14 GMT
Well, put them here for download then. Want to see them...
|
|
Jordan
Elite Poster
[M:5000]
Posts: 286
|
Post by Jordan on Dec 18, 2010 8:32:43 GMT
Previewxtriad.comxa.com/applications/TetrisLeft and Right arrows to move Up arrow to rotate Down arrow to move down faster Spacebar to hotdrop Shift to hold the current piece CentipedeWASD to move around Spacebar to shoot Arrows to change settings on settings page You can also modify the map files to change the difficulty of the centipede and the layout of the static objects.
|
|
prads
Elite Poster
[M:0]
It's a shame that PI isn't an integer :(
Posts: 361
|
Post by prads on Dec 18, 2010 15:35:59 GMT
Those are quite awesome. Love the centipede game.
|
|
Jordan
Elite Poster
[M:5000]
Posts: 286
|
Post by Jordan on Dec 19, 2010 7:54:23 GMT
I've been working on my 2D game engine, specifically on collision detection and I've made some great progress which you can observe at the link below. There's still quite a bit that I need to do to make it more efficient, but it works pretty well although I'm sure there are bugs. I'm using the Spatial Subdivision algorithm which is decent. You can move the red dot with WASD to push dots around or just let it get hit. (Tested in FireFox and Chrome.) xtriad.comxa.com/applications/canvas_games/canvas_shooter/game.htmlThose are quite awesome. Love the centipede game. Thanks, the coding is pretty bad, though. Every time I finish a project I see all these things that I could have done better. >< By the way, did you buy a book to learn how to make 3D games or did you just figure it out? Making a game from scratch with the DirectX API seems like it would be difficult.
|
|
prads
Elite Poster
[M:0]
It's a shame that PI isn't an integer :(
Posts: 361
|
Post by prads on Dec 19, 2010 10:58:10 GMT
From the samples given in the SDK and a book by Frank D. Luna, those help me learn the DirectX. Though I haven't learn pixel shading yet.
In my game, collision is done by calling simple bounding box overlap checking and if it returns true, another algorithm derived from Separating Axis Theorem is called. That is enough since cars usually have rectangular concave shape. I don't have deep knowledge on Spatial Subdivision. I believe it's like dividing space into smaller parts and then doing a checking (Bounding Box checking?) so that only the objects near each other are checked for collision. That is done for speed right? Since checking collision against every objects is redundant.
|
|