search

piskelapp / piskel

A simple web-based tool for Spriting and Pixel art.
http://piskelapp.com
Apache License 2.0
11.07k stars 770 forks source link

Import image from webcam #176

Open captainbrosset opened 10 years ago

captainbrosset commented 10 years ago

Piskel has the upload image feature. It would be pretty easy to also add an import image from webcam (using the requestUserMedia thingy). Up to you to decide if this makes sense for Piskel or not. I understand that if you look at Piskel from a pixel-art game spritesheets editor point of view (which it is), then this probably makes no sense. If you're ok to widen a bit the scope though, this could make it pretty easy to create stop-motion animations.

juliandescottes commented 10 years ago

I'm not against adding this kind of features for fun, provided they don't clutter the UI too much. Personally, I prefer to work on spriting/pixel-art related items, so I won't spend time on this.

If it's for doing stopmotion animations, isn't it best to fork Piskel, and make simplified version dedicated to this ? You may not need all the editing features ? What kind of usage do you have in mind ?

Keep in mind that Piskel is not handling big images well (> 200x200), so with the current version, we would have to scale down inputs from the webcam.

Not really sure :) But if you want to experiment with it, I'd be happy to see how it goes !

Yona-Appletree commented 7 years ago

A friend of mine uses this with kids to have them make pixel art renders of their faces, so a webcam import would be awesome to streamline that process. I think it could be pretty easily incorporated into the import tool area without creating much clutter. If were we to do so, would you still be interested in accepting such a pull request?

juliandescottes commented 7 years ago

Depends how you plan to import the webcam image. I see two options:

1: Scale down the webcam import to the sprite resolution. Then as you said I think it would be a pretty easy and straightforward addition to the import panel. But if the user is trying to pixelate in 64x64, the import will be scaled down to 64x64 and might become a bit harder to work with?

2: Keep the webcam import resolution at a high res. It becomes a bit more difficult, as we would need to display a layer/canvas at a different resolution than the rest of the sprite. When you want to pixelate something, I guess you'd prefer to keep the model at a high resolution?

I'd be happy to see a PR in both cases :) Although the second option requires more work and discussion. I think in a first step we'd need to add a way to display hi-resolution models in a dedicated layer, then figure out how to integrate with the import feature and finally add the webcam import.

@Yona-Appletree let me know what you were thinking about