Viewing Program

Program Data

Program thumbnail for "{props.program.title}"

Title	windows 1.01
ID	4908587594465280
Created	9 months ago, 1712772284209
Updated	8 months ago, 1714509650486
Code	<!DOCTYPE html> <!-- This uses v86, a WebAssembly port of the x86 instruction set. All the files are stored in images, since I can't use GitHub (it's blocked), which were then used as thumbnails for 6 programs. Since the thumbnails are stored on khanacademy.org and this is running on kasandbox.org, I cannot access raw image data (because of CORS), so instead the images are drag- and-dropped into this program, which then decodes them. The thumbnail has a theoretical maximum capacity of widthheight color channels, or 6006003 = 1,080,000 bytes, which is is just over a megabyte. If a file is too big, it is split over multiple images. TODO: * Store multiple files in one image * Find a newer version of Windows to emulate --> <html> <head> <meta charset="utf-8"> <title>windows 1.01</title> <style> #dropCanvas { width: 50px; height: 50px; border: 1px solid black; } </style> </head> <body> <div id="dropper"> <p>Go to <a href="https://www.khanacademy.org/computer-programming/files/5002034506547200" target="_blank">the other program</a> and drag each image into the black box.</p> <canvas ondragover="return false;" ondrop="handle(event)" width="600" height="600" id="dropCanvas"></canvas><br> <button onclick="main()" disabled id="runbtn">Start</button> </div> <div id="screen_container"> <div style="white-space: pre; font: 14px monospace; line-height: 14px"></div> <canvas style="display: none"></canvas> </div> <script type>//<script> var files = { seabios: { buffer: null, length: 131072, name: "5526685213179904.png" }, vgabios: { buffer: null, length: 35840, name: "6664289308557312.png" }, v86wasm: { buffer: null }, v86wasm1: { u8a: null, length: 1080000, name: "4553003745591296.png" }, v86wasm2: { u8a: null, length: 503537, name: "6407103143657472.png" }, windows101: { buffer: null }, windows1011: { u8a: null, length: 750000, name: "5640834521939968.png" }, windows1012: { u8a: null, length: 724560, name: "5904956639592448.png" }, libv86: { raw: null, length: 291354, name: "6659098874134528.png" } }; var c = dropCanvas; var dc = c.getContext("2d"); function handle(e) { e.preventDefault(); var f = e.dataTransfer.files[0]; createImageBitmap(f).then(function(b) { c.width = b.width; c.height = b.height; dc.drawImage(b, 0, 0); var d = dc.getImageData(0, 0, c.width, c.height).data.filter(function(n,i){return (i+1)%4!==0;}); for(var a in files) { if(files[a].name === f.name) { if("u8a" in files[a]) { files[a].u8a = d.slice(0, files[a].length); } else if("buffer" in files[a]) { files[a].buffer = d.slice(0, files[a].length).buffer; } else { files[a].raw = Array.from(d.slice(0, files[a].length), function(h){return String.fromCharCode(h);}).join(""); } } } for(var a in files) { if(files[a].length && !files[a].u8a && !files[a].buffer && !files[a].raw) return; } runbtn.disabled = false; }); } function concat(...args) { let totalLength = 0; let currLength = 0; for(var a of args) { totalLength += a.length; } let mergedArray = new Uint8Array(totalLength); for(var a of args) { mergedArray.set(a, currLength); currLength += a.length; } return mergedArray; } function main() { dropper.remove(); files.v86wasm.buffer = concat(files.v86wasm1.u8a, files.v86wasm2.u8a).buffer; files.windows101.buffer = concat(files.windows1011.u8a, files.windows1012.u8a).buffer; document.head.appendChild(Object.assign(document.createElement("script"), {innerHTML: files.libv86.raw})) var emulator = window.emulator = new V86({ wasm_fn: env => { return new Promise(resolve => { WebAssembly .instantiate(files.v86wasm.buffer, env) .then(({ instance: { exports } }) => resolve(exports)); }); }, memory_size: 512 * 1024 * 1024, vga_memory_size: 8 * 1024 * 1024, screen_container: document.getElementById("screen_container"), bios: { buffer: files.seabios.buffer, }, vga_bios: { buffer: files.vgabios.buffer, }, fda: { buffer: files.windows101.buffer, }, autostart: true, }); screen_container.onclick = e => { emulator.lock_mouse() } } </script> </body> </html>
Folds
Fork	false
Key	ag5zfmtoYW4tYWNhZGVteXIXCxIKU2NyYXRjaHBhZBiAgKvf2YrcCAw
Votes	8
Spin-Offs	0
Type	WEBPAGE
Width	400
Height	400
User Flagged	false
Origin Scratchpad	null
Hidden From Hotlist	false
Restricted Posting	false
By Child	false
Author Nick	S 🇳 🇴 🇴 🇵 🇾‮
Author Name	somebudyelse
Author ID	kaid_117061054145957092515447
Author Profile Access	PUBLIC

Archive Data

Added	8 months ago, 1713914940163
Updated	2 months ago, 1729719029743
Source Deleted	unknown