hn.today

Show HN: Multi-Layer ASCII Art

typeart.mitpit.com7 points1 comments
Screenshot of Show HN: Multi-Layer ASCII Art

TypeArt is a browser-based tool for turning images into layered typographic artwork, extending conventional ASCII art with real fonts, spacing adjustments, and CSS styling. Users can upload an image and tune brightness, contrast, saturation, hue, and inversion, then set the canvas dimensions, grid, number of passes, and glyph set. Composition options include search, annealing, and greedy methods, alongside controls for asymmetry, tone mapping, and layer-specific font size, tracking, line height, glyphs, and color mixing. The guidance notes that ink presets work especially well with line art, while high-contrast images and smooth gradients also tend to produce good results.

The artwork is rendered as stacked text layers, with the browser serving as the rendering engine. Users can reroll or retype the result, adjust layers, and export a copyable HTML snippet or download HTML and PNG files. Export settings can include font data; otherwise, the page relies on the named fonts already being available where the artwork is embedded. The site also provides code examples for scaling artwork to fit narrow screens, centering it without a visible horizontal scrollbar, swapping wide and narrow versions at a breakpoint, and protecting its layout from conflicting global CSS. A gallery demonstrates the resulting text-based compositions.

Read on typeart.mitpit.com1 comments on Hacker News

Summary generated by AI from the linked article. hn.today is not affiliated with Hacker News or Y Combinator.

More in Web

The daily digest

Today's best Hacker News stories, summarized and screenshotted, one email a day.