Settings

Theme

A developper friendly (web) comic format

drdru.github.io

36 points by toto444 3 years ago · 4 comments · 1 min read

Reader

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.

AntonyGarand 3 years 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.

  • toto444OP 3 years 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.

dvh 3 years ago

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

lf-non 3 years 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.

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection