How to get games on your school laptop

Wed, 04 Feb 2026 00:01:18 +0000

This method is for retro games and requires a personal computer.

1. pick the console you want to play at school NES/SNES/N64/Any nintendo handheld thats not switch 2 switch or ds.

2. ask ai this "Hey gemini/chatgpt/grok/claude, code me an html emulator site for (console you chose), include the emulator, and a file picker (to pick game from your files)." certain emulators it puts in will have a built in option to change controls but just in case ask the ai to make the controls how you want them.

3. download the html file it gives. if it doesn't (if your using gemini) then copy the code. and find some sort of "text to html file" website that will do it for you. or you can ask the ai how to convert it with your computers version of the notes app.

4. "Legally" obtain your games. I can't say how but trust me its really ez.

if you want a lot of customization tho you have to spend a lot of time doing the dirty work with ai, take for example saving and loading. I'm gonna share the code for my emulator I made with ai specifically for MEGA MAN 5 for NES. (its made for Mega man 5 but really you could use it for any NES game you want to.) (The emulator does NOT have megaman 5 built into it you have to upload your own copy, emulators with built in games are illegal.)

-----------------------------------------------------------------

<!DOCTYPE html>

<head>

<title>Mega Man 5 - Mission Hub</title>

<style>

:root {

--mm-darkest: #000000;

--mm-blue: #001285;

--mm-neon: #00baff;

--mm-accent: #f8f800;

}

body, html {

margin: 0; padding: 0; width: 100%; height: 100%;

background-color: var(--mm-darkest);

color: white; font-family: 'Segoe UI', sans-serif;

overflow: hidden; display: flex; align-items: center; justify-content: center;

}

#setup-screen {

text-align: center; z-index: 100;

background: rgba(0, 18, 133, 0.6); padding: 40px;

border: 2px solid var(--mm-neon); border-radius: 15px;

backdrop-filter: blur(10px);

}

.btn {

background: var(--mm-accent); color: black; border: none;

padding: 15px 40px; font-size: 18px; font-weight: bold;

cursor: pointer; border-radius: 50px; text-transform: uppercase;

}

#game-view {

display: none; width: 100vw; height: 100vh;

position: relative; flex-direction: row; align-items: center; justify-content: center;

gap: 20px; padding: 0 20px;

}

#canvas-wrapper {

position: relative;

display: inline-block;

flex-shrink: 0;

z-index: 5;

}

#light-spill {

position: absolute;

top: -20%; left: -20%;

width: 140%; height: 140%;

background: transparent;

filter: blur(100px);

opacity: 0;

transition: opacity 1s ease;

pointer-events: none;

z-index: -1;

border-radius: 50%;

}

canvas {

background: #000;

image-rendering: pixelated;

display: block;

transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

box-shadow: 0 0 30px rgba(0,0,0,1);

position: relative;

z-index: 10;

}

#scanlines {

position: absolute; top: 0; left: 0; width: 100%; height: 100%;

pointer-events: none; z-index: 15; display: none;

background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.2) 50%);

background-size: 100% 4px;

}

.ratio-4-3 { aspect-ratio: 4 / 3; height: 85vh; width: auto; }

.ratio-16-9 { aspect-ratio: 16 / 9; width: 85vw; height: auto; max-height: 85vh; }

.side-panel {

width: 280px; background: rgba(0, 18, 133, 0.8);

border: 1px solid rgba(0, 186, 255, 0.4); border-radius: 8px;

padding: 15px; font-size: 12px; backdrop-filter: blur(8px);

max-height: 80vh; display: flex; flex-direction: column;

transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);

z-index: 20;

}

.side-panel.is-hidden {

opacity: 0; pointer-events: none; transform: translateX(20px);

width: 0; padding: 0; margin: 0; border: none;

}

.mode-16-9 .side-panel { position: absolute; right: 20px; z-index: 70; }

.mode-16-9 .side-panel.is-hidden { transform: translateX(100%); }

.panel-header { color: var(--mm-accent); font-weight: bold; margin-bottom: 10px; text-align: center; text-transform: uppercase; letter-spacing: 1px; }

#password-list { overflow-y: auto; flex-grow: 1; }

.boss-row { display: flex; justify-content: space-between; margin-bottom: 5px; border-bottom: 1px solid rgba(0,186,255,0.1); padding-bottom: 2px; }

.extra-tools {

margin-top: 15px; border-top: 1px solid rgba(0, 186, 255, 0.3); padding-top: 15px;

display: flex; flex-direction: column; gap: 8px;

}

#ui-bar {

position: absolute; top: 15px; left: 15px;

display: flex; gap: 8px; z-index: 80; flex-wrap: wrap; max-width: 800px;

}

