simonsarris - Latest Comments

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Mattinn82 — Thu, 26 Jan 2012 13:52:09 -0000

Thanks for the tutorial, it took me a while to get it to work as it always claimed that the canvas was null..

the reason was that my canvas id was "canvas" but in the init function its named it "canvas1" works great after removing the "1" :D

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Christopher Tipper — Sun, 22 Jan 2012 09:11:48 -0000

This turns out to be much simpler using Google Web Toolkit. This brings the power of Java and the Java APIs (g2d and gwt-geom). http://www.e-conomist.fsnet.co...

Re: How to play Age of Empires II on Windows Vista and Windows 7

Jo Voud — Mon, 09 Jan 2012 16:48:56 -0000

It's a NAT (
http://en.wikipedia.org/wiki/N... ) problem, just use vpn software such as hamachi (
https://secure.logmein.com/pro... ) or play on the 'new' zone (previously called igz) voobly (http://www.voobly.com/ ). I realy can recommend Voobly, it realy is like the old zone but better! Voobly supports a proxy, hereby you don't have these nat problems and you don't need to forward ports. In case you want to play over the internet (or a more advanced lan), you just need to forward 2300-2400 UDP/TCP and 47624 UDP/TCP. Also update your game ( http://www.voobly.com/pages/vi... ) for AOE2:TC update to official 1.0c patch and after that to the unofficial 1.0e patch.

Also as I came on your blog because of your html canvas articles, why not try to rebuild the game using html5 techniques?

grtz,Jo
Ps. AOE2:TC awsome game!

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Avron — Fri, 06 Jan 2012 01:21:35 -0000

A while back I began developing HTML5 software for maps (GIS) using shapefiles (vector files for map layers), which I have converted into js files
(see http://www.avronp.com/nsn/HTML....

The API for selection here is fantastic. How would you select a polygon, a line, a group of these?

Would you have any interest in doing common development for GIS maps?

I am mainly a javascript and Silverlight developer working for the last few years with GIS.

Please communicate by email (avronpolakow@gmail.com)

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

geddesign — Thu, 05 Jan 2012 15:01:39 -0000

awesome, thanks!

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

simonsarris — Thu, 05 Jan 2012 10:04:31 -0000

I wrote a bit of analysis on SVG versus Canvas here: http://stackoverflow.com/a/588...

Hope that helps. Let me know if you want to discuss your specific requirements and what might be best for your case.

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

simonsarris — Wed, 04 Jan 2012 16:54:01 -0000

I didn't include it in the text of the tutorial but it is in the JS file which I link to on this page: http://simonsarris.com/project...

You can see the js file in the whole on that page or on its github: https://github.com/simonsarris...

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Leigh Kaszick — Wed, 04 Jan 2012 16:36:28 -0000

I can't see where you've defined CanvasState.prototype.addShape = function(shape){ this.shapes.push(shape); return this;};

Re: The most amazing thing

Oleg — Wed, 04 Jan 2012 12:51:22 -0000

I'm with you on that one... have been in computers for decades and still am in awe of what these new devices can do (and do do). I had HTC Aria, which is a very incompetent device by today's standards and still able to do many things... just upgraded it to Samsung Galaxy S II and it's even more amazing. Now I just need to get Transformer Prime and I should be set... at least for a little while ;)

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

geddesign — Wed, 04 Jan 2012 00:15:36 -0000

Nice tutorial, thanks for sharing. I wish canvas made some of these things easier, and had a simpler method for getting the relative mouse position. Having a hard time deciding between it and SVG for my app.

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Jim — Fri, 30 Dec 2011 16:53:36 -0000

This is a great tutorial. Thanks!

Re: How to play Age of Empires II on Windows Vista and Windows 7

Fghjk — Wed, 28 Dec 2011 23:17:41 -0000

Install the program "Gameranger". Quick install and works 100% !!!!!

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

simonsarris — Wed, 28 Dec 2011 19:45:35 -0000

oh shoot, you're right!

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Philippe Suter — Wed, 28 Dec 2011 15:37:26 -0000

Shouldn't the 'return' in CanvasState.prototype.draw be a 'continue' ?

Re: Customizing the HP Envy Quick Launch keys

Patwalsh2007 — Fri, 23 Dec 2011 17:48:29 -0000

Hi, thanks a lot for the tips, worked a treat on my CQ56. Used the Registry tip and deleted all the settings under AppKey, which sorted them all out, except for the worst one - the Power DVD software which kept coming up when trying to press the TAB key. Fix for this was to rename the directory Cyberlink to "xxx Cyberlink".
Terrible design decision to place the is keys on the left hand side, but there you go - other than that, the CQ56 has been excellent.

Re: How to play Age of Empires II on Windows Vista and Windows 7

spasst chopf — Wed, 21 Dec 2011 07:41:45 -0000

I had similar problems but now everything works fine. Exept Lan over hamachi 2player works but 3player is just soo laggy, can someone help me?

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Mauro — Tue, 20 Dec 2011 22:21:13 -0000

Ahhhh, there it is. That makes a lot more sense now that I see it; thank you very much!

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

simonsarris — Tue, 20 Dec 2011 21:22:31 -0000

Yes I've defined it, search the documentation for "CanvasState.prototype.getMouse"

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Mauro — Tue, 20 Dec 2011 19:48:19 -0000

I have a question -- I can't find documentation for getMouse() anywhere. Is this a function you've defined or is it part of the language definition? Thanks!

Re: How to play Age of Empires II on Windows Vista and Windows 7

Xamboozi — Sat, 17 Dec 2011 20:47:16 -0000

This isn't a piracy problem moron. This is a problem with the game being too old to run on Windows 7. I'm having the same difficulty, but there is no more tech support for this game.

In the future don't accuse people of stealing, unless they have really committed theft.

Re: The most amazing thing

Abdulsattar Mohammed — Fri, 16 Dec 2011 01:20:44 -0000

It sure is "one of the most amazing things" but only until we put it into some use. We have so many resources at our disposal that if we use them correctly, God knows where we would be. But the most important thing is even if we lack some resources, we must know how to get the best out of what we have. Did our ancestors wait for a pen to be invented to write beautiful poems? No, they picked out a feather that fell from a bird and started writing! So, resources tell only part of a story; you've gotta know how to make something out of them.

Re: Making and Moving Selectable Shapes on an HTML5 Canvas: A Simple Example

Galatiapartheniou — Fri, 09 Dec 2011 14:11:33 -0000

try making a css file.. and write this in it:
canvas {background-image: "picture.jpg"}
and call the css file from the part as follows:
<link href="stylesheet.css" rel="stylesheet">

Re: Making and Moving Selectable Shapes on an HTML5 Canvas: A Simple Example

david pucko — Mon, 28 Nov 2011 08:10:05 -0000

Awesome tutorial, helps a ton!

Re: Making and Moving Selectable Shapes on an HTML5 Canvas: A Simple Example

Guest — Sun, 27 Nov 2011 15:51:48 -0000

Note: That is the code I am putting after
// Add stuff you want drawn in the background all the time here

that you have in the code

Re: Making and Moving Selectable Shapes on an HTML5 Canvas: A Simple Example

Guest — Sun, 27 Nov 2011 15:50:51 -0000

How would I add a background image in? I have tried placing code in the spots where you have commented that backgrounds should go, but it always sits on top of the squares.

var ctx = document.getElementById('canvas').getContext('2d');
var img = new Image();
img.onload = function () {
ctx.drawImage(img, 0, 0);
};
img.src = 'titleimage.jpg';