❤️
╔═════════╗ /
║ ~~~/~~~ ║
┌╣ o O ╠┐
└╣ └ ╠┘
║ ║
║ └───┘ ║
╚═════════╝
Ro-Box
MAKE ART WITH BOX-DRAWING CHARACTERS
EXAMPLES
HELP
UNDO
REDO
FIX
SHARE
╔╧═ ║ Hi! I'm Ro-Box, ║ ║ This is my friend Json ──> ╠── │ X If you change Json, ╠── I will change too! ║ ╠── I can live wherever there is └── a monospaced font. Just COPY and PASTE me! ┌ ╔╧ ║ ┌──┐ ║ ╔═══════════╗ │ │ ║ ┌────╢ ┌┐┌┐┌┐╟────┐ ╠──╣ ╠─ └────╢ └┘└┘└┘╟────┘ ║ ║ │ ║ ║ ║ ║ ╠─ ║ ║ ┌╣ ║ ║ ║ ║ ││~~║ ╠─ ║ ║ └╣ ║ └─<div class="nb e fr"><div class="hc av ab ah ar font-size-13 bg-230-230-230-255 p-4 s r wc mv--3825--3825-0 cl ccy"><a class="hc fc-204-77-51-255 s e wc ccx ccy" href="https://github.com/lucamug/ro-box-private/blob/master/src/Examples/Robox.elm" rel="noopener noreferrer" target="_blank"><div class="s t wf hf">Ro-Box</div></a></div></div>
Ro-Box
{ "title": "Ro-Box", "sourceCodeUrl": "https://github.com/lucamug/ro-box-private/blob/master/src/Examples/Robox.elm", "author": "", "authorUrl": "", "width": 80, "height": 30, "shapes": [ { "shape": "words", "x": 34, "y": 2, "words": "Hi! I'm Ro-Box," }, { "shape": "words", "x": 34, "y": 4, "words": "This is my friend Json ──>" }, { "shape": "words", "x": 34, "y": 6, "words": "If you change Json," }, { "shape": "words", "x": 40, "y": 7, "words": "I will change too!" }, { "shape": "words", "x": 34, "y": 9, "words": "I can live wherever there is" }, { "shape": "words", "x": 40, "y": 10, "words": "a monospaced font." }, { "shape": "words", "x": 40, "y": 12, "words": "Just COPY and PASTE me!" }, { "shape": "group", "x": 15, "y": 5, "shapes": [ { "shape": "rect", "x": 3, "y": 6, "width": 5, "height": 2, "weight": 1 }, { "shape": "rect", "x": 0, "y": 0, "width": 11, "height": 7, "weight": 2 }, { "shape": "rect", "x": 10, "y": 2, "width": 2, "height": 2, "weight": 1 }, { "shape": "rect", "x": -1, "y": 2, "width": 2, "height": 2, "weight": 1 }, { "shape": "words", "x": 2, "y": 1, "words": "~~~/~~~" }, { "shape": "words", "x": 2, "y": 2, "words": " o O " }, { "shape": "words", "x": 2, "y": 3, "words": " └ " }, { "shape": "words", "x": 2, "y": 4, "words": " _ _ " }, { "shape": "words", "x": 2, "y": 5, "words": " └───┘ " }, { "shape": "line", "x": 5, "y": -3, "length": 4, "direction": "|", "weight": 1 }, { "shape": "rect", "x": 4, "y": -3, "width": 3, "height": 2, "weight": 1 }, { "shape": "words", "x": 5, "y": -1, "words": "\\" }, { "shape": "words", "x": 11, "y": -1, "words": "/" }, { "shape": "words", "x": 12, "y": -2, "words": "❤️" } ] }, { "shape": "group", "x": 14, "y": 12, "shapes": [ { "shape": "rect", "x": -5, "y": 1, "width": 23, "height": 2, "weight": 1 }, { "shape": "box", "x": 0, "y": 0, "width": 13, "height": 8, "weight": 2, "char": " " }, { "shape": "rect", "x": 6, "y": 1, "width": 2, "height": 2, "weight": 1 }, { "shape": "rect", "x": 8, "y": 1, "width": 2, "height": 2, "weight": 1 }, { "shape": "rect", "x": 10, "y": 1, "width": 2, "height": 2, "weight": 2 }, { "shape": "group", "x": -5, "y": 0, "shapes": [ { "shape": "box", "x": 0, "y": 0, "width": 4, "height": 9, "weight": 2, "char": " " }, { "shape": "box", "x": 0, "y": -1, "width": 4, "height": 3, "weight": 1, "char": " " }, { "shape": "box", "x": -1, "y": 4, "width": 1, "height": 3, "weight": 1, "char": " " }, { "shape": "box", "x": 0, "y": 8, "width": 4, "height": 3, "weight": 1, "char": " " }, { "shape": "words", "x": 1, "y": 5, "words": "~~" } ] }, { "shape": "group", "x": 14, "y": 0, "shapes": [ { "shape": "box", "x": 0, "y": 0, "width": 4, "height": 9, "weight": 2, "char": " " }, { "shape": "box", "x": 0, "y": -1, "width": 4, "height": 3, "weight": 1, "char": " " }, { "shape": "box", "x": 3, "y": 4, "width": 1, "height": 3, "weight": 1, "char": " " }, { "shape": "box", "x": 0, "y": 8, "width": 4, "height": 3, "weight": 1, "char": " " }, { "shape": "words", "x": 1, "y": 5, "words": "~~" } ] } ] }, { "shape": "group", "x": 15, "y": 20, "shapes": [ { "shape": "box", "x": 1, "y": -1, "width": 3, "height": 2, "weight": 1, "char": " " }, { "shape": "box", "x": 0, "y": 0, "width": 5, "height": 9, "weight": 2, "char": " " }, { "shape": "box", "x": 0, "y": 4, "width": 5, "height": 3, "weight": 1, "char": " " }, { "shape": "words", "x": 2, "y": 5, "words": "X" }, { "shape": "box", "x": 0, "y": 8, "width": 5, "height": 2, "weight": 1, "char": " " } ] }, { "shape": "group", "x": 21, "y": 20, "shapes": [ { "shape": "box", "x": 1, "y": -1, "width": 3, "height": 2, "weight": 1, "char": " " }, { "shape": "box", "x": 0, "y": 0, "width": 5, "height": 9, "weight": 2, "char": " " }, { "shape": "box", "x": 0, "y": 4, "width": 5, "height": 3, "weight": 1, "char": " " }, { "shape": "words", "x": 2, "y": 5, "words": "X" }, { "shape": "box", "x": 0, "y": 8, "width": 5, "height": 2, "weight": 1, "char": " " } ] } ] }
Made with
Elm
and
elm-box-drawing
ANIMATIONS
Ro-Box
Documentation
DRAWINGS
Clover
Small Clover
Stair
Patterns Test
The Elm Architecture
Comprehensive
Documentation
Ro-Box
✕
SHARE
Use the address of the browser to share or to save your work.
SAVE
Simply bookmarking this page, your work will be saved in your browser at that point in time.
SHARE DRAWING
To share only the drawing you can copy it from the right box and paste it anywere. It will looks good as long as you use monospaced fonts.
ADD IT HERE
If you made something remarkable, add it to
examples.txt
so that I can add it to this website.
ELM EXAMPLES
If you made something in Elm, send a PR to
ro-box
.
✕