Giter Site home page Giter Site logo

aaronbell / box-drawing Goto Github PK

View Code? Open in Web Editor NEW

This project forked from adobe-type-tools/box-drawing

0.0 0.0 0.0 119 KB

Python script to draw all the box drawing characters and block elements based on parameters.

Home Page: http://adobe-type-tools.github.io/box-drawing/

License: MIT License

Python 100.00%

box-drawing's Introduction

boxDrawing.py

Soon after the public release of Source Code Pro, many a notice was received from connoisseurs of fixed-width type, upset about a shortcoming: Unbelievably, the family’s first iteration did not contain Box Drawing Characters. Fortunately, this flaw has since been remedied, and the whole set of Box Drawing Characters, plus all of the Block Elements now are now part of the typeface.

Source Code Pro is a typeface family intended for both programmers and designers. It has a fairly wide range of weights, therefore we agreed to adjust the Box Drawing Characters in their stem width as well, to make for a better corresponding appearance. The reasoning behind this decision is that everyone will benefit from this consideration: The programmer will like the screen display adjusted to the chosen text weight. The graphic designer will appreciate a multitude of combination possibilities; and an unseen dynamic range of drawing boxes.

All that is why this script was written. It is not exactly an amazing, or creativity-challenging task to draw those quite generic glyphs.
Much more fun is derived from writing a script, and generating the silliest Box Drawing Characters over and over again.

What does this script do?

This script will draw the complete range of Box Drawing Characters and Block Elements in the font editor of your choice.
The design of those characters is based on a handful of parameters, which can be changed in the script file itself. Feel free to create Box Drawing Characters that are longer than usual; exceedingly wide, fat (both?); or hairline-thin.

Time was spent to make this script compatible with the triumvirate of commercial font editing applications; this means that this script will run in RoboFont, Glyphs, and even FontLab without any modifications (Glyphs support experimental).
You can even run the script straight from the command line, which will generate a new UFO file right to your desktop.

Tested versions:
Robofont: Version 1.4b (build 1302261653)
Glyphs: Version 2.4.1 (983)
FontLab: 5.1.3 (4693)

Dependencies:
When using Glyphs or FontLab, Robofab must be installed and working. Running the script from the command line will not work without Robofab installed.

When using Glyphs, please make sure you have the GSPen.py and objectsGS.py modules installed.

What does this script not do?

This script is not for adding Box Drawing Characters to existing, compiled fonts.
It is assumed you have type design software, and font source data available; or at least know what to do with a UFO file.

What are Box Drawing Characters?

Box Drawing Unicode range 2500-257F and Block Elements Unicode range 2580-259F:

0 1 2 3 4 5 6 7 8 9 A B C D E F
U+250x
U+251x
U+252x
U+253x
U+254x
U+255x
U+256x
U+257x
U+258x
U+259x

Both Box Drawing Characters and Block Elements are mostly at home in the world of text-based UI; you might remember brilliant examples from MS-DOS Defrag or ScanDisk.

    ┌─┬────────────┐
┌───┘ │ Beautiful  │  
│     │ box.       │  ┌────────────╖
│     ╰─┰──────────┤  │ Another    ╟┐
│       ┃ The same │  │ quite nice ║│
│       ┃ ole box. │  │ box.       ║│
└───────┸──────────┘  ╘╤═══════════╝│
                       └────────────┘       

Box Drawing Characters can also be used for graphic design. As an example, see the “source code” (pun) of the Adobe Type Team holiday card 2012:

╔═*╓─╭╍╮╓─o*›┍━┑╻ ▲,┌─»
╚═╗║╍╽┅╈╙─╖¡ ┆0┆╽╲╿ ┕━┓
╚═╜╙━╹©╹╚═╱╳∙┕═┙╵=╹_└─┛
╦┉╴╓─╮╓─ ╱╳¤╳╲┕ ┎─┎┬┬┒•
║ ╗║─╮╬(•╱∑╳ɔ╲¡ʻ┣╸ || ┒
╙─©◊ ◊╙─╱╳╳⅓╳╳╲┆┖─:┗┛ ┸
┎╲ ╷╭─┨?╱╳¿╳╳▲╲♪╔═╡****
┃╲╲┃┃─╮╱↑╳╳╳ợ╳╳╲╚═╗from
╵ H┚╰─ᵒ╱╳╳∞╳╳╳¤╲╞═╝the↓
↓╎O┊◊ˈ╱╳◉╳%╳╳=╳╳╲◆╦═╦═]
H╎L┊─╱♪╳╳ʷ╳ ∫╳ §╲┊║A║™]
A╎I┊╍╱╳∂╳╳◆╳╳╳Ω╳ ╲┊D┊═╗
P─D──╱╳╳¶╳ ╳$╳  ¤╳┊O┊T║
P║A┊╱╳ Ø╳╳ƒ╳╳╳☑╳  ╲B┊Y║
Y║Y┊╱¤╳╳œ╳╳╳Ṃ ╳╳| ╲E┊P║
│┐S╱╳╳╳ˣ╳╳×╳╳╳◆ ╳¤╳╲┊E│
↓ !!┟╥─╯┍╇┯█┯╇┑▚│┇──┴─┊
   ╶═╝┎┘│━┵┼┶━│┈╢TEAM<╯
   ╺━│┃░▒▓▌!▐▓▒░┃││┼☑┘╳

Those examples above 
might look mis-aligned.
Why? Read on below: 
↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ 

Possibly, the text above will may look misaligned. It is because many monospaced fonts (including some of the ones used in the Github CSS) do not include all of the Box Drawing Characters. Head over to the Project Page for live examples of the text above (using Source Code Pro as a webfont), plus some more.

Usage:

  • Open font editor of your choice (one of the three mentioned above).
  • Drag the the script file into the scripts panel; or move it to your scripts folder.
  • Run.
  • Watch Box Drawing Characters emerge.
  • Done.

Alternate method:

  • Run the script on the command line.
  • A UFO full of Box Drawing Characters is created (given that Robofab is installed and working).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.