• Advertisement
  • Popular Tags

  • Popular Now

  • Advertisement
  • Similar Content

    • By Lode
      I'm working on a tile based engine in HTML5+canvas.
      I currently made every single tile in the world its own little canvas. The reason is, I make two canvases per tile, and depending on state display one of the other. This allows fast switching between the two with style.display.visiblity.
      However, while that actual showing and swapping visibility goes fast, what goes slow is creating them at the start of the game, in Firefox at least. In Chrome, this all goes super fast. In firefox, simply creating a couple of thousand canvases, especially calling getContext('2d') on each of them, goes super slow.
      Is there any alternative better way to have a 2D tile based engine where each tile can efficiently swap between two different graphics?

    • By Questengine
      Hey Everyone, I was part of this community 10 years ago. I made a game that Steve Pavlina at Dexterity published and almost no one bought. 
      I'm a programmer, I like to build stuff and HATE to market and sell stuff.  If you want to take my product and make a pile of money with it, I'll split it with you 50/50.  
      I owned picross dot com for several years before Nintendo took it from me.  All I was left with was a few thousand user-made nonogram puzzles in my database. I've been trying to do something with them, but again, I'm not a business person.
      So I've made a mobile friendly html5 page with a version of picross and it's pretty much complete, if you can monetize it I'd love to have your help.
      But picross games on mobile suck right?  Because there's too many little things to tap and too much zooming in and out!  Not with my game. I automatically fill in every other cell in the puzzle, then highlight the unsolved cells one at a time and the user need only select "mark" or "blank".  You still have to use picross-like logic, but it's faster and the UI is far simpler. 
      So this thing already exists, you can play it here http://www.questengine.com/quickcross/ I think it only responds to touch events so it may not work on a full desktop browser with mouse clicks.  There's a google adsense ad that pops up after each puzzle, but please ignore it, I'm not trying to get clicks, I seriously want a person who's good at building business relationships and who's just looking for a product to work around.
      Hope you'll have a look, thanks.

    • By Carl Gough
      Ninjaskins.com (you may need a vpn to access)

      So at the moment we have released a website which we are trying to turn into a fully regulated igaming/esports site so that we can allow skins/crypto/gateways, our site is www.ninjaskins.com and we have come up with a really unique roulette game and video gamed it up, which is the theme for this site we want to take the casino vibe out of the mix and bring a more video game experience since we accept ingame items as the currency for now, soon crypto etc.
      The trouble is its hard to find decent games designers, especially those who can code in react/htms/css well also so I thought I would branch out here to see about getting some ideas on some concepts we have.  Pretty much this industry is saturated with cookie cutter sites making the same games

      Coinflip       - https://gyazo.com/a7c5026da29e3e77f419b0089a89cb8b we are trying to release this but taking forever due to part time guys....
      Jackpot        - csgofast have the biggest version of this
      Roulette      - as you can see on ninjaskins.com we have something pretty cool
      Dice             - http://portfolio.tech-art.su/dice/ this kind of thing
      Lootboxes   - datdrop.com is great, daddyskins also
      Mines          - check bitkong.com
      Crash          - our early version flatline.mp4
      Slots            - csgofast and csgocmpire.com have this

      I'm basically looking for inspiration, the two games I'm picking from are crash or dice at the moment, but I really don't know how to make Dice more interesting and this gamemode has evolved as a new gamemode called trade up, on things like bolt.gg

      The stack we use is hapi js/node js + typescript/react

      Anyhow, lets see what you amazing games devs think, creative juice much appreciated!
    • By DotaCard Channel

    • By jamespierce
      Screenshot: Pixel Memory
  • Advertisement
  • Advertisement
Sign in to follow this  

Realm of Mad God - 3D Perspective [question]

Recommended Posts

Hi guys. I'm interested in implementing an camera adjustable isometric view similar to  realm of mad god, but in HTML5 instead of Flash. Basically, in that game, its isometric by default, but you can adjust the camera in the (x,y) plane and see things differently. I was wondering if this is achievable by plain HTML5 canvas. Or whether I need to use WebGL for it. 

game at 45 degrees


game at ~80 degrees



Share this post

Link to post
Share on other sites
7 hours ago, kuroro_san said:

I was wondering if this is achievable by plain HTML5 canvas. Or whether I need to use WebGL for it.

The level is 3D the characters are 2D so you will need some 3D renderer. However instead of building your own library for this kind of thing I will recommend using three.js :https://threejs.org/

3D rendering has a lot of little things to concern yourself with, like the 2D sprites are all still going to count as a geom and as such each one will reduce the total amounts of geoms you can have.

What it all means is that unless you run a lot of background optimization running you won't be able to have that many characters onscreen. Three.js has all that done for you and is very easy to use. 

Share this post

Link to post
Share on other sites
1 hour ago, kuroro_san said:

I might actually use babylonjs as i read its easier to use and not as low-level as three

Both are low level, very basic skeleton that was why I recommended it.


WebGL The basic render. On it's own without any framework it can do wonders. However very time consuming and your own framework will often cause the same slowdowns. 

Bybylon.js has very clean framework with, it's basically it's Three.js with a user friendly aim. One unique aspect you would like about it is that it optimizes automatically. That means that out of the gate Bybylon.js will outperform Three.js; unfortunately it lacks any decent GPU support and is very rigid.

Three.js is much more flexible and with much better GPU support. It can actually render more triangles than Unity, however it is only a renderer and has very little for games. It's what I use when showing my 3D models on the net as it can display highpoly models.


If you are looking for something more high-level:

Blend4Web Very-very powerful web game engine. Has direct support with Blender and is easy to use if you are familiar with Blender. The largest drawback is the license, either you share all your files and can use it all for free or you pay $990 per person to get a commercial license.

Unity High level web game engine. Easy to use, easy to build, AAA power engine a pain to manage. One of my largest problems with it is memory limits on Chrome browsers. It improved but there is still a lot of work to be done here.

Unreal4 most powerful game engine available for "free". This is a multi-million dollar engine, it has everything you could ever want. The problem is the huge amount of time you will spend learning just to use the engine.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Advertisement