.ui-btn {

background: rgba(0, 0, 0, 0.7); border: 1px solid var(--mm-neon);

color: var(--mm-neon); padding: 6px 12px; cursor: pointer; font-size: 10px;

text-transform: uppercase; border-radius: 4px;

}

.ui-btn:hover, .ui-btn.active { background: var(--mm-neon); color: black; }

.modal {

display: none; position: fixed; z-index: 1000; left: 0; top: 0;

width: 100%; height: 100%; background-color: rgba(0,0,0,0.9);

align-items: center; justify-content: center;

}

.modal-content {

background: var(--mm-blue); border: 2px solid var(--mm-neon);

width: 540px; max-width: 90%; max-height: 85vh; padding: 25px;

display: flex; flex-direction: column; position: relative;

}

.close-modal {

position: absolute; top: 10px; right: 15px; color: var(--mm-neon);

font-size: 24px; cursor: pointer; font-weight: bold;

}

.manual-body { overflow-y: auto; flex-grow: 1; padding-right: 10px; }

.manual-page { display: none; }

.manual-page.active { display: block; }

.manual-nav { display: flex; justify-content: space-between; margin-top: 20px; border-top: 1px solid var(--mm-neon); padding-top: 10px; flex-shrink: 0; }

.boss-entry { background: rgba(0,0,0,0.3); border-left: 3px solid var(--mm-accent); padding: 15px; margin-bottom: 15px; }

.boss-name { color: var(--mm-accent); font-weight: bold; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; }

.boss-tip { color: var(--mm-neon); font-size: 13px; line-height: 1.5; margin-top: 10px; border-top: 1px solid rgba(255,255,255,0.1); padding-top: 10px; }

#save-status {

position: absolute; top: 15px; right: 15px;

font-size: 12px; color: var(--mm-accent); background: rgba(0,0,0,0.8);

padding: 8px 15px; border: 1px solid var(--mm-accent); border-radius: 4px; display: none;

z-index: 100;

}

</style>

</head>

<p>MISSION HUB READY</p>

</div>

<button id="btn-crt" class="ui-btn" onclick="toggleCRT()">Scanlines: Off</button>

<button id="btn-glow" class="ui-btn" onclick="toggleGlow()">Light Spill: Off</button>

<button id="btn-pause" class="ui-btn" onclick="togglePause()">Pause</button>

<button class="ui-btn" onclick="toggleFullScreen()">Full Screen</button>

<button class="ui-btn" onclick="resetGame()">Reset</button>

</div>

<div class="panel-header">PASSWORD REF</div>

<div class="boss-row"><span>Gravity Man</span> <span style="color:var(--mm-neon)">Red: C1</span></div>

<div class="boss-row">Stone Man <span style="color:var(--mm-neon)">Red: B4</span></div>

<div class="boss-row">Charge Man <span style="color:var(--mm-neon)">Red: D3</span></div>

<div class="boss-row">Napalm Man <span style="color:var(--mm-neon)">Blue: B5</span></div>

<div class="boss-row">Crystal Man <span style="color:var(--mm-neon)">Blue: D2</span></div>

</div>

<div class="panel-header">RESOURCES</div>

View Keybinds

</button>

Open Game Manual

</button>

</div>

</div>

<h2 style="color:var(--mm-accent)">EMULATOR KEYBINDS</h2>

<div><strong>D-PAD</strong></div><div>Arrow Keys</div>

<div><strong>BUTTON A (Jump)</strong></div><div>X Key</div>

<div><strong>BUTTON B (Shoot)</strong></div><div>Z Key</div>

<div><strong>START</strong></div><div>Enter</div>

<div><strong>SELECT</strong></div><div>Shift</div>

</div>

<div class="boss-name">Gravity Man</div>

<p><strong>World:</strong> The Anti-Gravity Lab</p>

<p><strong>Weakness:</strong> Star Crash</p>

<strong>Traversal Tip:</strong> Watch the floor! Arrows indicate when gravity will shift. When upside down, your jump is inverted. Focus on timing your slides to avoid the flying robots.

</div>

<p><strong>World:</strong> The Space Station</p>

<p><strong>Weakness:</strong> Water Wave</p>

<strong>Traversal Tip:</strong> Low gravity means you jump very high. Be careful not to jump into spikes on the ceiling! Use small taps for controlled jumps.

</div>

<div class="boss-name">Stone Man</div>

<p><strong>World:</strong> The Mountain Mine</p>

<p><strong>Weakness:</strong> Napalm Bomb</p>

<strong>Traversal Tip:</strong> There are many hidden passages. Look for walls that look slightly different. Charge your Mega Buster to take out the heavy shield bots.

</div>

<p><strong>World:</strong> The Water Treatment Plant</p>

<p><strong>Weakness:</strong> Charge Kick</p>

<strong>Traversal Tip:</strong> The Jet Ski section requires fast reflexes. Stay in the center to avoid most obstacles, and jump over the jumping fish.

</div>

<div class="boss-name">Charge Man</div>

<p><strong>World:</strong> The Locomotive Train</p>

<p><strong>Weakness:</strong> Power Stone</p>

<strong>Traversal Tip:</strong> The train moves fast! Stay alert for enemies appearing from behind. Don't stand in one place too long or you'll get pinned.

</div>

<div class="boss-name">Napalm Man</div>

<p><strong>World:</strong> The Secret Jungle Base</p>

<p><strong>Weakness:</strong> Crystal Eye</p>

<strong>Traversal Tip:</strong> Watch out for the missiles launched from the background. Keep moving to make yourself a harder target. Use Rush Coil to find hidden E-Tanks.

</div>

<div class="boss-name">Crystal Man</div>

<p><strong>World:</strong> The Crystal Caverns</p>

<p><strong>Weakness:</strong> Gyro Attack</p>

<strong>Traversal Tip:</strong> Crystals drop from the ceiling in certain rooms. Watch the shadows on the ground to see where they will land.

</div>

<p><strong>World:</strong> The Hanging Gardens</p>

<p><strong>Weakness:</strong> Gravity Hold</p>

<strong>Traversal Tip:</strong> High altitude means lots of wind. Use the Beat bird if you've collected enough letters to help with flying enemies.

</div>

<button class="ui-btn" onclick="changePage(-1)">PREVIOUS</button>

</div>

const canvas = document.getElementById('nes-canvas');

const ctx = canvas.getContext('2d');

const imageData = ctx.getImageData(0, 0, 256, 240);

const buf = new ArrayBuffer(imageData.data.length);

const buf8 = new Uint8ClampedArray(buf);

const buf32 = new Uint32Array(buf);

let memorySave = null;

let crtEnabled = false;

let glowEnabled = false;

let hubHidden = false;

let currentPage = 1;

let isPaused = false;

let frameInterval = null;

// --- AUDIO HANDLING ---

let audioCtx = null;

let scriptNode = null;

const AUDIO_BUFFER_SIZE = 4096;

const audioSamples = new Float32Array(AUDIO_BUFFER_SIZE * 2);

let audioWritePtr = 0;

let audioReadPtr = 0;

function initAudio() {

if (audioCtx) return;

audioCtx = new (window.AudioContext || window.webkitAudioContext)();

scriptNode = audioCtx.createScriptProcessor(AUDIO_BUFFER_SIZE, 0, 2);

scriptNode.onaudioprocess = (e) => {

const left = e.outputBuffer.getChannelData(0);

const right = e.outputBuffer.getChannelData(1);

for (let i = 0; i < AUDIO_BUFFER_SIZE; i++) {

if (audioReadPtr !== audioWritePtr) {

left[i] = right[i] = audioSamples[audioReadPtr];

audioReadPtr = (audioReadPtr + 1) % (AUDIO_BUFFER_SIZE * 2);

} else {

left[i] = right[i] = 0;

}

};

scriptNode.connect(audioCtx.destination);

}

// --- SMOOTH GLOW LOGIC ---

const sampleCanvas = document.createElement('canvas');

sampleCanvas.width = 4;

sampleCanvas.height = 4;

const sCtx = sampleCanvas.getContext('2d');

let currentR = 0, currentG = 0, currentB = 0;

const lerpFactor = 0.05;

const nes = new jsnes.NES({

onFrame: (buffer) => {

for (let i = 0; i < 256 * 240; i++) {

buf32[i] = 0xFF000000 | buffer[i];

}

imageData.data.set(buf8);

ctx.putImageData(imageData, 0, 0);

if (glowEnabled) updateLightSpill();

onAudioSample: (l, r) => {

audioSamples[audioWritePtr] = l;

audioWritePtr = (audioWritePtr + 1) % (AUDIO_BUFFER_SIZE * 2);

sampleRate: 44100

});

function updateLightSpill() {

sCtx.drawImage(canvas, 0, 0, 4, 4);

const data = sCtx.getImageData(0, 0, 4, 4).data;

let targetR = 0, targetG = 0, targetB = 0;

for (let i = 0; i < data.length; i += 4) {

targetR += data[i]; targetG += data[i+1]; targetB += data[i+2];

}

targetR /= 16; targetG /= 16; targetB /= 16;

currentR += (targetR - currentR) * lerpFactor;

currentG += (targetG - currentG) * lerpFactor;

currentB += (targetB - currentB) * lerpFactor;

document.getElementById('light-spill').style.background =

`rgba(${Math.round(currentR)}, ${Math.round(currentG)}, ${Math.round(currentB)}, 0.55)`;

}

function toggleGlow() {

glowEnabled = !glowEnabled;

const spill = document.getElementById('light-spill');

const btn = document.getElementById('btn-glow');

if (glowEnabled) {

spill.style.opacity = "1";

btn.innerText = "Light Spill: ON";

btn.classList.add('active');

} else {

spill.style.opacity = "0";

btn.innerText = "Light Spill: OFF";

btn.classList.remove('active');

}

function openModal(id) {

if (audioCtx && audioCtx.state === 'suspended') audioCtx.resume();

document.getElementById(id).style.display = 'flex';

}

function closeModal(id) { document.getElementById(id).style.display = 'none'; }

function changePage(delta) {

document.getElementById(`page-${currentPage}`).classList.remove('active');

currentPage = ((currentPage + delta - 1 + 8) % 8) + 1;

document.getElementById(`page-${currentPage}`).classList.add('active');

document.getElementById('pageNum').innerText = `${currentPage} / 8`;

}

function toggleHub() {

hubHidden = !hubHidden;

document.getElementById('main-panel').classList.toggle('is-hidden', hubHidden);

document.getElementById('btn-hide-hub').innerText = hubHidden ? "Show Hub" : "Hide Hub";

}

function changeRatio(ratio) {

document.getElementById('btn-43').classList.toggle('active', ratio === '4-3');

document.getElementById('btn-169').classList.toggle('active', ratio === '16-9');

canvas.className = ratio === '4-3' ? 'ratio-4-3' : 'ratio-16-9';

document.body.className = `mode-${ratio.replace(':', '-')}`;

}

function resetGame() { nes.reloadROM(); showStatus("RESETTING..."); }

function quickSave() {

const state = nes.toJSON();

localStorage.setItem('mm5_save_state', JSON.stringify(state));

showStatus("STATE SAVED TO BROWSER");

}

function quickLoad() {

const saved = localStorage.getItem('mm5_save_state');

if (saved) {

nes.fromJSON(JSON.parse(saved));

showStatus("STATE LOADED");

} else {

showStatus("NO SAVE DATA FOUND");

}

function togglePause() {

isPaused = !isPaused;

const btn = document.getElementById('btn-pause');

if (isPaused) {

clearInterval(frameInterval);

if (audioCtx) audioCtx.suspend();

btn.innerText = "Resume";

btn.classList.add('active');

showStatus("PAUSED");

} else {

if (audioCtx) audioCtx.resume();

frameInterval = setInterval(() => nes.frame(), 1000 / 60);

btn.innerText = "Pause";

btn.classList.remove('active');

showStatus("RESUMED");

}

function toggleCRT() {

crtEnabled = !crtEnabled;

document.getElementById('scanlines').style.display = crtEnabled ? 'block' : 'none';

document.getElementById('btn-crt').innerText = `Scanlines: ${crtEnabled ? 'ON' : 'OFF'}`;

}

function toggleFullScreen() {

if (!document.fullscreenElement) document.documentElement.requestFullscreen();

else document.exitFullscreen();

}

function showStatus(text) {

const el = document.getElementById('save-status');

el.innerText = text; el.style.display = 'block';

setTimeout(() => el.style.display = 'none', 1500);

}

document.getElementById('file-in').onchange = (e) => {

const file = e.target.files[0];

if (!file) return;

const reader = new FileReader();

reader.onload = (event) => {

initAudio();

document.getElementById('setup-screen').style.display = 'none';

document.getElementById('game-view').style.display = 'flex';

nes.loadROM(event.target.result);

frameInterval = setInterval(() => nes.frame(), 1000 / 60);

};

reader.readAsBinaryString(file);

};

const keys = {

38: jsnes.Controller.BUTTON_UP, 40: jsnes.Controller.BUTTON_DOWN,

37: jsnes.Controller.BUTTON_LEFT, 39: jsnes.Controller.BUTTON_RIGHT,

88: jsnes.Controller.BUTTON_A, 90: jsnes.Controller.BUTTON_B,

13: jsnes.Controller.BUTTON_START, 16: jsnes.Controller.BUTTON_SELECT

};

document.onkeydown = (e) => {

if (audioCtx && audioCtx.state === 'suspended') audioCtx.resume();

if (!isPaused && keys[e.keyCode] !== undefined) {

e.preventDefault(); nes.buttonDown(1, keys[e.keyCode]);

}

};

document.onkeyup = (e) => {

if (!isPaused && keys[e.keyCode] !== undefined) nes.buttonUp(1, keys[e.keyCode]);

};

</script>

</body>

</html>

KidzTalk - Recent questions tagged #nes

How to get games on your school laptop