Creating a browser RPG in javascript

SolidSamurai · #1 (**permalink**) 09-27-08, 05:49 AM

IMHO, this is the next step for me.

How would I go about doing this?

Would you start with button(value = "click" onclick(document.write("text")));, ie.?

I'll learn throughout the thread here.

End User · #2 (**permalink**) 09-27-08, 08:53 AM

Quote:

Originally Posted by SolidSamurai

IMHO, this is the next step for me.

How would I go about doing this?

Would you start with button(value = "click" onclick(document.write("text")));, ie.?

This question is so general, it's difficult to give you a meaningful answer. It's sort of like asking "if you're going to do a heart transplant, should you start with a #10 scalpel?"

The answer is, "It depends."

If you want to create a browser-based RPG, draw up a list of the game specs, play modes, and functions. It'll be a large list even if it's a simple game. Then start building the pieces, graphics, underlying code, etc.

A browser-based RPG is a pretty complex application; if you're new to Javascript and/or PHP you might consider starting with something a little less ambitious.

Sdry · #3 (**permalink**) 09-27-08, 11:43 AM

You are aware client side scripts aren't exactely safe for your game ? depends what you are gonna use them for, but you should base on a server side language if the game is ment to be played clean , though if it's only a personal test, its doable.

SolidSamurai · #4 (**permalink**) 09-27-08, 09:38 PM

It wouldn't be client side. It's just point and click. Very simple stuff with mathematical functions incorporated (click a button to fight the monster and then click the button with attack value to attack the monster). No graphics (except for a few jpgs maybe), nothing of that sort.

It's practice for learning how to incorporate math functions in proper order (ie. a way of randomizing chance to hit enemy with weapon and then a damage ratio for weapon/player per current level). Something that I'd build upon.

SolidSamurai · #5 (**permalink**) 09-29-08, 02:47 AM

Okay...

Code:

<html>
<head>
<script language="javascript">


combatplayerattack=new Array();
combatplayerattack[0]="You barely catch ' + monster + ' with your ' + playerweapon + '";
combatplayerattack[1]="You ' + playerweapon + ' plunges deep into ' + monster + '!  Critical Hit! ";
combatplayerattack[2]="You swing your ' + playerweapon + ', but ' + monster + ' skimly avoids!";
combatplayerattack[3]="Your weapon is deflected!";
combatplayerattack[4]="Your attack misses completely!";
combatplayerattack[5]="From the reaction of ' + monster + ', it's clear that your ' + playerweapon + ' hurt it somewhat!";

var randomplayerattack = combatplayerattack[Math.floor(Math.random() * combatplayerattack.length)]

</script>
<button onclick="document.write(' + randomplayerattack + ')">Attack</button>
</head>
<body>
</body>

What's wrong with the script here? Other then the fact that I forgot to include values for playerweapon and monster.'

Also, I might be going too deep with this question but how do I include multiple values for different items, such as for a certain monster: I might include AC, to hit, and damage as well as the fact that they are holding a weapon, wearing armor, or even core stats (STR, DEX, WIS, etc.) that correspond with every npc/pc in the game? Would the monster itself be a function? Would the 'player' be a var of its own (in the code of the world itself rather then calling accounts from a database to define the 'player')?

SolidSamurai · #6 (**permalink**) 10-03-08, 04:55 AM

Nobody else interested in helping out?

End User · #7 (**permalink**) 10-03-08, 12:11 PM

Quote:

Originally Posted by SolidSamurai

Nobody else interested in helping out?

The fact is that most of us have jobs, lives, wives, children, and other real-world obligations that prevent us from taking the time to code your stuff for you.

SolidSamurai · #8 (**permalink**) 10-03-08, 02:10 PM

Dude, it's questions. Just answer my questions, no need for a hissy fit.

This also doesn't indicate that I want you to do it for me. I'm still trying to learn myself.

TwoD · #9 (**permalink**) 10-04-08, 06:42 AM

Quote:

Originally Posted by SolidSamurai

It wouldn't be client side.

If it's JavaScript, it's clientside. Simply because JavaScript runs on the client/browser.

JavaScript Code:

<html>
<head>
<script language="javascript">
 
 
combatplayerattack=new Array();
combatplayerattack[0]="You barely catch ' + monster + ' with your ' + playerweapon + '";
combatplayerattack[1]="You ' + playerweapon + ' plunges deep into ' + monster + '!  Critical Hit! ";
combatplayerattack[2]="You swing your ' + playerweapon + ', but ' + monster + ' skimly avoids!";
combatplayerattack[3]="Your weapon is deflected!";
combatplayerattack[4]="Your attack misses completely!";
combatplayerattack[5]="From the reaction of ' + monster + ', it's clear that your ' + playerweapon + ' hurt it somewhat!";
 
var randomplayerattack = combatplayerattack[Math.floor(Math.random() * combatplayerattack.length)]
 
</script>
<button onclick="document.write(' + randomplayerattack + ')">Attack</button>
</head>
<body>
</body>

Other than the obvious missing variable declarations you mentioned, you have the quotes wrong almost everywhere.

To insert the value of a variable in a string, you must split it to two strings:

JavaScript Code:

myVar = "string one, " + myOtherVar + ", string two";

Add two doublequotes here as well:

HTML Code:

<button onclick="document.write('" + randomplayerattack + "')">Attack</button>

Using document write there isn't much point as you can only do it while the page loads, but I'm assuming you already knew that and used this as a testcase.
Edit: I just noticed the <button> tag was in the <head> tag too, where it won't be rendered as only stuff in <body> normally is.

End User has a point, tho be it a bit hidden. Always check the syntax, preferably after each new line. The problems you had here are easy to spot with a highlighting editor like say tsWebEditor or UltraEdit, or even the default text editor gEdit in Linux distributuions using GNOME.

SolidSamurai · #10 (**permalink**) 10-06-08, 01:12 AM

End User has no point. Hiding your point is useless.

He's useless. Just felt I had to say that.