TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Depixelizing Pixel Art

637 pointsby epsylonabout 11 years ago

57 comments

zeidrichabout 11 years ago
This is a pretty old paper, but I hadn&#x27;t seen the live demo. That&#x27;s pretty cool.<p>A problem with this algorithm is that it&#x27;s pretty slow. It would be hard to use it for real time scaling.<p>I think that it&#x27;s pretty cool though for any precalculated conversion to vector format. It would also be pretty cool if there were software that allowed you to create a pixel art image with a live preview in this format and the ability to export into a vector format.<p>One of the benefits of pixel art IMO is that it&#x27;s got a pretty distinct style and its simplicity and restrictions means it&#x27;s easy to be aware of composition where if you are given an unrestricted canvas that freedom can make it hard to know where to start. If you are given a 8x8 pixel grid to indicate &quot;happy&quot; there&#x27;s only so many ways to do it, a symbolic heart, a little smiley face, etc. Given a whole sheet of paper you&#x27;ll have more difficulty.<p>With the high res displays, there&#x27;s more to consider than just the upscaling of old programs, the fact is people (especially indie game devs) still want to work with pixel art, and the number of titles with the term &quot;8-bit&quot; in their name that have come out recently. Part of that&#x27;s because it&#x27;s in vogue now, but a big part of it is simply that a poor artist can make a passable 24x24 sprite.<p>But it&#x27;s still a shame that on high res displays they end up looking like a blocky mess. If you had a program that let you author your sprites under the same conditions, but let you preview an upscaled version and left you with a vector image (or high res texture with mip maps) you can make use of the fidelity while maintaining the simplicity. I think that would be cool.
评论 #7307878 未加载
评论 #7307825 未加载
评论 #7307841 未加载
jrockwayabout 11 years ago
I wish they would use this in Windows 8. As far as I can tell, their scaling algorithm for 4k displays is: scale up 2x using nearest neighbor, then randomly drop pixels to get back to 125% or 150%. The result is horrifyingly bad. Not just kind of bad, but unusably bad. (Adding insult to injury, they ClearType the text <i>before</i> scaling.)
评论 #7307853 未加载
评论 #7307628 未加载
评论 #7309641 未加载
评论 #7307602 未加载
frikabout 11 years ago
hq4x looks better (IMHO), sadly the website is offline (default blank wordpress site): <a href="http://hiend3d.com/hq4x.html" rel="nofollow">http:&#x2F;&#x2F;hiend3d.com&#x2F;hq4x.html</a><p>backup on archive.org: <a href="https://web.archive.org/web/20120630044334/http://www.hiend3d.com/demos.html" rel="nofollow">https:&#x2F;&#x2F;web.archive.org&#x2F;web&#x2F;20120630044334&#x2F;http:&#x2F;&#x2F;www.hiend3...</a><p><a href="http://en.wikipedia.org/wiki/Hqx" rel="nofollow">http:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Hqx</a><p>Source: <a href="https://code.google.com/p/hqx/source/browse/trunk/src/hq4x.c" rel="nofollow">https:&#x2F;&#x2F;code.google.com&#x2F;p&#x2F;hqx&#x2F;source&#x2F;browse&#x2F;trunk&#x2F;src&#x2F;hq4x.c</a>
评论 #7307789 未加载
评论 #7309023 未加载
评论 #7311852 未加载
anon4about 11 years ago
The issue with depixelizing pixel art is that you need an AI that can identify semantically what the features in the sprite are. When you look at Mario you know you&#x27;re looking at a stout little man with a hat, you can identify his eyes, ears, nose, hair, hat, moustache, shirt, gloves, overalls and shoes. Given that knowledge, if I were to depixelize Mario&#x27;s sprite, I&#x27;ll know the rough shape of his shoes and where the shading should go and what shape it should have, i.e. I can reason what the 3D shape is and how the 2D shape was derived from that. I&#x27;ll also be able to identify which lines were put there to make sure separate elements can be legible and not make those thicker than needed. Or that his eyes blend with his hat simply because there aren&#x27;t enough pixels to make them separate.<p>For simple shapes, like the background, their algorithm works really well, but for complex objects it fails, because it distorts details that were put in with very careful thought and completely depend on the resolution. Such small sprites rely a lot on being looked at by someone who can identify semantically what they&#x27;re looking at, and any really successful depixelization solution will need to be able to understand what basic shapes the sprite is made of based on what it&#x27;s supposed to represent.
评论 #7310411 未加载
kaesoabout 11 years ago
A C++ LGPL implementation of this has been as been developed as part of last year Inkscape GSoC and is available as a standalone library: <a href="https://launchpad.net/libdepixelize" rel="nofollow">https:&#x2F;&#x2F;launchpad.net&#x2F;libdepixelize</a><p>It will be released in the next Inkscape major version, expected soon :)
评论 #7311602 未加载
rsiqueiraabout 11 years ago
The authors of this paper also have other amazing image processing&#x2F;optimization algorithms. Eg: Deblurring, Optimizing Color Consistency, Content-aware Automatic Photo Enhancement, Object Discovery and Segmentation in Internet Images and more:<p>Dani Lischinski&#x27;s page: <a href="http://www.cs.huji.ac.il/~danix/" rel="nofollow">http:&#x2F;&#x2F;www.cs.huji.ac.il&#x2F;~danix&#x2F;</a><p>Johannes Kopf page: <a href="http://johanneskopf.de/" rel="nofollow">http:&#x2F;&#x2F;johanneskopf.de&#x2F;</a>
评论 #7309047 未加载
JasonFruitabout 11 years ago
Sometimes the Vector Magic results are truly magical; striking poses become even more striking when the figure is reduced to a collection of simpler shapes.
评论 #7307731 未加载
评论 #7309465 未加载
th0ma5about 11 years ago
I thought this looked familiar! It is from 2011 <a href="https://research.microsoft.com/en-us/um/people/kopf/pixelart/" rel="nofollow">https:&#x2F;&#x2F;research.microsoft.com&#x2F;en-us&#x2F;um&#x2F;people&#x2F;kopf&#x2F;pixelart...</a>
10098about 11 years ago
But the blocky versions actually look better than vectorized ones. Most of the vectorized sprites look hideous with the exception of Boo and dolphin.
评论 #7310230 未加载
评论 #7308997 未加载
评论 #7311386 未加载
smackfuabout 11 years ago
From when this first came out:<p><a href="https://news.ycombinator.com/item?id=2601347" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=2601347</a><p><a href="https://news.ycombinator.com/item?id=2578706" rel="nofollow">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=2578706</a>
rkuykendall-comabout 11 years ago
Does anyone know where I can find an implementation of this? I can&#x27;t even figure out what to call it. They just refer to it as &quot;our method.&quot;
评论 #7307614 未加载
sp332about 11 years ago
I wonder why they all fall down on Peach and Peach 2? None of them look nearly as good (to me) as bicubic.
评论 #7307891 未加载
评论 #7310641 未加载
mberningabout 11 years ago
Boo is the best example of &#x27;ours&#x27;. Looks amazing.
评论 #7309250 未加载
评论 #7307943 未加载
josh-wraleabout 11 years ago
I chose to embrace the Pixels, myself: <a href="http://vulariter.wordpress.com/tag/jewel-punk/" rel="nofollow">http:&#x2F;&#x2F;vulariter.wordpress.com&#x2F;tag&#x2F;jewel-punk&#x2F;</a>
omegoteabout 11 years ago
I&#x27;m amazed to find that no one has mentioned that ScummVM has implemented some of these algorithms for years and they work pretty nice with the classical games.
评论 #7309631 未加载
gverriabout 11 years ago
Looks like a normalized version of the EPX algorithm.
rangibabyabout 11 years ago
HQ4X and Ours are the clear winners if you <i>must</i> resample like this; the downsides are that HQ4X occasionally has jaggies and Ours makes makes a lot of fine details look &quot;blobby&quot;.<p>The Vector Magic results reminded me a lot of this: <a href="http://www.cowboybooks.com.au/html/acidtrip1.html" rel="nofollow">http:&#x2F;&#x2F;www.cowboybooks.com.au&#x2F;html&#x2F;acidtrip1.html</a>
评论 #7310849 未加载
yzhabout 11 years ago
I did a GPU version in 2012 for my course project. For small size sprite, it runs roughly the same or even slower than the original paper. Anyone interested in finishing this and maybe try this on realtime emulator? <a href="http://yzhwang.github.io/depixelization/" rel="nofollow">http:&#x2F;&#x2F;yzhwang.github.io&#x2F;depixelization&#x2F;</a>
mjmahone17about 11 years ago
Kind of ironic that MSR is using an unregistered version of PhotoZoom.
mistercowabout 11 years ago
I think the most interesting aspect of this is the internal shading. I haven&#x27;t seen any other algorithm that manages that while maintaining sharp edges overall.<p>I imagine it would end up with pretty weird results though when a sprite was on top of a background that with similar enough colors to trigger the shading detection at its edges.
tumesabout 11 years ago
I must be a luddite, I prefer my pixilation like my soup: chunky :)
mrbuttons454about 11 years ago
to me, hq4x looks better every time.
评论 #7307675 未加载
评论 #7307533 未加载
galactusabout 11 years ago
I wrote an implementation of this in common lisp when they published it:<p><a href="http://dev.crazyrobot.net/2011/07/12/pixelart-to-vector/" rel="nofollow">http:&#x2F;&#x2F;dev.crazyrobot.net&#x2F;2011&#x2F;07&#x2F;12&#x2F;pixelart-to-vector&#x2F;</a>
adamnemecekabout 11 years ago
Technology almost caught up with CSI.
评论 #7310086 未加载
rsiqueiraabout 11 years ago
Amazing image zoom algorithm, t creates a hires version of a low res image. I would love to see this image zoom feature implemented the in ImageMagick.
Lambdanautabout 11 years ago
The Space Invaders &quot;ours&quot; were very impressive. The text was always really good too. The algorithm works well on more regular shapes.
neonaabout 11 years ago
It would be interesting to see a pixelart&#x2F;emulator scaler that was temporally aware - that is, able to use context from near or all relevant sprite frames to get additional detail&#x2F;context. This would require a compositing emulator, as some others have discussed, but I could see it producing notably superior results, given it would have much more source data to work with.
panziabout 11 years ago
Is there no 8x or 16x version of hq4x? I thought you can use it to get full HD resolution from 320x240 (in realtime using GLSL shader).
nivlaabout 11 years ago
Is there a paper or code associated with this?
评论 #7307484 未加载
评论 #7307489 未加载
aaronetzabout 11 years ago
Something related that I stumbled upon some time ago (submitted to HN, got one upvote): <a href="http://gpuhacks.wordpress.com/2013/07/08/signed-distance-field-rendering-of-color-bit-planes/" rel="nofollow">http:&#x2F;&#x2F;gpuhacks.wordpress.com&#x2F;2013&#x2F;07&#x2F;08&#x2F;signed-distance-fie...</a>
tibbonabout 11 years ago
Are there any emulators that support this?
评论 #7308824 未加载
kstenerudabout 11 years ago
I needed some depixelation software for some graphics awhile back, so I threw together a quick program that depixelates using various technologies.<p><a href="https://github.com/kstenerud/depixelate" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;kstenerud&#x2F;depixelate</a><p>So far it supports HQX, XBRZ, and Scale2x.
kumarrahulabout 11 years ago
Proper Video here :- <a href="https://research.microsoft.com/en-us/um/people/kopf/pixelart/supplementary/video_multi_comparison_4x_h264.mp4" rel="nofollow">https:&#x2F;&#x2F;research.microsoft.com&#x2F;en-us&#x2F;um&#x2F;people&#x2F;kopf&#x2F;pixelart...</a>
dangayleabout 11 years ago
Am I the only one who prefers the Vector Magic versions? They&#x27;re like mini Picassos.
granttimmermanabout 11 years ago
Here&#x27;s the home page: <a href="http://research.microsoft.com/en-us/um/people/kopf/pixelart/" rel="nofollow">http:&#x2F;&#x2F;research.microsoft.com&#x2F;en-us&#x2F;um&#x2F;people&#x2F;kopf&#x2F;pixelart&#x2F;</a>
virtualritzabout 11 years ago
It actually looks like as if you took the polylines from EPX and used the points as the CVs for a biquadratic or bicubic interpolating spline (e.g. Catmull-Rom), you&#x27;d be very close to their result already.
whywhywhy5about 11 years ago
I think hq4x is the best. Microsoft&#x27;s curves too much - and while it can look good&#x2F;stylized for some pieces, it&#x27;s ultimately inaccurate and warps many of the pieces from their original form.
asdabout 11 years ago
Ctr+f &quot;Invader 1&quot; and choose the Vector Magic version. Star Trek!
nealsabout 11 years ago
Funny how I don&#x27;t remember those vikings to be so low-detail and tiny.
sitkackabout 11 years ago
Todo: Blend hq4x and the kopf techniques in a post processing step.
bovermyerabout 11 years ago
The Secret of Mana ones made my eyes leak, not gonna lie. Awesome graphics technology update not withstanding, that game was an integral part of my teenage years.
pesentiabout 11 years ago
Enhance! <a href="http://www.youtube.com/watch?v=qHepKd38pr0" rel="nofollow">http:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=qHepKd38pr0</a>
TepidSolarsoulabout 11 years ago
I have a hard time believing the use of Nintendo IP in this case (big corporation-backed research lab) falls under Fair Use.
computerslolabout 11 years ago
Looks great :) Makes me a bit less tense about the appearance of older programs in the 4k+ display future.
评论 #7307627 未加载
klh_dkabout 11 years ago
actually running the hqx algo on the art and then throwing it through ANY vectorisation engine with a slight roundness comes on top of any of these.<p>And Microsoft is not really being fair to Vector Magic here, there&#x27;s a ton of settings there to improve that rendering depending on what you want...
josephschmoeabout 11 years ago
Doesn&#x27;t work well with geometric objects. Look at the swords, shields, the letter &#x27;A&#x27;.
NicoJuicyabout 11 years ago
They forgot natural neighbour interpolation... Should show better results then their research ;)
dlsymabout 11 years ago
Well I guess it&#x27;s retro week again on HN... Better check my bookmarks from 3 years ago...
Legendabout 11 years ago
This seems pretty awesome. Can someone please tell me where this could be useful?
fisherpriceabout 11 years ago
The &#x27;ours&#x27; filter (I guess it&#x27;s the one from MS) is mind-blowing.
Udoabout 11 years ago
At first I thought this was a live JS-based demo. That would have been amazing.
bart3rabout 11 years ago
Are there any ruby libraries that would depixel an image in a similar fashion?
actionsketchabout 11 years ago
I just learned that my favorite depixelizer is hq4x
digitalpacmanabout 11 years ago
This is pretty amazing of a demo.
NKCSSabout 11 years ago
Just awesome.
rocky5about 11 years ago
amazing.
sz4kertoabout 11 years ago
I can&#x27;t believe noone linked this so far. <a href="https://www.youtube.com/watch?v=3uoM5kfZIQ0&amp;hd=1" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=3uoM5kfZIQ0&amp;hd=1</a>
评论 #7308312 未加载
评论 #7311122 未加载