R0J0hound's Recent Forum Activity

- R0J0hound
- - Joined 15 Jun, 2009
  - 90 topics • 7,357 posts
- 3
- 3 Apr, 2023
- Quote
Sprites are not dom elements so they can't have js events such as mouseenter added to them. But either way to logic is the same: all the sprites would need to be checked to see if the mouse is overlapping them every frame, unless there is some spatial partitioning done behind the scenes.

Anyways, simpler is often better (and faster) with events. Like others have stated you can do this which will will access all the sprites twice per frame. You'll run into other performance issues with a high number of instances in other ways before this is an issue.
every tick -> sprite: set highlight to false mouse over sprite -> sprite: set highlight to true

You can reduce it to accessing all the instances only once per frame with logic like this:

var prevUid=-1 sprite: pick by uid prevUID -- set highlight to false -- set prevUid to -1 mouse over sprite -- sprite: set highlight to true -- set prevUid to sprite.uid

The final idea is to use some kind of spatial partitioning which could in theory reduce the number of instances to check to one per frame. For example here is a grid hash idea.

dropbox.com/s/n21w4qwgp1k9tkt/spacial_hash2.capx
- R0J0hound
- - Joined 15 Jun, 2009
  - 90 topics • 7,357 posts
- 1
- 3 Apr, 2023
- Quote
Reuploaded again in case I didn't remember to do it.
- R0J0hound
- - Joined 15 Jun, 2009
  - 90 topics • 7,357 posts
- 6
- 2 Apr, 2023
- Quote
Testing more you'll need to add 0.5 if the origin is centered:

(x-self.x)/self.width+0.5

(y-self.y)/self.height+0.5

If the origin is top left it would be 0,0

Also here's an example if you want to work with rotation: dropbox.com/s/qpriwtyej3ngylb/layoutXYtoDistort.c3p
- R0J0hound
- - Joined 15 Jun, 2009
  - 90 topics • 7,357 posts
- 1
- 2 Apr, 2023
- Quote
Here's a code based way to do the animation as well.

dropbox.com/s/45sc1227zvak0vb/wormMove1.c3p
dropbox.com/s/2ejripn5sja4rtj/wormMove2.c3p
- R0J0hound
- - Joined 15 Jun, 2009
  - 90 topics • 7,357 posts
- 1
- 2 Apr, 2023
- Quote
Yea, It assumes the sprite angle is 0. If it's not zero we'd need to unrotate the xy first but that may be more trouble than it's worth.
- R0J0hound
- - Joined 15 Jun, 2009
  - 90 topics • 7,357 posts
- 1
- 2 Apr, 2023
- Quote
Here's another example as well.

dropbox.com/s/an2pbq49au6rkxd/thumb_sticks_2.capx
- R0J0hound
- - Joined 15 Jun, 2009
  - 90 topics • 7,357 posts
- 1
- 2 Apr, 2023
- Quote
With absolute mode you can do this to distort to an xy position.

(x-self.x)/self.width

(y-self.y)/self.height
- R0J0hound
- - Joined 15 Jun, 2009
  - 90 topics • 7,357 posts
- 1
- 31 Mar, 2023
- Quote
Is level=9 when the timer finishes?
- R0J0hound
- - Joined 15 Jun, 2009
  - 90 topics • 7,357 posts
- 2
- 30 Mar, 2023
- Quote
Updated link to handle fullscreen scaling.
- R0J0hound
- - Joined 15 Jun, 2009
  - 90 topics • 7,357 posts
- 3
- 30 Mar, 2023
- Quote
Ok, fiddled with it more and got it to work. The link is updated

Found that fixed resolution canvas' scale the image when loading pixel data, so left it at automatic. Also changed the line detection to use a tolerance.

Found that pasting repeatedly blurs the lines so I combined the pixel data directly with some javascript.

The only issue now is that the delay from making the mask is noticeable.
Try Construct 3

Develop games in your browser. Powerful, performant & highly capable.
Try Now Construct 3 users don't see these ads

R0J0hound
- Joined 15 Jun, 2009
- 90 topics • 7,357 posts
1

29 Mar, 2023
Quote

In javascript if you can access the canvas element you can center it with some css:

canvas.style.position="fixed";
canvas.style.left = Math.max(0,(window.innerWidth -canvas.width )/2)+"px";
canvas.style.top = Math.max(0,(window.innerHeight-canvas.height)/2)+"px";

- R0J0hound
- - Joined 15 Jun, 2009
  - 90 topics • 7,357 posts
- 3
- 29 Mar, 2023
- Quote
Example is done:

dropbox.com/s/339te0solmn4yws/marchingSquares.c3p
Should work as long as the image isn't touching the edge of the canvas. I didn't add the polygon simplifying step. Also it just uses the first polygon it finds if there are multiple.

For debugging the outline used is drawn onto the canvas, and the collision shape is visible.

I haven't gotten to figuring out how to deal with how any fullscreen scaling changes the resolution of the canvas.