DOSee running example

commit ad15f11810a3f4c7930459de2ae6745b93dbc158 Author: Ben Garrett Date: Sun Jan 13 16:48:35 2019 +1100 Initial commit diff --git a/.eslintrc.js b/.eslintrc.js new file mode 100644 index 0000000..25bbba9 --- /dev/null +++ b/.eslintrc.js @@ -0,0 +1,52 @@ +module.exports = { + "env": { + "es6": true, + }, + "extends": "eslint:recommended", + "parserOptions": { + "ecmaVersion": 2017, + "impliedStrict": true, + }, + "rules": { + "indent": ["error", 2, { "SwitchCase": 1 }], + "linebreak-style": [ + "off" + ], + "no-console": 0, + "no-fallthrough": ["error", { "commentPattern": "break[\\s\\w]*omitted" }], + "no-unused-vars": ["error", { "vars": "local" }], + "quotes": [ + "error", + "backtick", + ], + "semi": [ + "error", + "never", + ], + "strict": ["error", "global"], + }, + "globals": { + "DoseeLoader": true, + "Emulator": true, + "metaContent": true, + "storageAvailable": true, + + "BuildEcma48": true, + "buildLinksToCSS": true, + "changeTextScanlines": true, + "changeTextEffect": true, + "checkArg": true, + "checkErr": true, + "checkRange": true, + "displayErr": true, + "findControlSequences": true, + "findEngine": true, + "Font": true, + "Guess": true, + "humaniseFS": true, + "Palette": true, + "ParseToChildren": true, + "runSpinLoader": true, + "Transcode": true, + } +}; \ No newline at end of file diff --git a/disk_drives/g_drive.zip b/disk_drives/g_drive.zip new file mode 100644 index 0000000..3f04b83 Binary files /dev/null and b/disk_drives/g_drive.zip differ diff --git a/disk_drives/s_drive.zip b/disk_drives/s_drive.zip new file mode 100644 index 0000000..9bbed58 Binary files /dev/null and b/disk_drives/s_drive.zip differ diff --git a/disk_drives/u_drive.zip b/disk_drives/u_drive.zip new file mode 100644 index 0000000..c33f633 Binary files /dev/null and b/disk_drives/u_drive.zip differ diff --git a/dosee-functions.js b/dosee-functions.js new file mode 100644 index 0000000..3fdb5e6 --- /dev/null +++ b/dosee-functions.js @@ -0,0 +1,160 @@ +/* + * /javascripts/dosee-functions.js + * + * DOSee user interface functions + */ + +/* global saveAs screenfull */ +/* eslint-env es6 */ +/* eslint quotes: ['error', 'backtick'] */ +/* eslint indent: ["error", 4, { "SwitchCase": 1 } ] */ +/* eslint no-console: ["error", { allow: ["log", "error", "warn"] }] */ + +'use strict' + +// Returns the content data stored in HTML tags +function metaContent(name) { + const elm = document.getElementsByName(name) + if (elm[0] === undefined) return null + else return elm[0].getAttribute(`content`) +} + +// Test the local storage availability for the browser +// Source: https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API +function storageAvailable(type) { + const test = function (t) { + try { + const storage = window[t], + x = `__storage_test__` + storage.setItem(x, `test data`) + storage.removeItem(x) + return true + } catch (e) { + return false + } + } + switch (type) { + case `local`: case `session`: + return test(`${type}Storage`) + default: return false + } +} + +(function () { + // 'Options' tab interactions + + // Restore existing and save new interactions that are kept after the browser is closed + if (storageAvailable(`local`)) { + // Reveal Options tab + const dto = document.getElementById(`doseeOptionsTab`) + dto.classList.remove(`hide-true`) + dto.classList.add(`hide-false`) + // Automatically start DOS emulation + const asb = document.getElementById(`doseeAutoRun`) + asb.addEventListener(`click`, function () { + const chk = asb.checked + localStorage.setItem(`doseeAutostart`, chk) // boolean value + }) + const d = localStorage.getItem(`doseeAutostart`) + if (d === `true`) asb.checked = true + // For sharper DOS ASCII/ANSI text + const nab = document.getElementById(`doseeAspect`) + const e = localStorage.getItem(`doseeAspect`) + nab.addEventListener(`click`, function () { + var dosaspect = nab.checked + localStorage.setItem(`doseeAspect`, !dosaspect) // boolean value + }) + if (e === `false`) nab.checked = true + // Scaler engine + const sOpt = document.querySelectorAll(`input[name=dosscale]`) + let i = sOpt.length + while (i--) + sOpt[i].addEventListener(`change`, function () { + localStorage.setItem(`doseeScaler`, this.value) + }, 0) + } + // Session storage interactions that get deleted when the browser tab is closed + if (storageAvailable(`session`)) { + const setTab = function (ac) { + if (ac === null) return + sessionStorage.setItem(`doseeTab`, `${ac}`) + } + const tab = document.getElementById(`doseeTabs`) + const tabs = tab.getElementsByClassName(`tabtoggle`) + // tab event listeners + if (tabs != null && tabs.length >= 0) { + let i = tabs.length + while (i--) { + tabs[i].addEventListener(`click`, function () { + setTab(this.firstChild.getAttribute(`aria-controls`)) + }, 0) + } + } + // restore most recently used tab + const savedTab = sessionStorage.getItem(`doseeTab`) + if (savedTab !== null) { + const dt = document.getElementById(`doseeTabs`) + const dtc = document.getElementById(`doseeTabContent`) + const ts = document.getElementById(`${savedTab}Tab`) + const tb = document.getElementById(savedTab) + if (dt !== null && dtc !== null && ts !== null && tb !== null) { + dt.getElementsByClassName(`active`)[0].classList.remove(`active`) + dtc.getElementsByClassName(`active`)[0].classList.remove(`active`) + ts.classList.add(`active`) + tb.classList.add(`active`) + } + } + } + + // Full screen button + { + let elem = document.getElementById(`doseeCanvas`) + if (screenfull.enabled) { + const fsb = document.getElementById(`doseeFullScreen`) + fsb.classList.remove(`hide-true`) + fsb.classList.add(`hide-false-inline`) + const chrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor) + if (chrome) elem = document.getElementById(`doseeContainer`) + } + document.getElementById(`doseeFullScreen`).addEventListener(`click`, function () { + if (screenfull.enabled) screenfull.request(elem) + }) + } + + // Screenshot button & screenshot + upload button + try { + const fss = !!new Blob() + if (typeof fss !== `undefined`) { + const ssb = document.getElementById(`doseeCaptureScreen`) + // dosee screenshot button + ssb.classList.remove(`hide-true`) + ssb.classList.add(`hide-false-inline`) + ssb.addEventListener(`click`, function () { + const canvas = document.getElementById(`doseeCanvas`) + const filename = metaContent(`dosee:capname`) + canvas.toBlob(function (blob) { + saveAs(blob, filename) + const click = ssb.childNodes[0].childNodes[0].classList + click.add(`brand-success`) + setTimeout(function () { click.remove(`brand-success`) }, 750) + }) + }) + } + } catch (err) { + console.error(err) + } + + // Keyboard navigation is disabled + { + const tki = document.getElementsByClassName(`touchKeyboardIcons`) + if (typeof tki[0] !== `undefined`) { + tki[0].style.cssText = `display: none` + } + } + + // Reboot button + document.getElementById(`doseereboot`).addEventListener(`click`, function () { + location.reload(true) + }) + +})() \ No newline at end of file diff --git a/dosee-init.js b/dosee-init.js new file mode 100644 index 0000000..361e8c1 --- /dev/null +++ b/dosee-init.js @@ -0,0 +1,74 @@ +/* + * dosee-loader.js + * DOSee initialisator + */ +{ + `use strict` + + const paths = new Map() + .set(`ddg`, `disk_drives/g_drive.zip`) + .set(`dds`, `disk_drives/s_drive.zip`) + .set(`ddu`, `disk_drives/u_drive.zip`) + .set(`core`, `emulator/dosee-core.js`) + .set(`mem`, `emulator/dosee-core.mem`) + + // Load GUS (Gravis UltraSound) drivers + const gusDriver = function (q) { + if (q !== `true`) return null + return DoseeLoader.mountZip(`g`, DoseeLoader.fetchFile(`gravis ultrasound drivers`, `${paths.get(`ddg`)}`)) + } + + // Load the Emscripten static memory initialization code external file + // https://kripken.github.io/emscripten-site/docs/optimizing/Optimizing-Code.html#code-size + const locateFiles = function (filename) { + console.log(`filename: ${filename}`) + if (filename === `dosbox.html.mem`) return `${paths.get(`mem`)}` + return `libs/${filename}` + } + + // Initialise the resolution of the DOS program - width, height + const nr = function () { + const arr = cfg.res.split(`,`) + if (arr.length < 1) return [640, 480] + return [parseInt(arr[0]), parseInt(arr[1])] + } + + // Load additional DOS tools and utilities + const utils = function (q) { + if (q !== `true`) return null + return DoseeLoader.mountZip(`u`, DoseeLoader.fetchFile(`dos utilities`, `${paths.get(`ddu`)}`)) + } + + // Load configurations obtained from HTML tags + const cfg = { + start: false, + exe: metaContent(`dosee:startexe`), + filename: metaContent(`dosee:filename`), + gus: metaContent(`dosee:gusaudio`), + path: metaContent(`dosee:gamefilepath`), + res: metaContent(`dosee:resolution`), + utils: metaContent(`dosee:utils`), + } + + // Start DOSee automatically? + if (storageAvailable(`local`) && localStorage.getItem(`doseeAutostart`) === `true`) { cfg.start = true } + if (cfg.start === true) console.log(`DOSee will launch automatically`) + + // Initialise DOSee + // Note order of these DoseeLoader values are important and swapping them could cause failures + // dosee-core.js is the compiled Emscripten edition of DOSBox and should not be minified + const init = new DoseeLoader( + DoseeLoader.emulatorJS(`${paths.get(`core`)}`), + DoseeLoader.locateAdditionalEmulatorJS(locateFiles), + DoseeLoader.nativeResolution(nr()[0], nr()[1]), + DoseeLoader.mountZip(`c`, DoseeLoader.fetchFile(`\'${cfg.filename}\'`, `${cfg.path}`)), + DoseeLoader.mountZip(`s`, DoseeLoader.fetchFile(`DOSee configurations`, `${paths.get(`dds`)}`)), + gusDriver(cfg.gus), + utils(cfg.utils), + DoseeLoader.startExe(cfg.exe) + ) + + // Start DOSee! + const emulator = new Emulator(document.querySelector(`#doseeCanvas`), null, init) + emulator.start({ waitAfterDownloading: !cfg.start }) +} \ No newline at end of file diff --git a/dosee-loader.js b/dosee-loader.js new file mode 100644 index 0000000..26037c4 --- /dev/null +++ b/dosee-loader.js @@ -0,0 +1,979 @@ +/* + * /javascripts/dosee-loader.js + * + * DOSee emulator + * + * Fork of https://github.com/db48x/emularity/blob/master/loader.js + * Last commit synced to: Feb 15, 2018 + * + * Major differences: + * Requires ES6 compatible browser + * Only DOS emulation + * No local save game states + * No Web Assembly builds [todo] + */ + +/* global storageAvailable Module BrowserFS ES6Promise FS Promise */ +/* eslint-env es6 */ +/* eslint quotes: ['error', 'backtick'] */ +/* eslint indent: ["error", 4, { "SwitchCase": 1 } ] */ +/* eslint no-console: ["error", { allow: ["log","warn", "error"] }] */ +/* eslint no-global-assign: ["error", {"exceptions": ["Module"]}] */ + +Module = null; + +(function (Promise) { + `use strict` + + const doseeVersion = `1.8p` + + // DOSBox requires a valid IndexedDB + // See: https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB + if (window.indexedDB) { + document.getElementById(`doseeCrashed`).style.display = `none` + } + + + // Common API functions + // DOSee is based off The Emularity which supports multiple emulators. + // The BaseLoader naming convention was used to highlight the shared functions. + function DoseeAPI() { + return Array.prototype.reduce.call(arguments, extend) + } + + // HTML