I am creating a html5 canvas game. I cannot figure out how to perform the generation of such maps.
All maps of different size and scale. How does it work?
There are plenty of resource about HTML 5 game
Here is one Build a tile-based HTML5 game
Or you wanna to use some Js engine perhaps? http://www.kiwijs.org/api/
Hope this would help you
Related
Im a starting game developer and I'm having some issues with how to setup a isometric 2D map. I haven't got the slightest clue in how I should accomplish that. And what would be the easiest way to do this.
EDIT:
I already have looked up tutorials but they are mostly to make 3D isometric maps.
Thanks in advance
As I commented 2D array should do the trick, but check out this tutorial too:
https://gamedevelopment.tutsplus.com/tutorials/creating-isometric-worlds-a-primer-for-game-developers--gamedev-6511
Also for editing maps check on (free) map editors. I'm using one called "Tiled" and it has support for many different map types.
https://www.mapeditor.org/
So I have just stumbled upon some augmented reality stuff done in Flash and it got me super excited. I am just looking for some pointers right now. What I would like to be able to do is overlay images on a webcam at specific GPS coordinates. The couple of libraries that I've seen (FLARManager and IN2AR) appear to be based on motion tracking which isn't exactly what I'm looking for. Are there any AS3 libraries that can help do this? Many Thanks.
I'm assuming the key to your project is to get the user's GPS coordinate, and based on this to 'do stuff'.
If you use the native geo-location classes, you can already approximate the users' GPS position: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/sensors/Geolocation.html
However, on a desktop it will not work.
For desktop, you can use a Javascript approach in the HTML to feed the data back into the Flash app: Geolocation in Flash
Then just do your image overlay code on your webcam image as required (though if you don't require motion tracking, I'd be interested to know what sort of 'augmented reality' your project is doing!)
I was taking a look at this example, http://gardengnomesoftware.com/samples/pano2vr_3/mozart/ and I was really interested in how it was done.
Do you think it would be complicated to develop such a function using one of the webgl engines out there? Is the panorama image just a texture on a cylindrical model? How is the panorama "cut?"
Perhaps it is just a cube with the images as a texture? You can kind of see the faces when it is loading slowly.
Yes, in this case it is simply a cube that the "camera" is centered in. It's basically the same concept as a skybox in many video games.
How to create a cube-map from photos the way they've done isn't something I have experience with, but the wikipedia article links to some tools that may help, including Hugin
I'm working on a paint application with canvas, and trying to make some better tools.
now i have one tool that only connects lines while following the mouse movement.
can you think of a good tutorial or a good idea for other tools like spary, or brush?
thanks
You might find the following resources useful:
Create a Drawing App with HTML5 Canvas and JavaScript
Create a Paint Bucket Tool in HTML5 and JavaScript
Overview of JavaScript Application Development - Case CanvasDraw
Presentation - Intro to HTML5 Canvas
Feel free to contact me if you need more specific pointers. I think those above should at least help you to get started. :)
Please have a look at this code project article.
it may be useful to you.
http://www.codeproject.com/Articles/427422/Paint-Brush-Application-Using-HTML5-Canvas
thanks
I don't have a tutorial, but I think you should simply use thicker lines to create a brush tool.
A spray tool could draw random points in a circle with random alpha(that's quite easy to implement), but that might be extremely slow on some browsers. Drawing using pre-generated images would be much better but harder to implement.
I develop html5 drawing app based on canvas. So, now I am coding the brush tool. And have several problems, can anybody gives me link/source example how to do it?
From Dev.Opera: Creating an HTML 5 canvas painting application
Please search a bit next time.