TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: Karektar – Bitmap Font Designer

109 点作者 newtrino超过 1 年前
Karektar is a React&#x2F;TS app for building exportable bitmap fonts from custom glyph sets.<p>You can submit your own input string, and the app will generate the gallery of unique glyphs. Build your own designs using the various tools available, then export it to an OTF format when you&#x27;re done.<p>This is my first front-end project, and one I picked up to learn React. I&#x27;d love to hear any feedback, especially on usability and additional features you&#x27;d like to see. Cheers!

15 条评论

alwa超过 1 年前
This is fun! Since you asked for feedback:<p>- I couldn’t find a way to clear pixels after drawing them, short of using the trash can icon to clear the whole glyph. Especially since I’m on a phone, an “eraser” tool would have been handy for those couple of stray pixels in an otherwise happy tracing.<p>In Pentacom BitFontMaker (which, as a sister comment points out, Karektar seems to be based on), it looks like they avoided an explicit “eraser” tool by causing strokes to clear pixels whenever the stroke started on a filled pixel.<p>- My phone has a relatively small screen, and the fixed footer text covers the bottom row of controls such that I can’t use them.
评论 #37629956 未加载
gavmor超过 1 年前
Fun! I took my exported font over to <a href="https:&#x2F;&#x2F;fontdrop.info" rel="nofollow noreferrer">https:&#x2F;&#x2F;fontdrop.info</a> to have a quick look at some lorem ipsum.<p>Had some trouble figuring out what the &quot;Submit&quot; button was for. Wasn&#x27;t until fontdrop revealed I was missing capitals that I went back and experimentally added an uppercase to the sample.
junon超过 1 年前
&quot;Submit&quot; on mobile doesn&#x27;t seem to work. I assume it&#x27;s supposed to update the preview, right?
评论 #37629919 未加载
评论 #37630310 未加载
评论 #37630714 未加载
sbjs超过 1 年前
This reminds me that I made a way to create love2d fonts using pico8 files and ended up coming up with a 3x4 font that I absolutely love and hope to use in a homemade game one day.
Einenlum超过 1 年前
Thanks, I like it! Would love to be able to see a live preview with some custom text. Also, I miss the uppercase chars but maybe I just didn&#x27;t see them.
pxoe超过 1 年前
it doesn&#x27;t really vibe with quick (hell, just fast-ish) strokes across the screen, trying to just write with a pen on screen results in a bunch of dots (strokes with missing pixels inbetween), so one has to move really slow. (maybe it also has to do with the canvas and strokes on it being a bunch of squares as is, and not like a (thinner? smoother?) stroke underneath, that gets aliased into bigger pixels) (ability to move and reposition stokes would be useful as well)<p>nonetheless, very cool thing that can quickly just give you a font file. that directness and immediacy is commendable<p>also, maybe there could be a &#x27;toggle pixel&#x27; mode, instead of separate draw&#x2F;erase modes. intuitively i&#x27;d just want to click on pixel to flip it, and that&#x27;d be quicker than &#x27;switching to erase - erasing - switching back to drawing&#x27; again and again.
mjaniczek超过 1 年前
I&#x27;d love for this to also allow for shades of gray (the Fallout 1&#x2F;2 bitmap font is antialiased). It would likely mean harder OTF exporting process for you though. Color fonts are still not supported everywhere, my last attempt ended up with PNG-in-SVG in the OTF.
atoav超过 1 年前
It would be great of this could also do more symbols, umlauts and such.
评论 #37653659 未加载
Giorgi超过 1 年前
Howmany pixels are each cube? Bitmap usually assumes one pixel each cube, can&#x27;t find that info anywhere on the site
cinntaile超过 1 年前
How do I preview what I created? The sentence at the top doesn&#x27;t seem to fill any function or what am I missing?
kevinwang超过 1 年前
Cool! Would be nice to be able to design fonts for different sizes too!
评论 #37629903 未加载
hypertexthero超过 1 年前
Very nice!<p>Can we add numbers and basic punctuation to the list of glyphs?
aravindet超过 1 年前
Nice! I&#x27;d built something similar to make fonts for the Adafruit GFX library. <a href="http:&#x2F;&#x2F;aravind.rs&#x2F;fruitfont&#x2F;" rel="nofollow noreferrer">http:&#x2F;&#x2F;aravind.rs&#x2F;fruitfont&#x2F;</a><p>Its export format is C code that defines GFXGlyph and GFXFont structs.<p>Doesn&#x27;t work well on mobile and multiple size&#x2F;style variants doesn&#x27;t work yet. This was mostly the result of yak shaving after I set out to make a watch face for my SQFMI Watchy.
评论 #37629996 未加载
评论 #37630103 未加载
a1o超过 1 年前
This looks way too much like the editor in Pentacom&#x27; BitFontMaker <a href="https:&#x2F;&#x2F;www.pentacom.jp&#x2F;pentacom&#x2F;bitfontmaker2&#x2F;" rel="nofollow noreferrer">https:&#x2F;&#x2F;www.pentacom.jp&#x2F;pentacom&#x2F;bitfontmaker2&#x2F;</a>
评论 #37629974 未加载
评论 #37630205 未加载
IYasha超过 1 年前
This is literally their entire site. I am so depressed right now.<p>&lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt; &lt;meta charset=&quot;UTF-8&quot; &#x2F;&gt; &lt;link rel=&quot;icon&quot; type=&quot;image&#x2F;png&quot; href=&quot;.&#x2F;favicon.ico&quot; &#x2F;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot; &#x2F;&gt; &lt;title&gt;Karektar&lt;&#x2F;title&gt; &lt;script type=&quot;module&quot; crossorigin src=&quot;.&#x2F;assets&#x2F;index-f8e9a3f5.js&quot;&gt;&lt;&#x2F;script&gt; &lt;link rel=&quot;stylesheet&quot; href=&quot;.&#x2F;assets&#x2F;index-90296a42.css&quot;&gt; &lt;&#x2F;head&gt; &lt;body&gt; &lt;div id=&quot;root&quot;&gt;&lt;&#x2F;div&gt; &lt;&#x2F;body&gt; &lt;&#x2F;html&gt;<p>edit: I&#x27;d rather look for similar offline tool, written in C and working not just in latest browsers.
评论 #37656285 未加载