Skip to content

Instantly share code, notes, and snippets.

@aemkei

aemkei/LICENSE.txt

Forked from 140bytes/LICENSE.txt
Created October 8, 2011 15:11
Show Gist options
  • Save aemkei/1272408 to your computer and use it in GitHub Desktop.
Save aemkei/1272408 to your computer and use it in GitHub Desktop.
Download ZIP
Digital Segment Display - 140byt.es
Raw
README.md

Digital Segment Display - 140byt.es

Converts single digits into old-school ASCII string.

See my digital clock example.

Digit List

 _      _  _       _   _  _   _   _
| |  |  _| _| |_| |_  |_   | |_| |_|
|_|  | |_  _|   |  _| |_|  | |_|  _|

Sample Clock

         _  _     _  _  
| |_| .  _| _| . |_   | 
|   | . |_  _| .  _|  |

For more information

See the 140byt.es site for a showcase of entries (built itself using 140-byte entries!), and follow @140bytes on Twitter.

To learn about byte-saving hacks for your own code, or to contribute what you've learned, head to the wiki.

140byt.es is brought to you by Jed Schmidt, with help from Alex Kloss. It was inspired by work from Thomas Fuchs and Dustin Diaz.

Raw
annotated.js
function f(
a, // number to convert
b // placeholer: index in string to replace
){
return "\n_ |"[ // character map
b % 4 && // add line break for position 4 and 8
b % 2 + -~a // draw space, "|" or "_" based on position
] || "ცᕦဨဢᒦႂႊᅦႪႦ" // data is stored in unicode character
.charCodeAt(a) // convert character to integer
.toString(2) // convert to binary representaion
.replace( // parse binary data
/./g, f // analyse every char
)
}
Raw
example.html
<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Digital Clock - 140bytes</title>
<style type="text/css">
body { font-weight: bold; color: lime; background: black; }
pre { display: inline-block; width: auto; }
</style>
<div id="time"></div>
<script>
var digits =
function f(a,b){return"\n_ |"[b%4&&b%2+-~a]||"ცᕦဨဢᒦႂႊᅦႪႦ".charCodeAt(a).toString(2).replace(/./g,f)}
function pad(number){
return (number < 10 ? "0" : "") + number;
}
setInterval(function(){
var display = "",
date = new Date(),
time = pad(date.getHours()) +
pad(date.getMinutes()) +
pad(date.getSeconds()),
i;
for(i in time){
display += "<pre>" + digits(time[i]) + "</pre>";
if (i==1 || i==3){
display += "<pre>\n.\n.</pre>"
}
}
document.getElementById( "time" ).innerHTML = display
}, 1000);
</script>
Raw
index.js
function f(a,b){return"\n_ |"[b%4&&b%2+-~a]||"ცᕦဨဢᒦႂႊᅦႪႦ".charCodeAt(a).toString(2).replace(/./g,f)}
Raw
LICENSE.txt
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. You just DO WHAT THE FUCK YOU WANT TO.
Raw
package.json
{
"name": "toDigital",
"description": "Converts digits into an old-school digital ASCII string.",
"keywords": [
"number",
"digital",
"ascii",
"string"
],
"contributors": [
{
"name" : "Martin Kleppe",
"url" : "https://github.com/aemkei"
},
{
"name" : "@tsaniel",
"url" : "https://github.com/tsaniel"
}
]
}
Raw
test.html
<!DOCTYPE html>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Digits - 140bytes</title>
<style type="text/css"> pre { display: inline-block; width: auto;}</style>
<div id="output"></div>
<script>
var digits =
function f(a,b){return"\n_ |"[b%4&&b%2+-~a]||"ცᕦဨဢᒦႂႊᅦႪႦ".charCodeAt(a).toString(2).replace(/./g,f)}
for (var i=0; i<10; i++){
document.getElementById( "output" ).innerHTML += "<pre>" + digits(i) + "</pre>"
}
</script>
@aemkei
Copy link
Author

aemkei commented Oct 16, 2011

Hey @tsaniel,

I can't get this to work.

This is how my test output looks like:

 _       _  _   _   _   _  _   _   _
| |   |  _| _| |_  |_  |_   | |_| |_|
|_|   | |_  _| |    _| |_|  | |_|  _|

So, everything is fine except the number 4.

      =>    1
|_|   =>   020   => 903 => ·
  |   =>   110

... but as soon as I copy and paste the resulting character, it will be somehow converted:

 _    <=    2
|_    <=   021   <= 183 <= ·
|     <=   0

This might be a stupid Mac OS issue or something else when working with UTF8.

And what about the "compatible" version? Is the other one not working in all browsers?

@tsaniel
Copy link

tsaniel commented Oct 17, 2011

That problem is also with my Windows XP, so it might be the encoding problem?

The "compatible" version is for IE6, 7 actually.

@tsaniel
Copy link

tsaniel commented Oct 18, 2011

Let's try another version.

function f(a,b){return"\n_ |"[b%4&&b%2+-~a]||"ცᕦဨဢᒦႂႊᅦႪႦ".charCodeAt(a).toString(2).replace(/./g,f)}

@aemkei
Copy link
Author

aemkei commented Oct 18, 2011

So, no for in loops anymore and down to 120 bytes.

@tsaniel
Copy link

tsaniel commented Oct 19, 2011

Isn't it 119 bytes?

@aemkei
Copy link
Author

aemkei commented Oct 19, 2011

Hmm, my browser (https://raw.github.com/gist/1272408/index.js) and ls -l both tell me: 120B.

@tsaniel
Copy link

tsaniel commented Oct 19, 2011

Whatever - encoding is really funny.

@subzey
Copy link

subzey commented Dec 2, 2011

Maybe I've missed something, but why b%4&&b%2+-~a, not b%4&&b%2-~a?

@subzey
Copy link

subzey commented Dec 2, 2011

function f(a,b){return"\n_ |"[b%4&&b%2-~a]||("uʳ��ɓAE³UQ".charCodeAt(a)*2+4096).toString(2).replace(/./g,f)}

Not tweetable due to non-printable chars corruption. Sorry.

@tsaniel
Copy link

tsaniel commented Dec 4, 2011

@subzey: Seems you miss 2 and 3 ?

@subzey
Copy link

subzey commented Dec 4, 2011

Sorry. Some weird thing is happened with non-printable chars.

Thanks for your reply, @tsaniel! I suppose, my entry cannot be valid as even if it consists of 111 bytes, it cannot be tweeted without corruption.

@tsaniel
Copy link

tsaniel commented Dec 5, 2011

Anyway, good work @subzey!
By the way, could you use the similar trick on the early version?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment