WingNews logo WingNews GitHub [2]
top | item 24927001

Wobblepaint

445 points| polm23 | 5 years ago |lexaloffle.com | reply

66 comments

order
[+] liminal|5 years ago|reply
Who would have thought some wobble would add so much to the experience. This is wonderful and I don't think it would be half as good if it didn't wobble.
[+] scottdupoy|5 years ago|reply
I couldn't agree more. In these difficult times this has given me hope both in terms of the state of humanity and also in the future of the internet.
[+] m463|5 years ago|reply
I think it would be ok to jello or jiggle too. The qix is inspired.
[+] 4b11b4|5 years ago|reply
Has anyone ever made a... wobble code editor?
[+] simias|5 years ago|reply
That's one of these ideas I wish I had come up with. It sounds fun to program, fun to use and even potentially useful to make cutesy gifs.

I wasn't familiar with PICO8, it seems to effectively be a faux-retro console emulator that you can use as a sandbox to build programs (that can then be exported to a web player, which is quite nifty): https://en.wikipedia.org/wiki/Pico-8

Unfortunately it's a proprietary platform.

[+] mumblemumble|5 years ago|reply
It's $15 to be able to write programs for the platform, but you can export them to html5 to make available for others to play online for free. There's a pretty large library of such games hosted on pico-8's website.

There are some open-source alternatives like TIC-80 and PixelVision8. Personally, I'd only recommend them over pico-8 if $15 is a serious barrier or open source is an absolute must. They all have their various strengths and weaknesses, but pico-8 seems to be the best optimized for pure, unadulterated fun.

[+] chapium|5 years ago|reply
Its worth the money, I wouldn't expect this sort of thing to be free.
[+] choo-t|5 years ago|reply
>Unfortunately it's a proprietary platform.

On the other hand, being closed source help getting the "community" feel where people discover some quirk and secret features of a strange and not-totally documented device.

That said, I hope it become open-source when every secrets have been discovered.

[+] jonplackett|5 years ago|reply
This is genius. It's one of those things that is sooooo simple but soooo good. The wobble makes even the crappiest little sketch come to life. I think that's what's so awesome about it.
[+] gfodor|5 years ago|reply
I think this is drawing on the vibe from animation styles where the artist draws several of the same frame, and minor imperfections are seen across each. (Dr. Katz etc seem to similarly be trying to mimic this.) A good example: https://www.youtube.com/watch?v=53s5uln_bw4

The question though is why does this look so appealing? I guess it's probably because in general we see motion as a proxy for if something is alive, since things that are alive are never completely still.

[+] CharlesW|5 years ago|reply
> (Dr. Katz etc seem to similarly be trying to mimic this.)

Fun fact: Tom Snyder (of Dr. Katz fame) invented and patented the technique, called "Squigglevision".

"Squigglevision is a patented method of computer animation in which the outlines of shapes are made to wiggle and undulate, emulating the effect of sketchily hand-drawn animation. Tom Snyder of Tom Snyder Productions invented the technique, which his animation studio Soup2Nuts subsequently used in Dr. Katz, Professional Therapist, Dick and Paula Celebrity Special, Home Movies, O'Grady, and Science Court." - https://en.wikipedia.org/wiki/Squigglevision

[+] jbay808|5 years ago|reply
Now I understand the "baba is you" aesthetic!

It makes me feel that the things on the screen are not only alive, but also a little bit restless.

[+] makeworld|5 years ago|reply
If anyone else was unsure at first like me: Drag the left-most button downwards to access all the brush and paint options.

This is awesome! I should really check out the PICO-8, or maybe something similar but open-source.

[+] ButWhatFor|5 years ago|reply
You are a legend - thank you sir (or madam)
[+] Lambdanaut|5 years ago|reply
This is so very PICO-8. Loving the creativity coming out of pico sketches!
[+] umvi|5 years ago|reply
Remind's me of the SNES game "Yoshi's Island". That game used wobbly crayon for a lot of graphics, including goal UI: https://youtu.be/qZwjQu4lQm8?t=1341
[+] m463|5 years ago|reply
Hmm, when you said that I thought of Kirby's Epic Yarn on the wii, where everything is made of yarn. It's ~ 10 years old, so more nostalgia than retro.
[+] stanrivers|5 years ago|reply
Oh great, there goes my entire morning. Going to have to tell my boss I am sick or something and won't get everything I said I would done...
[+] foob|5 years ago|reply
Just a heads up, the viewport scrolls in Firefox on Android while you're painting. Everything still works otherwise, but it makes it hard to draw because the canvas is moving with your finger. I'm guessing it has something to do with the URL bar changing the viewport height because the extra space seems to be roughly the same vertical height.

Awesome work by the way, it's a lot of fun to play with.

[+] wittedhaddock|5 years ago|reply
Evan - tried emailing you but both your inboxes at Intoli are full. Interested in your residential proxies!
[+] simlevesque|5 years ago|reply
Can you save the gif with a browser ?

edit: I just saw that they appear at the left side of the browser page. I was focused on the embed part.

[+] sogen|5 years ago|reply
Yes, right click it to see "save image"
[+] lainga|5 years ago|reply
In traditional 2D animation I think this effect is not called "wobbling" but "boiling"
[+] montoro|5 years ago|reply
Reminds me of the menu of Big Red Racing game from the 90s.

So much fun with friends after school.

[+] tacotacotacos|5 years ago|reply
Fun looking app. Kind of reminds me of Comic Sans, though xD
[+] throwaway_pdp09|5 years ago|reply
could anyone explain what this means "BTW I had no idea CTRL+key and TAB had their own ORD values" I did a search but got nothing useful.
[+] kelvin0|5 years ago|reply
Possibly this:

When a key is pressed, a key-code can be read from your program to detect the event and the associated key.

Pressing 2 keys (as described in this case it seems) has it's own key-code, instead of a combination of the 2 key-codes for each individual key.

For example CTRL could have key-code ==> 0008 And 'TAB' could have a key-code ==> 0002 But pressing CTRL+tab ==> 1010

[+] Groxx|5 years ago|reply
It's interesting how the wobble lends a bit of depth to the picture, as you can see the layering. Simple and surprisingly effective.