simonsarris - Latest Comments

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

Darrelaubrey — Tue, 15 May 2012 01:08:16 -0000

whats your email? i would like to talk to you more about this issue.

Re: Understanding the HTML5 Canvas image security rules

simonsarris — Thu, 03 May 2012 19:46:58 -0000

Sometimes sites are hosted on domains like, for example:

http://home.comcast.net/~heidi... (just some random page I found)But what if that site tried to grab something from internal.comcast.net, effectively taking a file from a comcast employee (presumably they'd be able to access internal.comcast.net from their computer at work but its unavailable otherwise)

Re: Understanding the HTML5 Canvas image security rules

Lance — Thu, 03 May 2012 17:35:02 -0000

I want to access something in the same domain... but with a different machine... ie m1.myserver.com and m2.myserver.com, seems reasonably secure?

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Brandon — Sun, 22 Apr 2012 12:33:06 -0000

I love it!!! Thank you so much. I added an on double click shape remove ability...

[***Inside CanvasState***]
canvas.addEventListener('dblclick', function(e) {
    var mouse = myState.getMouse(e);
    // check if we dblclick on existing shape
    for (var i = myState.shapes.length-1; i >= 0; i--) {
      if (myState.shapes[i].contains(mouse.x, mouse.y)) {
        myState.removeShape(i);//found one, remove it
        myState.selection = null;//clear the selection
        return;
      }
    }
    // dblclick on empty space creates new shape
    myState.addShape(new Shape(mouse.x - 10, mouse.y - 10, 20, 20, 'rgba(0,255,0,.6)'));
}, true);

[***Below addShape***]
CanvasState.prototype.removeShape = function(i) {
this.shapes.splice(i, 1);
this.valid = false;
}

*Only problem is it will only remove the uppermost object that was dbl clicked on.. but clicking and dragging only drags the top most shape so I'm not worried.

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Guest — Wed, 11 Apr 2012 01:17:24 -0000

you are a genius man!!

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

David Miller — Fri, 06 Apr 2012 10:53:50 -0000

Never develop a desktop application, once it reaches 300 lines of code to do something similar, you just might have a heart attack.

Re: Increasing Performance by Caching Paths on HTML5 Canvas

Saturnix — Wed, 04 Apr 2012 22:44:47 -0000

Thanks! This was so useful! I'll have to change an entire script, but I hope it will perform better. Will be following this blog :)

Re: Customizing the HP Envy Quick Launch keys

Dianomana Huang — Wed, 04 Apr 2012 12:30:59 -0000

Ugh ok so apparently I did something some long time ago and made the email key to change into opening up a new browser/window.

I don't remember how I did that... and I kinda want to change it back to mail. Can someone help me? I don't want to mess up my pc :(

Someone please email me : wildcat11293@hotmail.com

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Vivi — Wed, 04 Apr 2012 07:42:32 -0000

Great article, just wanted to know if we can set the Background of the canvas
?

Re: Understanding the HTML5 Canvas image security rules

Thomas Haratyk — Wed, 28 Mar 2012 06:16:54 -0000

Hello, first I'd like to say thanks for your articles it is really good job.
I'm not sure that I understand everything in this article, does it mean if in my web application using canvas, I want the user to load a picture from his computer or from an external URL (like https://ssl.gstatic.com/images..., let him draw onto it, and then save it in PNG to my server, I can't ?? Thank you very much

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Hidra — Mon, 26 Mar 2012 12:06:50 -0000

Great post. I have a theoretical question: do you know any better algorithm to find the clicked shape? It's ok to iterate over all shapes to find the clicked one in a list of 10 shapes, but it can be slow for a list with thousands of objects. And I'm not even talking about mouse hover (my real goal). Thank you.

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

nielsrobin — Sat, 24 Mar 2012 17:11:20 -0000

Thanks buddy, great intro, however it doesn't seem to work on iOS devices, i had to add listeners for touchstart, touchmove and touchend to get it working.

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

nielsrobin — Sat, 24 Mar 2012 17:10:15 -0000

Yup buddy, I did just that, just replace the fill with img:
img = new Image();
img.src = "something/pic.jpg";

and then change the draw method to:
Shape.prototype.draw = function(ctx) {
ctx.drawImage(this.img, this.x, this.y, this.w, this.h);
}
works like a charm.

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

maslowk — Thu, 22 Mar 2012 22:04:21 -0000

Apparently the game has issues doing multiplayer games between a windows xp and windows 7 machine =/

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Rico — Tue, 20 Mar 2012 11:06:44 -0000

have to import images from URL and would like to make them dropable

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Rico — Tue, 20 Mar 2012 11:05:15 -0000

hey, how would I apply this to Images imported ?

Re: Customizing the HP Envy Quick Launch keys

Mtrumantigeru — Sun, 18 Mar 2012 20:10:57 -0000

will uninstallin cyberlink dvd fix that problem? I mean really, since there wmp, do you really need that program?

Re: Selectable Shapes Part 2: Resizable, Movable Shapes on HTML5 Canvas

K Saha — Fri, 16 Mar 2012 09:05:37 -0000

its great

Re: Javascript: Allowing a copy function in a base class to create an instance of a subclass

Singh Puja — Wed, 14 Mar 2012 07:05:09 -0000

Hi Simon,

I am trying the example you have given in the post. But copyConstructor doesn't seem to be working for the child class ie, Cat. copyCat instanceof Cat returns false, and copyCat.saySomething() prints "I am an animal".

var copyCat = c.copy();
console.log(copyCat instanceof Animal); // true
console.log(copyCat instanceof Cat); // false
console.log(copyCat.saySomething()); // "I am an animal"

I tried printing the value of this.subConstructor and it's giving undefined.

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

Roberto Orlando — Fri, 02 Mar 2012 20:11:23 -0000

probably if someone wants to move only 2 rectangles needs less then 10 lines of code with jquery. i'm quite sure that many jquery plugins will help to solve problems like this very fast

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

exor — Tue, 28 Feb 2012 07:36:39 -0000

Hi
Am new to HTML5 , Your tutorial was very helpful. I would also like to know, how can i add text to the movable rectangle .

Regards
exor

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

Moukmouky2k — Thu, 16 Feb 2012 17:47:23 -0000

Actually I am able to play it through internet tcp/ip with hamachi with my win7 and we played some games through time but now it's always saying unable to join game. When we play my buddy is on his old pc but for myself im on my actual and up-to-date one.,. ?!?

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

Raul — Thu, 16 Feb 2012 15:13:27 -0000

very WRONG! AOEIII does not work over IPX it works on TCP. All you have to do is allow your firewall to pass AOE II AND AND AND Microsoft directplay helper. Thats all no need to make further changes no static IP nor nothing. Why do you write if you don´t know!!

Re: Selectable Shapes Part 2: Resizable, Movable Shapes on HTML5 Canvas

Nikhil Dixit — Tue, 14 Feb 2012 09:47:13 -0000

Great tutorial...!!
Is it possible to use circle instead of rectangles?

Re: A Gentle Introduction to Making HTML5 Canvas Interactive

Mitch Samuels — Tue, 14 Feb 2012 00:47:26 -0000

Hey, awesome tuturoail. Can this work with images?

Lets say I have an image, "imgCat" placed on the canvas. How can I put that into the above code so it makes the image draggable?