A silly interactive retro terminal library for the HTML5 canvas
Make a fake DOS prompt or draw some ASCII/ANSI art.
Live: http://www.toolsley.com/dos.html
Google "fntcol16.zip"
One-by-one these fonts are in the public-domain.
Or you can use the one supplied with the demos
Make an HTML page with a canvas
Prompt, cursor, input, command interpreter
dostoy.init({
font: window.atob("your font in base64"), // or Uint8Array with font data
fontHeight: 14, // or appropriate for font
canvas: document.getElementById("your-canvas-id"),
shell:true,
beforeShell: function() {
dostoy.println("Some welcome message");
},
prompt: "C:\\>",
commandHandler : function(command) {
switch(command) {
case "ver":
dostoy.println("Fake Dos 1.0");
break;
default:
dostoy.println("Bad command or filename");
}
}
});Manual output with manual input
dostoy.init({
font: window.atob("your font in base64"), // or Uint8Array with font data
fontHeight: 14, // or appropriate for font
canvas: document.getElementById("your-canvas-id"),
shell:false
});
dostoy.println("Hello World");
dostoy.input("Your name?", function(name) {
dostoy.println("Hello to you too, "+name);
});print(text)
println(text)
input(prompt,function(input))
inkey(function(keyCode))
locate(col,row)
chr(charcodes) - this also prints. charcodes can be a single ascii code or a comma separated list
cls()
setCursor(true/false)
setPrompt(text)
setShell(true,false)
color(bg,fg) - see color code table at http://en.wikibooks.org/wiki/QBasic/Text_Output#Color_by_Number)
getCols()
getRows()
Etc
License: MIT
Known issues: Grossly incomplete input handler among other things
There's a tremendous amount of room for improvement but as a toy and simple demo it provides enough mild entertainment as-is. Might be useful for April Fools pages or similar.
Pull requests are welcome if you make something more involved with it and improve on it in the process.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent