A developper friendly (web) comic format (opens in new tab)

(drdru.github.io)

36 pointstoto4443y ago4 comments

Hey HN

Using two online tools and some HTML/CSS I have been able to create a (web) comic despite the fact that I am conpletely unable to draw.

The first tool is https://www.pixelartcss.com/ which allows me to convert video game tiles to CSS.

The second one is https://www.thecodingfox.com/interactive/pixel-world-editor/ which was kindly made by TheCodingFox for me. It allows to combine the output of pixelartcss on a grid. The ouput is then exported as an HTML file that I can reuse.

As a result the illustrations you can see are actually only css and HTML. The comic does not make use of any images such as ong or jpg.

4 comments

AntonyGarand3y ago

Interesting concept!

There are some random green and blue lines between the "pixels" on my default zoom level, which are removed if I zoom to 110%, and vary across other zoom levels. Using the latest Firefox on windows. It seems to be caused by the shadows, which is an interesting way of doing the pixels but unfortunately ruins the image in my case.

toto444OP3y ago

Thanks for the feedback. I am aware of the issue you mention. There is not much I can do about it though. On the positive side it's ok most of the time.

dvh3y ago

Somewhat similar is acbf: https://launchpad.net/acbf

lf-non3y ago

Intriguing concept, but the HTML output of the pixel-world-editor tool doesn't seem great (tons of absolutely positioned divs). In present day world it would be better to use svg.

j / k navigate · click thread line to collapse