search

tinmagpie / deepdev

Deeper and deeper, where no browser has gone before...
113 stars 19 forks source link

Calculate Win: Hagfish #19

Closed rachelnabors closed 8 years ago

rachelnabors commented 8 years ago

This one is difficult.

The goal is to use the animation panel to see things that are animating but might be obscured by other things on the page layered over them or opacity.

#creature_hagfish1 is hidden in the gross ooze at the bottom of the sea with positioning right now.

I have it set so that when you remove it's bottom sizing, it pops up on top of the ooze where you can see it.

Problem is, if people right click on the ooze, this fish won't show in the animation panel at all, because that panel shows children elements with animations. Ain't no way to layer the ooze over the hagfish and have it also be a child of that ooze.

So I'm considering setting the hagfish's opacity to 0. Then, when it's changed to 1 or the opacity property is removed, the challenge is won.

I'm open to other suggestions, too, of course. Really liked the idea of burying it in the ooze!

potch commented 8 years ago

we can put some ooze over top of it that obscures it, but has pointer-events: none set on said ooze so the mouse will pass through it and allow us to select the hagfish directly.

rachelnabors commented 8 years ago

Holy crow, that changed everything! On Wed, Oct 14, 2015 at 2:14 PM Potch notifications@github.com wrote:

we can put some ooze over top of it that obscures it, but has pointer-events: none set on said ooze so the mouse will pass through it and allow us to select the hagfish directly.

— Reply to this email directly or view it on GitHub https://github.com/tinmagpie/deepdev/issues/19#issuecomment-148202287.

rachelnabors commented 8 years ago

Ok, hagfish has been updated. Now to calculate the win, her bottom value must be > 100px.

potch commented 8 years ago

This is also working!