Impact

This forum is read only and just serves as an archive. If you have any questions, please post them on github.com/phoboslab/impact

1 decade ago by Eddie

Hey, what's up Impact community?

Let's hop right into it: I need some help (or better yet, advice) on how to go about implementing an idea I had.

/><br />
<br />
That there is the pseudo prototype of a skill tree I'm building for a game we're developping. Now, so far I've taken a rather unusual approach to building our user interface and instead of building it into Impact and displaying it on the canvas, it overlays the canvas as entirely HTML and Javascript. That being said, it's irrelevant to my question from a web designer point of view.<br />
<br />
My question is the following: I want to make this image interactive (it's our skill tree, duh), what do you guys think is the best way to go about it? I looked into making it an image map and having the buttons set off Javascript functions, but my main concern is that may not be the best way to set something up that will be animated. A good example of the approach I'd like to take is this <a href= HTML5 Interactive US Map, and I'm thinking about decomposing their JS to learn it, but I figured I'd ask for the help of fellow developer's help.

Any ideas? Thanks guys!

1 decade ago by Graphikos

Seems like you need the functionality offered by KineticJS.

Maybe take a look at this: http://impactjs.com/forums/code/scaled-alpha-hitmask-plugin-intended-for-hit-detection-on-transparent-buttons.

Might get you going in the right direction.

1 decade ago by Eddie

Hah! Thanks Graphikos, ironically enough I too eventually ended up at the Kinetic JS page and I believe that's what I'm gonna end up using.

I also appreciate you sending me to that forum thread, although that plugin is no good because I'm trying to do this on HTML overlayed on the Canvas Element, rather than doing it within Impact.

I appreciate the help, I'm pretty confident I will end up using KineticJS after all.

Thanks!

1 decade ago by Graphikos

Oh, I missed that detail. However if you are going with Kinetic instead that's all canvas just like it would be in Impact. But Kinetic has done the work for you so probably better suited for your needs.

1 decade ago by Eddie

Yeah, well, the thing Kinetic has that I feel like Impact has a harder time with is vector shapes. As you can see those "gems" are more complex polygons than primitives (squares and circles) and using a square collision box for rollover effects is no good. Kinetic has the ability to make shapes based on coordinate systems so I prefer that. Thanks dude!
Page 1 of 1
« first « previous next › last »