Coder Social home page Coder Social logo

samsunginternet / snapwat Goto Github PK

View Code? Open in Web Editor NEW
63.0 12.0 22.0 4.84 MB

Photo/video doodling app for the web - a progressive web app demo

Home Page: https://snapw.at

License: MIT License

JavaScript 94.84% HTML 2.53% CSS 2.62%
samsung-internet selfie pwa

snapwat's Issues

Save image disabled after photo file input (OK after getUserMedia)

Weird one...

Long-tap to save works fine after you choose the camera feed (getUserMedia) option and snap a still from that:

screenshot_20161027-161816

But if you choose the input type="file" option, the save image option is disabled!

screenshot_20161027-161846

I've checked the HTML for the image and it looks exactly the same. It works fine in desktop Chrome...

Push notifications

A bit further down the line, I'd like to add this so, for example, you can get notified when there's new themes/emojis/filters to try

Drawing colour gets reset

When you change the drawing colour, then do something that makes the scene get redrawn, e.g. moving an emoji, all the previous drawings will be redrawn in the new colour

Image resolution problem on mobile

On Samsung Internet on mobile, if I select a local image with the file input, it loads in a clearly degraded resolution.

E.g. Original file (Well, Github may have processed the image when uploaded here, but it gives the idea):

psx_20170711_200908

Screenshot of how it looks once loaded in Snapwat:

screenshot_20170726-133700

I'm taking a look at the code in src/pages/home.js that uses JavaScriptLoadImage...

Service worker network timeouts

On a patchy network, it could take a long time for the fetch to fail and reach the catch. I could introduce sw-toolbox or possibly introduce a similar timeout feature.

Fix accidental emoji stamping

As @diekus shared, it's too easy to accidentally place extra emojis when trying to e.g. resize an existing one.

This could be resolved by requiring that you specifically select an emoji, then tap, each time (subsequent taps will only be used for selection / moving / resizing).

Revert emojis to (a small set of) images

The SVGs looked better than the emoji characters - especially when resized larger. I think it'll be worth re-introducing them even though it's more images to download. I'll just have a small set.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.