Live data from Hacker News

The Bézier Game

bezier.method.ac

21–30 of 39 posts

Re: The Bézier Game

#22
post #3

Solid game, I got 11. I just wish there was a way to edit nodes - it's really annoying to try to guess what the curve will look like when moving an unlinked node (like in the heart example). I can see that being part of the game though, I definitely got better at it by the end.

To be honest I found the way nodes were restricted in the UI an odd choice, coming from both how Photoshop and Illustrator handle node editing. The game's goal appears to be a friendly way of teaching such concepts yet it limits the user's interaction/experimentation with them.

Being able to manipulate the control points after adding them, at least in angle and creating cusp points would make understanding them easier I feel. At least some initial interactive demo node for the user to play around with.

Re: The Bézier Game

#23
post #13

Having never used a "pen tool" and having no idea how it works, I have no idea how to get past the bottom point of the heart.

Upon reflection, I think the issue is that I can't hit the OS X "alt" key on my traditional keyboard. I can't risk changing the mapping in software though, because then some other shortcut in another program will break.

Re: The Bézier Game

#24
Seems on the loop levels that clicking once or twice on the start position clears the level, or I don't understand what is happening (which is possible...)

Re: The Bézier Game

#27

Not sure if considered bug or "feature" but after first level, on levels that require you to go to your starting point, i.e.: draw a heart or circle, you can click on your starting point again, winning the level with all your nodes remaining. This can be used to skip levels.

This is a bug indeed, thanks for the notice. (changed the way this was detected and I accidentally the whole thing, sigh).

"I accidentally the whole thing" ... best typo ever, given the bug. :D Is there such a thing as a typo pun?

Re: The Bézier Game

#28
post #11

Great game! For me, the issue is this: the direction that you drag when you're doing your first anchor point is the opposite of the direction that it should be. You're dragging away from the direction you want it to curve, rather than towards it. But for every anchor point other than the first one, you're dragging towards it.

Author here. That's the way Adobe Illustrator thinks Bézier curves should work, unfortunately. I have no idea why,I chose to follow their lead because the purpose is learning how to use a tool. Still on the fence on this one, I even had to go out of my way to implement it.

Historical reasons perhaps? The icon hasn't changed in what, 27 years? ;-) http://blogs.adobe.com/jnack/2008/02/meet_adobe_illustrator_...

Re: The Bézier Game

#29

Earlier quoted context omitted.

This is a bug indeed, thanks for the notice. (changed the way this was detected and I accidentally the whole thing, sigh).

"I accidentally the whole thing" ... best typo ever, given the bug. :D Is there such a thing as a typo pun?

Yup! This one's been around for a while:

http://knowyourmeme.com/memes/i-accidentally

Re: The Bézier Game

#30
post #11

Great game! For me, the issue is this: the direction that you drag when you're doing your first anchor point is the opposite of the direction that it should be. You're dragging away from the direction you want it to curve, rather than towards it. But for every anchor point other than the first one, you're dragging towards it.

Author here. That's the way Adobe Illustrator thinks Bézier curves should work, unfortunately. I have no idea why,I chose to follow their lead because the purpose is learning how to use a tool. Still on the fence on this one, I even had to go out of my way to implement it.

No, for the first point, you are doing it exactly the opposite of the way Illustrator does it. In Illustrator, you click for your starting point, and you drag in the direction you want the curve to go. In yours, you click for your starting point, and drag in the opposite direction.
Post reply on HN