Rate this Entry

Leviathan talks coding~ #1

Posted April 7th, 2015 at 4:21 AM by Leviathan

[css-div="width: 80%; height: auto; background: url("http://i.imgur.com/Xoba0LQ.png") rgba(0,120,120,0.24);"]

[css-div="text-transform: uppercase; font-size: 18px; text-shadow: 0px 0px 2px #f3f3f3;"]entry #1; learning how to make stuff fancy[/css-div]

[css-div="width:80%; height: auto; background: rgba(0,0,0,0.3); padding: 5px; font-family: ubuntu; color: white;"]
Hi there! I suppose it's about time I made one of these thingys, which will primarily focus on me rambling on about some project or another. Hmm. Let's get to it then. Shall we?

Sooo I've had this daunting project that I've been neglecting to pay some much needed attention to for the past while, simply because I lack the skills and confidence to tackle it.

To put it in a word; I need to make a web game.

More specifically, a web game that annoyingly needs to interact with a database. How lovely. AND, it has to be done natively in PHP. So that means I can't bust out any fancy tricks or tools to make the work easier. *cries*

Now, don't get me wrong, it's not like I'm up the creek without a paddle or anything. I've drafted a specification for this project, along with some templates. The following is a very crude example of what I want my game to look like, and it's general game flow;

Fig. 1; Picture of game in progress.
1. Finisher button: This option, when selected, will deal a massive amount of damage to opponent fighter’s health. It is a unique attack that can only be used when the finish bar is full. The Finish bar will gradually fill up over time, and, once full, the finisher button will start to glow, indicating that it is usable.

Fig. 2; Game screen after finisher button is pressed.

2. “Choose a move”: This is the area where the moves the player elected to add to their fighter can be selected and used in battle. Each move will cost a certain amount of powerpoints (pp), which will in turn deplete the PP bar. Once the PP bar has fully depleted, the user’s fighter won’t be able to attack and must wait until the PP bar fills up again.

Fig 3; The game screen when the user’s character runs out of PP

3. “Forfeit”: Selecting this option will end the current game session. Once pressed, the user will be redirected to the home page.

Fig. 4; “Forfeit” game screen
4. Character Status; This section will display the name of the player’s fighter, how many health and power points it has remaining, and how far its finisher attack is away from being used.
5. “TestUser”; This will display the player’s username, selected when the user first signs up.
6. Enemy/Other Player name; This will likewise show the username of the player’s opponent or an API controlled by the system, which will pick an attack move at random.
7. Character Image; This area will show a graphic of the player’s character, and also that of their opponent’s fighter. Depending on concern revolving around copyright and loyalties, these graphics will either use renders from pre-existing media or else they will be 16-bit sprite based (as shown in pictures above.)


So as you can see, it's sort of an ambitious project, but I really want to give it a try. All going well, I could score a nice few CA marks in the module in my college course for which I'm doing this project for. I think I'll start by learning PHP from scratch again, since my lecturer wasn't exactly the best at explaining it, particularly the PHP stuff that actually lets you interact with a database.

Please be aware also that this project is in fact three-folded; the other parts should be way easier for me, but the game part is going to be the hardest and most important part of this venture that I need to complete.

So uh, if there's any kind souls out there willing to give me some pro-tips....I'd be forever grateful. Kyuk.

Got two weeks to finish this bad-boy....let's do this!

Aaaand before I forget, I'll just leave this siggy I made here, for future reference.

[css-div="width:390px; height: 206px; background: rgba(0,120,120,0.9);"]
[css-div="box-shadow: 2px 2px 5px #888888; color: white; background: url("http://pile.randimg.net/0/170/42662/summerslam.png"); width: 390px; height: 200px;font-size: 10px; text-align:left; border-top: 3px solid #96CDCD; border-bottom: 3px solid white; margin: -16px;"]

[css-div="margin-left: 250px; margin-top: -25px; text-shadow: 0px 0px 0px 3px rgba(0,0,0,0.8);"]t w i n [/css-div][/css-div]


pssst. that text parsing...



Posted inUncategorized
Views 6654 Comments 6
« Prev     Main     Next »
Total Comments 6


  1. Old Comment
    Zeffy's Avatar
    php sucks
    Posted April 7th, 2015 at 4:40 AM by Zeffy Zeffy is offline
  2. Old Comment
    Candy's Avatar
    Reminded me on that one time when I made some sort of turn-based battle game on Powerpoint for my final computer project from last year at high school.

    100+ slides, lots of linking between slides, a lot of testing to make sure it's going to the correct slides, and I still don't get on how I managed to make it in one day haha. It's really simple, but infuriating to make lol.

    Now I'm hoping that my teacher doesn't show it off to my juniors 'cause it's embarassing haha.
    Posted April 7th, 2015 at 5:10 AM by Candy Candy is offline
  3. Old Comment
    Leviathan's Avatar
    @ Zeffy; Mmm, indeed it does. Even though I dislike javascript more, I would really prefer if we could use it instead. That way I could go for something in the style of Pokémon Showdown. Oh well.

    @Illusione-Tempus; Woah, that sounds like a cool idea, especially for a Powerpoint file. So well done for making it, especially within a day.
    Posted April 7th, 2015 at 5:28 AM by Leviathan Leviathan is offline
  4. Old Comment
    Nathan's Avatar
    You can't use Javascript, like at all??
    Posted April 7th, 2015 at 7:19 AM by Nathan Nathan is offline
  5. Old Comment
    Leviathan's Avatar
    @ Arx; I can for small things, but the meat of it has to be done in PHP.
    Posted April 7th, 2015 at 8:00 AM by Leviathan Leviathan is offline
  6. Old Comment
    Tsutarja's Avatar
    Honestly, I think these coding 101 things should be made into a thread in C&T :3

    if you do make a help thread I would be more than happy to sticky it jsyk :)
    Posted April 7th, 2015 at 3:20 PM by Tsutarja Tsutarja is offline