pcface
TuiCss
pcface | TuiCss | |
---|---|---|
13 | 13 | |
78 | 1,472 | |
- | - | |
5.3 | 4.3 | |
10 months ago | 7 months ago | |
Python | SCSS | |
GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
pcface
-
Game Font Forensics
I hold VileR's work on int10h.org in high esteem, given its exceptional quality. As someone whose initial exposure to computers was through IBM PCs, I find VileR's website to be a treasure trove of IBM PC fonts, BIOS fonts, and related resources.
Inspired by IBM PC games from the 1990s, I aspired to create my own invaders-like game. However hindered by limited access to computers and limited computer programming knowledge, the most I could manage to make were a few text-based adventure games. Although 25 years too late, during the COVID-19 pandemic, I revisited this dream and spent a weekend writing my own Invaders game[1] using HTML5 Canvas.
Initially, I used CanvasRenderingContext2D: fillText() to display text (current score, info screen, etc.). However, dissatisfied with the text rendering quality, I began looking for IBM PC OEM fonts online and came across the Oldschool PC Fonts[2] on int10h.org. I downloaded the font packs from the website, used a Python script to convert them to bitmaps[3] (arrays of integers), and then used the bitmaps to draw text on the canvas, one cell at a time, to get pixel-perfect results!
I eventually switched to a different font pack called Modern DOS[4] developed by Jayvee Enaguas. Nevertheless given how extensive VileR's website is and how convenient the font preview tools[5] on the website are, int10h.org remains as my go-to website whenever I am doing any type of retrocomputing work for fun.
[1] https://susam.net/invaders.html
[2] https://int10h.org/oldschool-pc-fonts/
[3] https://github.com/susam/pcface
[4] https://www.dafont.com/modern-dos.font
[5] https://int10h.org/oldschool-pc-fonts/fontlist/font?ibm_vga_...
-
Demo of Bitmap Arrays for Rendering CP437 Glyphs Using IBM PC OEM Fonts
Although not included in this demo, VileR does provide aspect-correct variants of the fonts at https://int10h.org/oldschool-pc-fonts/fontlist/. One can take the scripts at https://github.com/susam/pcface and generate the bitmap arrays for the aspect-correct variants too.
-
What Is Textmode?
> It typically uses 256 characters exemplified by the font CP437
I have very fond memories of code page 437 (CP437). ASCII code 1 is a smiley face in CP437. How cool is that!
Shameless plug: I recently wrote a small toolkit to render CP437 characters on HTML5 canvas for a retro-style game project I was working on. Source: https://github.com/susam/pcface Demo: https://susam.github.io/pcface/src/demo.html
- Bitmap arrays for rendering CP437 glyphs using IBM PC OEM fonts
- Show HN: Bitmap arrays for rendering CP437 glyphs using IBM PC OEM fonts
- Show HN: PC Face: Bitmap arrays for rendering CP437 glyphs using PC OEM fonts
- PC Face: Bitmap arrays for rendering CP437 glyphs using IBM PC OEM fonts
- Bitmap Arrays for Rendering CP437 Glyphs Using IBM PC OEM Fonts
- PC Face: Bitmap Arrays for Rendering CP437 Glyphs Using IBM PC OEM Fonts
TuiCss
-
Show HN: Msdos Theme Inspired Image Enhancement Tools
I am a lover of CSS frame themes and that is really nice.
https://github.com/vinibiavatti1/TuiCss
It seems this is just your personal project as it is just on a subdomain of your domain, so might not be for the public, but keep the following in mind:
GDPR-compliance: you need to add how long images remain after being uploaded or give the option to delete the original file. This also includes the time you will also keep the generated file. You wouldn't need to store these for more than 10 minutes after the output has been generated.
Filename: out.png is like you just plopped in the sample code that you found on Github and called it a day. Consider keeping the filename and adding something to it. "filename-out.png" might be better.
Tested most of the options and its all functional.
-
What Is Textmode?
Maybe not exactly what you‘re looking for, but you could give https://github.com/vinibiavatti1/TuiCss a try.
More here: https://github.com/troxler/awesome-css-frameworks#specialize...
- 98.css – design system for building faithful recreations of Windows 98 UIs
- Hacker News stylized as a retro 90s macOS desktop
- Thunderbird Time Machine: Windows XP and Thunderbird 1.0
- System.css: A design system for building retro Apple interfaces
-
Modern Turbo Vision 2.0
Definitely not as good as the web, if only for zero accessibility. With the web you have a DOM of semantic elements that are all carefully marked up by hand to describe the intent and meaning of everything. With turbo vision and TUIs you have a buffer of bytes with text, graphics, background, etc. all using the same character set. Good luck if you're a screen reader trying to make sense of it.
But you can have TUI style on the web, this tui.css project is absolutely amazing IMHO: https://github.com/vinibiavatti1/TuiCss
- TuiCSS,: DOS-inspired Text-based user interface CSS library
- I created a CSS library to make Text-based user interfaces for web application
- TuiCss - a library focused to create web applications using an interface based on ASCII table, like the old MS-DOS applications
What are some alternatives?
saman - Saman Dere Sans-Serif Font
brick - A declarative Unix terminal UI library written in Haskell
bitmap-font-css - Trying to make bitmap web fonts look better.
Turbo Vision - A modern port of Turbo Vision 2.0, the classical framework for text-based user interfaces. Now cross-platform and with Unicode support.
chiron-sans-hk - 昭源黑體:現代筆形風格,平衡標準字形和印刷體慣用筆形的免費開源黑體字型
NES.css - NES-style CSS Framework | ファミコン風CSSフレームワーク
public-sans - A strong, neutral, principles-driven, open source typeface for text or display
termbox2 - suckless terminal rendering library
Monocraft - A monospaced programming font inspired by the Minecraft typeface
TermOx - C++17 Terminal User Interface(TUI) Library.
Work-Sans - A grotesque sans.
spark-joy - ✨😂 2000+ ways to add design flair, user delight, and whimsy to your product.