diff --git a/code/engine/ingameRes.js b/code/engine/ingameRes.js
index 1269aea..d5edb0a 100644
--- a/code/engine/ingameRes.js
+++ b/code/engine/ingameRes.js
@@ -43,6 +43,7 @@ window.IngameRes = function(rom) {
 	var characters = [];
 	var karts = [];
 
+	var test = new spa(r.MainEffect.getFile("RaceEffect.spa"));
 	loadItems();
 	loadTires();
 
diff --git a/code/formats/spa.js b/code/formats/spa.js
new file mode 100644
index 0000000..d091d31
--- /dev/null
+++ b/code/formats/spa.js
@@ -0,0 +1,479 @@
+//
+// spa.js
+//--------------------
+// Reads spa files. Based off of code from MJDS Course Modifier, which was very incomplete but at least got the textures.
+// Reverse engineered most of the emitter stuff.
+// by RHY3756547
+//
+
+window.spa = function(input) {
+    var t = this;
+    this.load = load;
+
+    var colourBuffer;
+
+    function load(input) {
+        colourBuffer = new Uint32Array(4);
+        var view = new DataView(input);
+        var header = null;
+        var offset = 0;
+
+        var stamp = readChar(view, 0x0)+readChar(view, 0x1)+readChar(view, 0x2)+readChar(view, 0x3);
+        if (stamp != " APS") throw "SPA invalid. Expected ' APS', found "+stamp;
+        offset += 4;
+
+        var version = readChar(view, offset)+readChar(view, offset+1)+readChar(view, offset+2)+readChar(view, offset+3);
+        offset += 4;
+
+        var particleCount = view.getUint16(offset, true);
+        var particleTexCount = view.getUint16(offset+2, true);
+        var unknown = view.getUint32(offset+4, true);
+        var unknown2 = view.getUint32(offset+8, true);
+        var unknown3 = view.getUint32(offset+12, true);
+
+        var firstTexOffset = view.getUint32(offset+16, true);
+        var pad = view.getUint32(offset+20, true);
+
+        offset += 24;
+        if (version == "12_1") {
+            this.particles = [];
+            for (let i=0; i<particleCount; i++) {
+                this.particles[i] = readParticle(view, offset);
+                offset = this.particles[i].nextOff;
+            }
+        }
+
+        offset = firstTexOffset;
+        this.particleTextures = [];
+        for (let i=0; i<particleTexCount; i++) {
+            this.particleTextures[i] = readParticleTexture(view, offset);
+            offset = this.particleTextures[i].nextOff;
+        }
+
+        if (window.debugParticle) {
+            for (let i=0; i<particleCount; i++) {
+                var text = document.createElement("textarea");
+                var p = this.particles[i];
+                text.value = JSON.stringify(p, true, 4);
+                text.style.width = 500;
+                text.style.height = 200;
+                
+
+                var obj = this.particleTextures[p.textureId];
+                if (p.texAnim) obj = this.particleTextures[p.texAnim.textures[0]];
+                if (obj == null) {
+                    continue;
+                }
+                var test = readTexWithPal(obj.info, obj);
+                document.body.appendChild(test);
+                document.body.appendChild(text);
+                document.body.appendChild(document.createElement("br"));
+            }
+        }
+    }
+
+    function readParticle(view, off) {
+        var obj = {};
+        var ParticleFlags =
+        {
+            Type0: 0,
+            //1: random sphere
+            //2: random ground
+            //3: rotation invariant
+            //4+: unpredictable past here
+            Type1: 0x10, //spark type
+            Type2: 0x20, //3d, makes rotation around billboard axis
+            Type3: 0x30, //spark 3d
+            Type4: 0x40, //billboard
+            Type5: 0x80, //billboard but ignores ground setting? maybe 2d
+            ScaleAnim: 0x100,
+            ColorAnimation: 0x200,
+            OpacityAnimation: 0x400,
+            TextureAnimation: 0x800,
+            Unknown: 0x1000,
+            RandomDirection: 0x2000,
+            CrashGame: 0x4000,
+            AttachedToEmitter: 0x8000,
+            Bit16: 0x10000,
+            Bit21: 0x200000,
+            Bit22: 0x400000,
+            Bit23: 0x800000,
+            Gravity: 0x1000000,
+            Bit25: 0x2000000, //balloon? perhaps sine rotation (as it flies away)
+            Bit26: 0x4000000,
+            Bit27: 0x8000000,
+            Bit28: 0x10000000,
+            Bit29: 0x20000000
+        }
+
+        obj.flag = view.getUint32(off, true);
+        obj.position = [view.getInt32(off+0x4, true)/4096, view.getInt32(off+0x8, true)/4096, view.getInt32(off+0xC, true)/4096];
+        //this is just hilarious at this point
+        //the best approach here is to look at each particle on a case by case basis, seeing how each particle behaves ingame
+        obj.particleChance = view.getInt32(off+0x10, true)/4096;    //if less than 1, pct chance a particle will appear on that frame. >1 means more than one particle will appear.
+        obj.areaSpread = view.getInt32(off+0x14, true)/4096;    //x and z
+        //^ particle count?
+        obj.unknown3 = view.getInt32(off+0x18, true)/4096;   //unknown (does not change anything for grass)
+
+        //not sure what this vector is for. grass it's (0, 1, 0), smoke it's (-0.706787109375, 0, -0.707275390625) billboard alignment vector? (it's a bit crazy for powerslide)
+        obj.vector = [view.getInt16(off+0x1C, true)/4096, view.getInt16(off+0x1E, true)/4096, view.getInt16(off+0x20, true)/4096];
+        obj.color = view.getUint16(off+0x22, true); //15 bit, usually 32767 for white.
+        obj.randomxz = view.getUint32(off+0x24, true); //random xz velocity intensity
+        obj.velocity = view.getUint32(off+0x28, true); //initial velocity related
+        obj.size = view.getUint32(off+0x2C, true)/4096; //size
+        obj.aspect = view.getUint16(off+0x30, true) / 4096; //aspect
+
+        //frame delay before activation (x2)
+        //rotational velocity from (x2)
+        //rotational velocity to (x2)
+        obj.delay = view.getUint16(off+0x32, true);
+        obj.rotVelFrom = view.getInt16(off+0x34, true);
+        obj.rotVelTo = view.getInt16(off+0x36, true);
+
+        obj.unknown13 = view.getUint16(off+0x38, true); //??? (0)
+        obj.unknown14 = view.getUint16(off+0x3A, true); //??? (4B)
+        obj.emitterLifetime = view.getUint16(off+0x3C, true); //stop emitting particles after this many frames
+        obj.duration = view.getUint16(off+0x3E, true); 
+
+        obj.varScale = view.getUint8(off+0x40, true);
+        obj.varDuration = view.getUint8(off+0x42, true);
+        obj.varUnk1 = view.getUint8(off+0x44, true); //usually like 1-8
+        obj.varUnk2 = view.getUint8(off+0x46, true); //usually like 128 (hahaa)
+
+        obj.frequency = view.getUint8(off+0x44, true); //create particle every n frames
+        obj.opacity = view.getUint8(off+0x45, true); //opacity (0-1F)
+        obj.yOffIntensity = view.getUint8(off+0x46, true); //y offset intensity (seems to include updraft and gravity. 124 for smoke, 120 for grass. 128 is probably 1x)
+        obj.textureId = view.getUint8(off+0x47, true);
+        obj.unknown21 = view.getUint32(off+0x48, true); //negative number makes grass disappear (1 for grass, smoke)
+        obj.unknown22 = view.getUint32(off+0x4C, true); //some numbers make grass disappear (0x458d00 for grass, 0x74725f60 for smoke)
+        obj.xScaleDelta = view.getUint16(off+0x50, true); //x scale delta for some reason. usually 0
+        obj.yScaleDelta = view.getUint16(off+0x52, true); //y scale delta for some reason. usually 0
+        obj.unknown25 = view.getUint32(off+0x54, true); //FFFFFFFF makes run at half framerate. idk? usually 0
+        off += 0x58;
+
+        if ((obj.flag & ParticleFlags.ScaleAnim) != 0)
+        {
+            obj.scaleAnim = [];
+            //1.000 (doesn't seem to do anything important, but occasionally is between start and end)
+            //start scale
+            //end scale
+            //???? (seems to affect the interpolation. cubic params?)
+            //flags (1: random scale for one frame? everything above it might be cubic params)
+            //???? (0x4B)
+
+            obj.scaleAnim = {
+                unkBase: view.getUint16(off, true)/4096,
+                scaleFrom: view.getUint16(off+2, true)/4096,
+                scaleTo: view.getUint16(off+4, true)/4096,
+                param: view.getUint16(off+6, true),
+                flagParam: view.getUint16(off+8, true),
+                unk4b: view.getUint16(off+10, true),
+            };
+            off += 12;
+        }
+        if ((obj.flag & ParticleFlags.ColorAnimation) != 0)
+        {
+            obj.ColorAnimation = {
+                colorFrom: view.getUint16(off, true), //color from 
+                colorTo: view.getUint16(off+2, true), //color to (seems to be same as base color)
+                framePct: view.getUint16(off+4, true), //frame pct to become color to (FFFF means always from, 8000 is about the middle)
+                unknown: view.getUint16(off+6, true), //unknown, 00FF for fire?
+                flags: view.getUint32(off+8, true), //flags (1: binary select color, 4: smooth blend)
+            };
+            off += 12;
+        }
+        if ((obj.flag & ParticleFlags.OpacityAnimation) != 0)
+        {
+            //opacity
+
+            //intensity x2 (0FFF to 0000. smoke is 0bff. 1000 breaks it, i'm assuming it pushes opacity from 1f to 20 (overflow to 0))
+            //random flicker
+            //unknown (negative byte breaks it)
+            //startfade x2
+            //cubic param? x2
+            obj.opacityAnim = {
+                intensity: view.getUint16(off, true),
+                random: view.getUint8(off+2, true),
+                unk: view.getUint8(off+3, true),
+                startFade: view.getUint16(off+4, true), //0-FFFF. seems to be the pct of duration where the anim starts.
+                param: view.getUint16(off+6, true),
+            }
+            off += 8;
+        }
+        if ((obj.flag & ParticleFlags.TextureAnimation) != 0)
+        {
+            var textures = [];
+            for (let i=0; i<8; i++) textures[i] = view.getUint8(off+i);
+            obj.texAnim = {
+                textures: textures,
+                frames: view.getUint8(off+8),
+                unknown1: view.getUint8(off+9), //128 - duration of particle. 37 - blue spark? (7 frames for 7 duration effect)
+                unknown2: view.getUint16(off+10, true), //1 - random frame? 
+            }
+            off += 12;
+        }
+        if ((obj.flag & ParticleFlags.Bit16) != 0)
+        {
+            obj.Bit16 = [];
+            for (let i=0; i<20; i++) obj.Bit16[i] = view.getUint8(off+i);
+            off += 20;
+        }
+        if ((obj.flag & ParticleFlags.Gravity) != 0)
+        {
+
+            //gravity
+            //x wind
+            //gravity (signed 16, -1 is down, leaves are FFEA (-22/4096))
+            //z wind
+            //pad?
+            obj.gravity = [
+                view.getInt16(off, true)/4096,
+                view.getInt16(off+2, true)/4096,
+                view.getInt16(off+4, true)/4096,
+                view.getInt16(off+6, true)/4096, //pad, should be ignored by vec3 ops
+            ];
+
+            off += 8;
+        }
+        if ((obj.flag & ParticleFlags.Bit25) != 0)
+        {
+            //seems to be 4 int 16s typically in some kind of pattern.
+            obj.Bit25 = [];
+            for (let i=0; i<8; i++) obj.Bit25[i] = view.getUint8(off+i);
+            off += 8;
+        }
+        if ((obj.flag & ParticleFlags.Bit26) != 0)
+        {
+            obj.Bit26 = [];
+            for (let i=0; i<16; i++) obj.Bit26[i] = view.getUint8(off+i);
+            off += 16;
+        }
+        if ((obj.flag & ParticleFlags.Bit27) != 0)
+        {
+            obj.Bit27 = [];
+            for (let i=0; i<4; i++) obj.Bit27[i] = view.getUint8(off+i);
+            off += 4;
+        }
+        if ((obj.flag & ParticleFlags.Bit28) != 0)
+        {
+            obj.Bit28 = [];
+            for (let i=0; i<8; i++) obj.Bit28[i] = view.getUint8(off+i);
+            off += 8;
+        }
+        if ((obj.flag & ParticleFlags.Bit29) != 0)
+        {
+            obj.Bit29 = [];
+            for (let i=0; i<16; i++) obj.Bit29[i] = view.getUint8(off+i);
+            off += 16;
+        }
+
+        obj.nextOff = off;
+        return obj;
+    }
+
+    function readParticleTexture(view, off) {
+        var obj = {};
+        obj.stamp = readChar(view, off+0x0)+readChar(view, off+0x1)+readChar(view, off+0x2)+readChar(view, off+0x3);
+        if (obj.stamp != " TPS") throw "SPT invalid (particle texture in SPA). Expected ' TPS', found "+obj.stamp;
+
+        var flags = view.getUint16(off+4, true);
+        obj.info = {
+            pal0trans: (flags>>3)&1, //weirdly different format
+            format: ((flags)&7),
+            height: 8 << ((flags>>8)&0xF),
+            width: 8 << ((flags>>4)&0xF),
+            repeatX: (flags>>12)&1,
+            repeatY: (flags>>13)&1,
+            flipX: (flags>>14)&1,
+            flipY: (flags>>15)&1,
+        }
+        obj.flags = flags;
+
+        obj.unknown = view.getUint16(off+6, true);
+        obj.texDataLength = view.getUint32(off+8, true);
+        obj.palOff = view.getUint32(off+0xC, true);
+        obj.palDataLength = view.getUint32(off+0x10, true);
+        obj.unknown2 = view.getUint32(off+0x14, true);
+        obj.unknown3 = view.getUint32(off+0x18, true);
+        obj.unknown4 = view.getUint32(off+0x1C, true);
+
+        obj.texData = view.buffer.slice(off+32, off+32+obj.texDataLength);
+        off += 32+obj.texDataLength;
+        obj.palData = view.buffer.slice(off, off+obj.palDataLength);
+
+        obj.nextOff = off+obj.palDataLength;
+
+        //var test = readTexWithPal(obj.info, obj);
+        //document.body.appendChild(test);
+
+        return obj;
+    }
+
+
+//modified from NSBTX.js - should probably refactor to use be generic between both
+
+    function readTexWithPal(tex, data) {
+        var format = tex.format; 
+        var trans = tex.pal0trans;
+
+        if (format == 5) return readCompressedTex(tex, data); //compressed 4x4 texture, different processing entirely
+
+        var off = 0;//tex.texOffset;
+        var palView = new DataView(data.palData);
+        var texView = new DataView(data.texData);
+        var palOff = 0;//pal.palOffset;
+
+        var canvas = document.createElement("canvas");
+        canvas.width = tex.width;
+        canvas.height = tex.height;
+        var ctx = canvas.getContext("2d");
+        var img = ctx.getImageData(0, 0, tex.width, tex.height);
+        
+        var total = tex.width*tex.height;
+        var databuf;
+        for (var i=0; i<total; i++) {
+            var col;
+            if (format == 1) { //A3I5 encoding. 3 bits alpha 5 bits pal index
+                var dat = texView.getUint8(off++)
+                col = readPalColour(palView, palOff, dat&31, trans);
+                col[3] = (dat>>5)*(255/7);
+
+            } else if (format == 2) { //2 bit pal
+                if (i%4 == 0) databuf = texView.getUint8(off++);
+                col = readPalColour(palView, palOff, (databuf>>((i%4)*2))&3, trans)
+
+            } else if (format == 3) { //4 bit pal
+                if (i%2 == 0) {
+                    databuf = texView.getUint8(off++);
+                    col = readPalColour(palView, palOff, databuf&15, trans)
+                } else {
+                    col = readPalColour(palView, palOff, databuf>>4, trans)
+                }
+
+            } else if (format == 4) { //8 bit pal
+                col = readPalColour(palView, palOff, texView.getUint8(off++), trans)
+
+            } else if (format == 6) { //A5I3 encoding. 5 bits alpha 3 bits pal index
+                var dat = texView.getUint8(off++)
+                col = readPalColour(palView, palOff, dat&7, trans);
+                col[3] = (dat>>3)*(255/31);
+
+            } else if (format == 7) { //raw color data
+                col = texView.getUint16(off, true);
+                colourBuffer[0] = Math.round(((col&31)/31)*255)
+                colourBuffer[1] = Math.round((((col>>5)&31)/31)*255)
+                colourBuffer[2] = Math.round((((col>>10)&31)/31)*255)
+                colourBuffer[3] = Math.round((col>>15)*255);
+                col = colourBuffer;
+                off += 2;
+
+            } else {
+                console.log("texture format is none, ignoring")
+                return canvas;
+            }
+            img.data.set(col, i*4);
+        }
+        ctx.putImageData(img, 0, 0)
+        return canvas;
+    }
+
+    function readCompressedTex(tex) { //format 5, 4x4 texels. I'll keep this well documented so it's easy to understand.
+        throw "compressed tex not supported for particles! (unknowns for tex data offsets and lengths?)";
+        var off = 0;//tex.texOffset;
+        var texView = new DataView(compData); //real texture data - 32 bits per 4x4 block (one byte per 4px horizontal line, each descending 1px)
+        var compView = new DataView(compInfoData); //view into compression info - informs of pallete and parameters.
+        var palView = new DataView(data.palData); //view into the texture pallete
+        var compOff = off/2; //info is 2 bytes per block, so the offset is half that of the tex offset.
+        var palOff = 0;//pal.palOffset;
+        var transColor = new Uint8Array([0, 0, 0, 0]); //transparent black
+
+        var canvas = document.createElement("canvas");
+        canvas.width = tex.width;
+        canvas.height = tex.height;
+        var ctx = canvas.getContext("2d");
+        var img = ctx.getImageData(0, 0, tex.width, tex.height);
+
+        var w = tex.width>>2; //iterate over blocks, block w and h is /4.
+        var h = tex.height>>2;
+
+        for (var y=0; y<h; y++) {
+            for (var x=0; x<w; x++) {
+                //inside block
+                var bInfo = compView.getUint16(compOff, true); //block info
+
+                var addr = (bInfo & 0x3fff); //offset to relevant pallete
+                var mode = ((bInfo >> 14) & 3); 
+
+                var finalPo = palOff+addr*4;
+                var imgoff = x*4+(y*w*16);
+                for (var iy=0; iy<4; iy++) {
+                    var dat = texView.getUint8(off++);
+                    for (var ix=0; ix<4; ix++) { //iterate over horiz lines
+                        var part = (dat>>(ix*2))&3;
+                        var col;
+
+                        switch (mode) {
+                            case 0: //value 3 is transparent, otherwise pal colour
+                                if (part == 3) col = transColor;
+                                else col = readPalColour(palView, finalPo, part);
+                                break;
+                            case 1: //average mode - colour 2 is average of 1st two, 3 is transparent. 0&1 are normal.
+                                if (part == 3) col = transColor;
+                                else if (part == 2) col = readFractionalPal(palView, finalPo, 0.5);
+                                else col = readPalColour(palView, finalPo, part);
+                                break;
+                            case 2: //pal colour
+                                col = readPalColour(palView, finalPo, part);
+                                break;
+                            case 3: //5/8 3/8 mode - colour 2 is 5/8 of col0 plus 3/8 of col1, 3 is 3/8 of col0 plus 5/8 of col1. 0&1 are normal.
+                                if (part == 3) col = readFractionalPal(palView, finalPo, 3/8);
+                                else if (part == 2) col = readFractionalPal(palView, finalPo, 5/8);
+                                else col = readPalColour(palView, finalPo, part);
+                                break;
+                        }
+
+                        img.data.set(col, (imgoff++)*4)
+                    }
+                    imgoff += tex.width-4;
+                }
+                compOff += 2; //align off to next block
+            }
+        }
+
+        ctx.putImageData(img, 0, 0)
+        return canvas;
+    }
+
+    function readPalColour(view, palOff, ind, pal0trans) {
+        var col = view.getUint16(palOff+ind*2, true);
+        var f = 255/31;
+        colourBuffer[0] = Math.round((col&31)*f)
+        colourBuffer[1] = Math.round(((col>>5)&31)*f)
+        colourBuffer[2] = Math.round(((col>>10)&31)*f)
+        colourBuffer[3] = (pal0trans && ind == 0)?0:255;
+        return colourBuffer;
+    }
+
+    function readFractionalPal(view, palOff, i) {
+        var col = view.getUint16(palOff, true);
+        var col2 = view.getUint16(palOff+2, true);
+        var ni = 1-i;
+        var f = 255/31;
+        colourBuffer[0] = Math.round((col&31)*f*i + (col2&31)*f*ni)
+        colourBuffer[1] = Math.round(((col>>5)&31)*f*i + ((col2>>5)&31)*f*ni)
+        colourBuffer[2] = Math.round(((col>>10)&31)*f*i + ((col2>>10)&31)*f*ni)
+        colourBuffer[3] = 255;
+        return colourBuffer;
+    }
+
+    //end NSBTX
+
+
+    function readChar(view, offset) {
+        return String.fromCharCode(view.getUint8(offset));
+    }
+
+    if (input != null) {
+        load(input);
+    }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 3faa682..dcf0e9a 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<head>

	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<meta name="apple-mobile-web-app-title" content="mkjs">
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, user-scalable=no">

	<!-- Client Code Includes -->

	<script src="code/engine/largeSphereCollider.js"></script>
	<script src="code/engine/collisionTypes.js"></script>
	<script src="code/engine/mkdsConst.js"></script>
	<script src="code/engine/ingameRes.js"></script>
	<script src="code/engine/itemController.js"></script>
	<script src="code/IndexedDBShim.min.js"></script>

	<script src="code/engine/storage/fileStore.js"></script>

	<script src="code/engine/controls/controlDefault.js"></script>
	<script src="code/engine/controls/controlRaceCPU.js"></script>
	<script src="code/engine/controls/controlNetwork.js"></script>

	<script src="code/engine/cameras/cameraIngame.js"></script>
	<script src="code/engine/cameras/cameraSpectator.js"></script>
	<script src="code/engine/cameras/cameraIntro.js"></script>

	<script src="code/engine/scenes/sceneDrawer.js"></script>
	<script src="code/engine/scenes/courseScene.js"></script>
	<script src="code/engine/scenes/clientScene.js"></script>
	<script src="code/engine/scenes/singleScene.js"></script>

	<script src="code/ui/race3DUI.js"></script>

	<script src="code/formats/net/netKart.js"></script>

	<script src="code/entities/objDatabase.js"></script>
	<script src="code/entities/trafficCar.js"></script>
	<script src="code/entities/water.js"></script>
	<script src="code/entities/itembox.js"></script>
	<script src="code/entities/decorations.js"></script>
	<script src="code/entities/rotatingGear.js"></script>
	<script src="code/entities/bowserPlatforms.js"></script>
	<script src="code/entities/soundMaker.js"></script>

	<script src="code/particles/itemboxShard.js"></script>

	<script src="code/entities/shell.js"></script>
	<script src="code/entities/kart.js"></script>

	<script src="code/formats/kcl.js"></script>

	<script src="code/formats/ndsFS.js"></script>

	<script src="code/formats/nitro.js"></script>
	<script src="code/formats/nsbtx.js"></script>
	<script src="code/formats/nsbmd.js"></script>
	<script src="code/formats/nsbta.js"></script>
	<script src="code/formats/nsbca.js"></script>
	<script src="code/formats/nsbtp.js"></script>
	<script src="code/formats/nftr.js"></script>
	<script src="code/formats/narc.js"></script>
	<script src="code/formats/lz77.js"></script>

	<script src="code/formats/nkm.js"></script>
	<script src="code/formats/kartphysicalparam.js"></script>
	<script src="code/formats/kartoffsetdata.js"></script>

	<script src="code/render/nitroRender.js"></script>
	<script src="code/render/nitroShaders.js"></script>
	<script src="code/render/shadowRender.js"></script>
	<script src="code/render/nitroAnimator.js"></script>

	<script src="code/glmatrix/gl-matrix.js"></script>

	<script src="code/formats/sdat.js"></script>
	<script src="code/formats/swav.js"></script>
	<script src="code/formats/swar.js"></script>
	<script src="code/formats/sbnk.js"></script>
	<script src="code/formats/sseq.js"></script>
	<script src="code/formats/ssar.js"></script>
	<script src="code/audio/sseqPlayer.js"></script>
	<script src="code/audio/nitroAudio.js"></script>

	<!-- Inline code (because that's always a good idea) -->

	<script>
		var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
			window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
		window.requestAnimationFrame = requestAnimationFrame;

		var files = {};
		var fileQuota;
		var filesLoaded = 0;
		var mobile = (function(a,b){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))return true})(navigator.userAgent||navigator.vendor||window.opera);
		var mainRT;
		var waitForROM = false;

		window.onload = function(argument) {
			window.simpleMatStack = {dat:mat4.create(), built:true};
			init();
		}

		window.onerror = function(msg, url, line, col, e) {
			var stack = e.stack.replace(/^[^\(]+?[\n$]/gm, '')
				.replace(/^\s+at\s+/gm, '')
				.replace(/^Object.<anonymous>\s*\(/gm, '{anonymous}()@')
				.split('\n');
		  	console.log(stack);
		}

		window.onerror = function(error, h, j) {
			alert("ERROR: "+error+", "+h+", "+j);
		}

		function loadFile(url) {
			var xml = new XMLHttpRequest();
			xml.open("GET", url, true);
			xml.responseType = "arraybuffer";
			xml.onload = function() {
				files[url] = xml.response;
				if (++filesLoaded == fileQuota) init();
			}
			xml.send();
		}

		function init() {
			var canvas = document.getElementById("canvas3d");
			canvas.addEventListener("click", lockPtr);
			fileStore.requestGameFiles(initNitro);
		}

		function initNitro(rom) {
			gl = initGL(document.getElementById("canvas3d"));
			gameROM = new ndsFS(rom);

			nitroRender.init(gl);
			shadowRender.init(gl);
			sceneDrawer.init(gl);
			objDatabase.init();

			nitroAudio.init(new sdat(gameROM.getFile("/data/Sound/sound_data.sdat")));

			var ctx = nitroAudio.ctx;
				buf = ctx.createBuffer(1, 1, 44000);
				osc = ctx.createBufferSource();
				osc.buffer = buf;
			osc.connect(ctx.destination);
			if (osc.noteOn) osc.start = osc.noteOn;

			var res = new IngameRes(gameROM);
			vert = 0;

			var canvas = document.getElementById("canvas3d");

			document.addEventListener("mousemove", mouseMove);
			document.addEventListener("keydown", keyDown);
			document.addEventListener("keyup", keyUp);

			canvas.addEventListener('click', function() {
			  if (!osc.donezo) {
			  	osc.start(0);
			  	osc.donezo = true;
			  }
			});
			//mainScene = new clientScene("ws://192.168.1.13:8081", 0, res)
			mainScene = new singleScene("mkds/"+window.prompt("Select a course to load. (0 to 31, eg rainbow road = 15)"), 0, res)


			//load course
			/*var cDir = MKDSCONST.COURSEDIR+MKDSCONST.COURSES[window.prompt("Select a course to load. (0 to 31, eg rainbow road = 15)")]

			//var cDir = MKDSCONST.COURSEDIR+MKDSCONST.COURSES[1];

			var mainNarc = new narc(lz77.decompress(files["snow_course.carc"]));
			var texNarc = new narc(lz77.decompress(files["snow_courseTex.carc"]));

			//var mainNarc = new narc(lz77.decompress(gameROM.getFile(cDir+".carc")));
			//var texNarc = new narc(lz77.decompress(gameROM.getFile(cDir+"Tex.carc")));

			var chars = [];
			for (var i=0; i<31; i++) {
				chars.push({charN:Math.floor(Math.random()*12), kartN:Math.floor(Math.random()*0x24), controller:controlRaceCPU, raceCam:false});
			}
			chars.push({charN:Math.floor(Math.random()*12), kartN:Math.floor(Math.random()*0x24), controller:((prompt("Type y to gain control of last kart.")=="y")?controlDefault:controlRaceCPU), raceCam:true})

				mainScene = new courseScene(mainNarc, texNarc, 
				chars, {}, res);

			//var cDir = MKDSCONST.COURSEDIR+MKDSCONST.COURSES[12];
			//var mainNarc = new narc(lz77.decompress(gameROM.getFile(cDir+".carc")));
			//var texNarc = new narc(lz77.decompress(gameROM.getFile(cDir+"Tex.carc")));

			//	mainScene2 = new courseScene(mainNarc, texNarc, 
			//	chars, {}, res);*/

			big();
			render();
		}

		var keysArray = new Array(255);

		var timeSync = 0;
		var lastTime = Date.now();
		function render() {
			timeSync += Date.now()-lastTime;
			lastTime = Date.now();

			gl.viewport(0, 0, gl.viewportWidth, gl.viewportHeight);
			gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT | gl.STENCIL_BUFFER_BIT);

			while (timeSync>0) {
				mainScene.update();
				timeSync -= 1000/60;
			}
			
			nitroAudio.tick();
			//mainScene2.update();

			mainScene.render();
			//sceneDrawer.drawWithShadow(gl, mainScene2, gl.viewportWidth/2, 0, gl.viewportWidth/2, gl.viewportHeight)

			window.requestAnimationFrame(render);
		}

		function keyDown(e) {
			keysArray[e.keyCode] = true;
			console.log(e.keyCode);
		}



		function keyUp(e) {
			keysArray[e.keyCode] = false;
		}



		function lockPtr(e) {
			/*var canvas = document.getElementById("canvas3d");
			canvas.requestPointerLock = canvas.requestPointerLock ||
        	canvas.mozRequestPointerLock ||
        	canvas.webkitRequestPointerLock;

        	canvas.requestPointerLock();*/

        	if (waitForROM) {
        		document.getElementById("fileIn").click();
			}
		}



		function mouseMove(e) {
			var movementX = e.movementX ||
			    e.mozMovementX          ||
			    e.webkitMovementX       ||
			    0;



			var movementY = e.movementY ||
			    e.mozMovementY      ||
			    e.webkitMovementY   ||
			    0;

		}



		function initGL(canvas) {
			try {
				var gl = canvas.getContext('webgl', {premultipliedAlpha: false, stencil: true, antialias: false})// || canvas.getContext("experimental-webgl");
				gl.clearColor(0,0,0,1);
				gl.clear(gl.COLOR_BUFFER_BIT);
				gl.enable(gl.DEPTH_TEST);
				gl.viewportWidth = canvas.width;
				gl.viewportHeight = canvas.height;
				return gl;
			} catch (err) {
				alert("WebGL could not be initialized.")
				return false;
			}
		}



		function big() {
			var element = document.getElementById("canvas3d");
			element.height = window.innerHeight;
			element.width = window.innerWidth;
			fixScale();
		}



		function fixScale() {
			var element = document.getElementById("canvas3d");
			gl.viewportWidth = element.width;
			gl.viewportHeight = element.height;
		}

		window.addEventListener("resize", big); 
	</script>

</head>

<body style="margin:0; background-color:black;">

	<canvas height="720" width="1280" id="canvas3d"></canvas>
	<!--
	<canvas height="720" width="1280" id="canvas"></canvas>
	<br>
	<select id="kcls">
		<option value="airship_course.kcl">airship_course.kcl</option>
		<option value="bowsers_castle.kcl">bowsers_castle.kcl</option>
		<option value="cheep_cheep_beach.kcl">cheep_cheep_beach.kcl</option>
		<option value="delfino.kcl">delfino.kcl</option>
		<option value="desert.kcl">desert.kcl</option>
		<option value="figure_8.kcl">figure_8.kcl</option>
		<option value="luigi_circuit_gcn.kcl">luigi_circuit_gcn.kcl</option>
		<option value="luigis_mansion.kcl">luigis_mansion.kcl</option>
		<option value="peach_gardens.kcl">peach_gardens.kcl</option>
		<option value="tick_tock_clock.kcl">tick_tock_clock.kcl</option>
		<option value="wario_stadium.kcl">wario_stadium.kcl</option>
		<option value="yoshi_falls.kcl">yoshi_falls.kcl</option>
		<option value="block.kcl">block.kcl</option>
		<option value="mkwii.kcl">mkwii.kcl</option>
	</select>

	-->

	<input type="file" id="fileIn" style="display:none;">

</body>
\ No newline at end of file
+<head>

	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
	<meta name="apple-mobile-web-app-title" content="mkjs">
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="initial-scale=0.5, maximum-scale=0.5, user-scalable=no">

	<!-- Client Code Includes -->

	<script src="code/engine/largeSphereCollider.js"></script>
	<script src="code/engine/collisionTypes.js"></script>
	<script src="code/engine/mkdsConst.js"></script>
	<script src="code/engine/ingameRes.js"></script>
	<script src="code/engine/itemController.js"></script>
	<script src="code/IndexedDBShim.min.js"></script>

	<script src="code/engine/storage/fileStore.js"></script>

	<script src="code/engine/controls/controlDefault.js"></script>
	<script src="code/engine/controls/controlRaceCPU.js"></script>
	<script src="code/engine/controls/controlNetwork.js"></script>

	<script src="code/engine/cameras/cameraIngame.js"></script>
	<script src="code/engine/cameras/cameraSpectator.js"></script>
	<script src="code/engine/cameras/cameraIntro.js"></script>

	<script src="code/engine/scenes/sceneDrawer.js"></script>
	<script src="code/engine/scenes/courseScene.js"></script>
	<script src="code/engine/scenes/clientScene.js"></script>
	<script src="code/engine/scenes/singleScene.js"></script>

	<script src="code/ui/race3DUI.js"></script>

	<script src="code/formats/net/netKart.js"></script>

	<script src="code/entities/objDatabase.js"></script>
	<script src="code/entities/trafficCar.js"></script>
	<script src="code/entities/water.js"></script>
	<script src="code/entities/itembox.js"></script>
	<script src="code/entities/decorations.js"></script>
	<script src="code/entities/rotatingGear.js"></script>
	<script src="code/entities/bowserPlatforms.js"></script>
	<script src="code/entities/soundMaker.js"></script>

	<script src="code/particles/itemboxShard.js"></script>

	<script src="code/entities/shell.js"></script>
	<script src="code/entities/kart.js"></script>

	<script src="code/formats/kcl.js"></script>

	<script src="code/formats/ndsFS.js"></script>

	<script src="code/formats/nitro.js"></script>
	<script src="code/formats/nsbtx.js"></script>
	<script src="code/formats/nsbmd.js"></script>
	<script src="code/formats/nsbta.js"></script>
	<script src="code/formats/nsbca.js"></script>
	<script src="code/formats/nsbtp.js"></script>
	<script src="code/formats/nftr.js"></script>
	<script src="code/formats/narc.js"></script>
	<script src="code/formats/lz77.js"></script>
	<script src="code/formats/spa.js"></script>

	<script src="code/formats/nkm.js"></script>
	<script src="code/formats/kartphysicalparam.js"></script>
	<script src="code/formats/kartoffsetdata.js"></script>

	<script src="code/render/nitroRender.js"></script>
	<script src="code/render/nitroShaders.js"></script>
	<script src="code/render/shadowRender.js"></script>
	<script src="code/render/nitroAnimator.js"></script>

	<script src="code/glmatrix/gl-matrix.js"></script>

	<script src="code/formats/sdat.js"></script>
	<script src="code/formats/swav.js"></script>
	<script src="code/formats/swar.js"></script>
	<script src="code/formats/sbnk.js"></script>
	<script src="code/formats/sseq.js"></script>
	<script src="code/formats/ssar.js"></script>
	<script src="code/audio/sseqPlayer.js"></script>
	<script src="code/audio/nitroAudio.js"></script>

	<!-- Inline code (because that's always a good idea) -->

	<script>
		var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
			window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
		window.requestAnimationFrame = requestAnimationFrame;

		var files = {};
		var fileQuota;
		var filesLoaded = 0;
		var mobile = (function(a,b){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))return true})(navigator.userAgent||navigator.vendor||window.opera);
		var mainRT;
		var waitForROM = false;

		window.onload = function(argument) {
			window.simpleMatStack = {dat:mat4.create(), built:true};
			init();
		}

		window.onerror = function(msg, url, line, col, e) {
			var stack = e.stack.replace(/^[^\(]+?[\n$]/gm, '')
				.replace(/^\s+at\s+/gm, '')
				.replace(/^Object.<anonymous>\s*\(/gm, '{anonymous}()@')
				.split('\n');
		  	console.log(stack);
		}

		window.onerror = function(error, h, j) {
			alert("ERROR: "+error+", "+h+", "+j);
		}

		function loadFile(url) {
			var xml = new XMLHttpRequest();
			xml.open("GET", url, true);
			xml.responseType = "arraybuffer";
			xml.onload = function() {
				files[url] = xml.response;
				if (++filesLoaded == fileQuota) init();
			}
			xml.send();
		}

		function init() {
			var canvas = document.getElementById("canvas3d");
			canvas.addEventListener("click", lockPtr);
			fileStore.requestGameFiles(initNitro);
		}

		function initNitro(rom) {
			gl = initGL(document.getElementById("canvas3d"));
			gameROM = new ndsFS(rom);

			nitroRender.init(gl);
			shadowRender.init(gl);
			sceneDrawer.init(gl);
			objDatabase.init();

			nitroAudio.init(new sdat(gameROM.getFile("/data/Sound/sound_data.sdat")));

			var ctx = nitroAudio.ctx;
				buf = ctx.createBuffer(1, 1, 44000);
				osc = ctx.createBufferSource();
				osc.buffer = buf;
			osc.connect(ctx.destination);
			if (osc.noteOn) osc.start = osc.noteOn;

			var res = new IngameRes(gameROM);
			vert = 0;

			var canvas = document.getElementById("canvas3d");

			document.addEventListener("mousemove", mouseMove);
			document.addEventListener("keydown", keyDown);
			document.addEventListener("keyup", keyUp);

			canvas.addEventListener('click', function() {
			  if (!osc.donezo) {
			  	osc.start(0);
			  	osc.donezo = true;
			  }
			});
			//mainScene = new clientScene("ws://192.168.1.13:8081", 0, res)
			mainScene = new singleScene("mkds/"+window.prompt("Select a course to load. (0 to 31, eg rainbow road = 15)"), 0, res)


			//load course
			/*var cDir = MKDSCONST.COURSEDIR+MKDSCONST.COURSES[window.prompt("Select a course to load. (0 to 31, eg rainbow road = 15)")]

			//var cDir = MKDSCONST.COURSEDIR+MKDSCONST.COURSES[1];

			var mainNarc = new narc(lz77.decompress(files["snow_course.carc"]));
			var texNarc = new narc(lz77.decompress(files["snow_courseTex.carc"]));

			//var mainNarc = new narc(lz77.decompress(gameROM.getFile(cDir+".carc")));
			//var texNarc = new narc(lz77.decompress(gameROM.getFile(cDir+"Tex.carc")));

			var chars = [];
			for (var i=0; i<31; i++) {
				chars.push({charN:Math.floor(Math.random()*12), kartN:Math.floor(Math.random()*0x24), controller:controlRaceCPU, raceCam:false});
			}
			chars.push({charN:Math.floor(Math.random()*12), kartN:Math.floor(Math.random()*0x24), controller:((prompt("Type y to gain control of last kart.")=="y")?controlDefault:controlRaceCPU), raceCam:true})

				mainScene = new courseScene(mainNarc, texNarc, 
				chars, {}, res);

			//var cDir = MKDSCONST.COURSEDIR+MKDSCONST.COURSES[12];
			//var mainNarc = new narc(lz77.decompress(gameROM.getFile(cDir+".carc")));
			//var texNarc = new narc(lz77.decompress(gameROM.getFile(cDir+"Tex.carc")));

			//	mainScene2 = new courseScene(mainNarc, texNarc, 
			//	chars, {}, res);*/

			big();
			render();
		}

		var keysArray = new Array(255);

		var timeSync = 0;
		var lastTime = Date.now();
		function render() {
			timeSync += Date.now()-lastTime;
			lastTime = Date.now();

			gl.viewport(0, 0, gl.viewportWidth, gl.viewportHeight);
			gl.clear(gl.COLOR_BUFFER_BIT | gl.DEPTH_BUFFER_BIT | gl.STENCIL_BUFFER_BIT);

			while (timeSync>0) {
				mainScene.update();
				timeSync -= 1000/60;
			}
			
			nitroAudio.tick();
			//mainScene2.update();

			mainScene.render();
			//sceneDrawer.drawWithShadow(gl, mainScene2, gl.viewportWidth/2, 0, gl.viewportWidth/2, gl.viewportHeight)

			window.requestAnimationFrame(render);
		}

		function keyDown(e) {
			keysArray[e.keyCode] = true;
			console.log(e.keyCode);
		}



		function keyUp(e) {
			keysArray[e.keyCode] = false;
		}



		function lockPtr(e) {
			/*var canvas = document.getElementById("canvas3d");
			canvas.requestPointerLock = canvas.requestPointerLock ||
        	canvas.mozRequestPointerLock ||
        	canvas.webkitRequestPointerLock;

        	canvas.requestPointerLock();*/

        	if (waitForROM) {
        		document.getElementById("fileIn").click();
			}
		}



		function mouseMove(e) {
			var movementX = e.movementX ||
			    e.mozMovementX          ||
			    e.webkitMovementX       ||
			    0;



			var movementY = e.movementY ||
			    e.mozMovementY      ||
			    e.webkitMovementY   ||
			    0;

		}



		function initGL(canvas) {
			try {
				var gl = canvas.getContext('webgl', {premultipliedAlpha: false, stencil: true, antialias: false})// || canvas.getContext("experimental-webgl");
				gl.clearColor(0,0,0,1);
				gl.clear(gl.COLOR_BUFFER_BIT);
				gl.enable(gl.DEPTH_TEST);
				gl.viewportWidth = canvas.width;
				gl.viewportHeight = canvas.height;
				return gl;
			} catch (err) {
				alert("WebGL could not be initialized.")
				return false;
			}
		}



		function big() {
			var element = document.getElementById("canvas3d");
			element.height = window.innerHeight;
			element.width = window.innerWidth;
			fixScale();
		}



		function fixScale() {
			var element = document.getElementById("canvas3d");
			gl.viewportWidth = element.width;
			gl.viewportHeight = element.height;
		}

		window.addEventListener("resize", big); 
	</script>

</head>

<body style="margin:0; background-color:black;">

	<canvas height="720" width="1280" id="canvas3d"></canvas>
	<!--
	<canvas height="720" width="1280" id="canvas"></canvas>
	<br>
	<select id="kcls">
		<option value="airship_course.kcl">airship_course.kcl</option>
		<option value="bowsers_castle.kcl">bowsers_castle.kcl</option>
		<option value="cheep_cheep_beach.kcl">cheep_cheep_beach.kcl</option>
		<option value="delfino.kcl">delfino.kcl</option>
		<option value="desert.kcl">desert.kcl</option>
		<option value="figure_8.kcl">figure_8.kcl</option>
		<option value="luigi_circuit_gcn.kcl">luigi_circuit_gcn.kcl</option>
		<option value="luigis_mansion.kcl">luigis_mansion.kcl</option>
		<option value="peach_gardens.kcl">peach_gardens.kcl</option>
		<option value="tick_tock_clock.kcl">tick_tock_clock.kcl</option>
		<option value="wario_stadium.kcl">wario_stadium.kcl</option>
		<option value="yoshi_falls.kcl">yoshi_falls.kcl</option>
		<option value="block.kcl">block.kcl</option>
		<option value="mkwii.kcl">mkwii.kcl</option>
	</select>

	-->

	<input type="file" id="fileIn" style="display:none;">

</body>
\ No newline at end of file