AuthorTopic: quick pixel viewer tool(very basic, browser based)  (Read 4161 times)

Offline hANshOTtH3RD

  • 0001
  • *
  • Posts: 50
  • Karma: +0/-0
    • View Profile
Hey there everybody, I made a little image viewer with javascript, html, and some css. it is very basic, and i'm not really sure how much work i want to put into it long term, although depending on your toolset it could prove useful:
https://mrh4nds.github.io/pixelquick/



...also, you can download the source, and run it offline in the browser(should you desire):
https://github.com/MrH4nds/pixelquick
« Last Edit: July 08, 2020, 07:19:37 pm by hANshOTtH3RD »

Offline eishiya

  • 0100
  • ***
  • Posts: 1266
  • Karma: +2/-0
    • http://pixeljoint.com/p/28889.htm
    • View Profile
    • Website

Re: quick pixel viewer tool(very basic, browser based)

Reply #1 on: July 08, 2020, 01:23:20 pm
Depending on your needs, perhaps using the PixelJoint Image Specs tool might save you some dev work, as it's a pixel art viewer that also shows you statistics for colour usage in the image. The beta version allows viewing local files in addition to files from URL. It doesn't have a way to change the page's background colour except via the themes (in the beta version), but the creator does take and implement suggestions.

Offline hANshOTtH3RD

  • 0001
  • *
  • Posts: 50
  • Karma: +0/-0
    • View Profile

Re: quick pixel viewer tool(very basic, browser based)

Reply #2 on: July 08, 2020, 04:17:45 pm
interesting, that's actually a pretty nice tool! ...and I hadn't seen it... can you download it and run it offline? they've got some good features mine doesn't have, although i was really just trying find a way to preview a workpiece better locally(without using the internet).

Offline eishiya

  • 0100
  • ***
  • Posts: 1266
  • Karma: +2/-0
    • http://pixeljoint.com/p/28889.htm
    • View Profile
    • Website

Re: quick pixel viewer tool(very basic, browser based)

Reply #3 on: July 08, 2020, 05:17:35 pm
Since it's just HTML+Javascript and all client-side, yes you can. The source code isn't provided, but you can save the page, the four JS files that make up the bulk of it, and the AngularJS libraries it links to and run it offline. You can find links to all the JS files in the source code of the HTML page.

I'm curious, what tools do you use for pixel art that you need an external viewer to preview it better? I thought every pixel art program had zoom? And many offer the ability to change the background colour.

If you're just looking for a quick way to view pixel art on Windows, Windows Image Viewer zooms without blurring, I use it as my default PNG viewer. On Windows 10 it requires some extra work to "unlock" and isn't available by default, but it's an option.
« Last Edit: July 08, 2020, 05:19:32 pm by eishiya »

Offline hANshOTtH3RD

  • 0001
  • *
  • Posts: 50
  • Karma: +0/-0
    • View Profile

Re: quick pixel viewer tool(very basic, browser based)

Reply #4 on: July 08, 2020, 06:54:35 pm
I couldn't get the spec tool(or beta) to work in a webarchive 1st try:

...perhaps just need to try harder ;)

...i use gimp 2.8.10 for basically everything, which isn't really designed for pixel art specifically, although pretty fully functioned(I'm coming from a basic logo design background, and only recently started animating). so I've been using the mac finder as a quick view, but it tends to blur when zooming gifs. ...anyway so here is what I'm beginning to use myself. it's kind of barebones although it solves my immediate problem...and there is always room for improvement!

ps Do let me know if you have problems with it!
« Last Edit: July 08, 2020, 07:19:09 pm by hANshOTtH3RD »

Offline eishiya

  • 0100
  • ***
  • Posts: 1266
  • Karma: +2/-0
    • http://pixeljoint.com/p/28889.htm
    • View Profile
    • Website

Re: quick pixel viewer tool(very basic, browser based)

Reply #5 on: July 08, 2020, 07:38:38 pm
It looks like you're missing the Angular libraries (and the CSS?). I get that same look if I go to the page with the Angular and Google CDNs blocked. Looks like the webarchive didn't grab everything you need.

I'm surprised GIMP doesn't do what you need, preview-wise o: I haven't used it in a long time though, so I can't give pointers.

Offline hANshOTtH3RD

  • 0001
  • *
  • Posts: 50
  • Karma: +0/-0
    • View Profile

Re: quick pixel viewer tool(very basic, browser based)

Reply #6 on: July 08, 2020, 08:52:38 pm
maybe I will give it another try...

...GIMP does do playback preview, but you can't zoom(at least not in 2.8.10, i don't want to upgrade though, I don't like the new layout)