Back to General and Gameplay Programming

[web] 3d game in a web browser

Perim Jensen · 2011-04-06T13:43:37

Hello GameDev! I could really use some pointers on a big-picture plan of which languages to learn in order to accomplish what I'm trying to do. Thanks in advance for any help. I really do appreciate it. By the way - I'm not a beginner, but I'm not that advanced yet either. My resources: (subjects I have read thick books about, but have yet to do much practice with): HTML / CSS (HTML & CSS: The Complete Reference, 5th edition) Javascript (Javascript, the Definitive Guide) C++ (Ivan Horton's Beginning Visual C++ 2008) Python (Python Programming for the Absolute Beginner) I haven't learned PHP / MySQL yet, but I will. As well as anything else I need to learn to accomplish this dream of mine. My goal: I want to make a game with a look & feel similar to the "dungeon master clone demo" called "escape from dragon mountain" as shown here - http://www.youtube.c...h?v=Put6IOUUYLI But I want it to run fully in a web browser. Ideally. However, if that limits me to crappy options, then maybe I'd be willing to settle for it running outside of a web browser in some type of client that people would download from my site, while still keeping their saved character data on my server. This demo (which was never completed) was created by 4 people; so I figure I could make something simpler on my own (even if it were to require a goat sacrifice to the gods of higher education). My problem: Figuring out the pieces of the puzzle needed to accomplish this. For example, if I were telling someone what to learn to make a website, I'd tell them HTML for content, then CSS for presentation. Probably JavaScript next to create behavior. Then PHP / MySQL for server side scripting and saving to a database. But what would I need in order to create a 3d game within (or possibly outside of) a browser? I've heard of Maya and 3ds Max. (and I'm not scared to save up the money to buy expensive programs, if they significantly cut the production time) Would I need one of those to create the 3d images? And what about PhotoShop - would I need that to create textures to put onto the 3d images? (If so, I'm also considering GIMP) But maybe those have nothing to do with this project - I don't know. Would there be any other pieces of the pie besides those? Maybe I'd need a non-scripting OO language such as C++ or Python...? Or maybe I need one of those game engines I hear people talk about. Or maybe this type of game doesn't need a graphics engine. And perhaps there's something that plays a key role between my programming language and 3d images that I'm unaware of. Help! He he. I've seen a 3d game run in a browser; it's called Sherwood Dungeon (http://www.maidmarian.com/sherwood.htm), which I had to download Adobe Shockwave to play. Maybe I need a developer version of that. (I didn't care much for the style of graphics) In short, I really don't know which ingredients I need, and what choices there are for each of those ingredients. I'm willing to spend ridiculous amounts of time learning this, as well as some money - I just need a point in the right direction; and Google just isn't cutting it, no matter what I try putting in the search field. (how I wish it were the Starship Enterprise's computer) I realize this will take a lot of time, but my spouse supports me (in both meanings of the word) and I absolutely love learning geeky things on computers as well as designing games that I hope to be able to create someday. Thanks again!

General and Gameplay Programming Programming

Started by perim February 02, 2011 06:34 AM

14 comments, last by Dino 13 years ago

louissan

104

March 20, 2011 09:47 PM

[color="#1C2837"]

[color="#1C2837"]I'm the guy behind GLGE ;-)[/quote]

Then I am mightily pleased you lurk around here.

Any chance to get more COLLADA demos/tutorials? I'm sure little Frankie would love to see similar friends pop up on the web.

OP: as I read elsewhere, if MS had its way, we would be reading Word documents when surfing the Internet A frightening proposition at best.. We can only hope to have a Direct3D equivalent of WebGL one day for IE support.
However, what I *think* will happen is a slow dwindling of IE. Always late, always slower and offering bugged/incomplete support for nearly or fully mature technologies ... end users have no pity and the evolution of browsers market share in the past few years show it.

Now, MS and IE does not necessarily mean "bad". After all, concepts such asynchronous HTTP requests, DHTML, were born thanks to IE. It's just a shame MS always tries to impose its proprietary standards, when (most of) the rest of the industry strives to create open ones.

My 2 € cents.

sim27

122

March 22, 2011 10:50 AM

This is the most impressive pure HTML 3d game I know:

http://www-valoria.univ-ubs.fr/Nicolas.Bonnel/3D/world/loader.html

written in JavaScript, utilizing WebGl (some elements are rendered in 2D canvas).

sim27

122

March 22, 2011 10:52 AM

[quote name='ZeRaW' timestamp='1299750463' post='4783931']
It is not really that commercial. So I would not recommend investing time in it for a project that you want to sell or promote as not the majority of the people would be able to
view your content.

this shouldn't be a problem

Every new Browser is/will support it in just a few months
It would be so easy to build a fallback JavaApplet which could be used as a WebGL implementation instead of the one from the Browse

[/quote]

yeah, all modern browsers support it by now. Already browsers (especially IE): forget it. Not only do they not support webgl and never will, they also have very slow JS implementations (most of them).

but JavaApplet? that won't work. There is no JS <-> Java bridge or I am totally not getting what you mean

jsaade

384

March 24, 2011 09:34 AM

This is the most impressive pure HTML 3d game I know:

http://www-valoria.u...rld/loader.html

written in JavaScript, utilizing WebGl (some elements are rendered in 2D canvas).

Although the effort is amazing, it is very far from being commercially adapted.

What I meant, was use an editor like Unity. For example, at any given Time Unity might support WebGL then it will just "export" to WebGL.
Same as it does now with iphone,android, ...
and if it does not support it, your game will still be playable via their browser plugin.

JDX_John

292

April 05, 2011 09:18 PM

[color="#1C2837"]The only browser that won't be supporting it will soon be IE and that is already below 50% of the market(Europe)

Sorry but writing any web product which doesn't support IE is a seriously bad idea. When it's a game which is probably going to focus on the casual gaming market, even more so.

You can though use Google's Chrome Frame which is effectively a plugin for IE which runs Chrome inside the browser. You are more likely to get users to install a plugin than a whole new browser.

I would suggest Unity is the best fit here though; flash-based 3D is not mature yet and WebGL, well then you have to write everything in client-side JS which isn't my cup of tea.

www.simulatedmedicine.com - medical simulation software

Looking to find experienced Ogre & shader developers/artists. PM me or contact through website with a contact email address if interested.

Dino

172

April 06, 2011 01:43 PM

While a True 3D game on the web-browser may be some time away from commercially viable, Isometric games are not and can be done now. By using some clever HTML/CSS tricks, you can render an Isometric view and develop and Isometric game all in the browser context. Do a quick web-search on the Aves Engine from Dextrose. There are some nice videos of a prototype Isometric engine. Dextrose was eventually purchased by Zynga, the makers of all those Facebook games like FarmVille.

I also agree with JDX_John. Your target audience must include IE 7+ users. Without them, you will have a failed game.

Dino M. Gambone
Good judgment is gained through experience. Experience, however, is gained through bad judgment.

Currently working on Rise of Praxis MUD: http://www.riseofpraxis.net/

[web] 3d game in a web browser

This topic is closed to new replies.

Popular Topics

Recommended Tutorials

[web] 3d game in a web browser

This topic is closed to new replies.

Popular Topics

Recommended Tutorials

Reticulating splines