Skip to content

Commit

Permalink
Sockdrive deployment instuctions
Browse files Browse the repository at this point in the history
  • Loading branch information
@caiiiycuk
caiiiycuk committed Jun 28, 2024
1 parent be3b4d9 commit 38421f9
Show file tree
Hide file tree
Showing 41 changed files with 182 additions and 161 deletions.
4 changes: 2 additions & 2 deletions advanced-topics.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html SYSTEM "about:legacy-compat">
<html lang="en-US" data-preset="contrast" data-primary-color="#307FFF"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="UTF-8"><meta name="built-on" content="2024-06-21T15:31:30.7263619"><title>Advanced Topics | js-dos</title><script type="application/json" id="virtual-toc-data">[]</script><script type="application/json" id="topic-shortcuts"></script><link href="https://resources.jetbrains.com/writerside/apidoc/6.10.0-b267/app.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="16x16" href="images/logo-16.png"><link rel="icon" type="image/png" sizes="32x32" href="images/logo-32.png"><link rel="icon" type="image/png" sizes="96x96" href="images/logo-192.png"><link rel="icon" type="image/png" sizes="300x300" href="images/logo-512.png"><meta name="image" content=""><!-- Open Graph --><meta property="og:title" content="Advanced Topics | js-dos"><meta property="og:description" content=""><meta property="og:image" content=""><meta property="og:site_name" content="js-dos Help"><meta property="og:type" content="website"><meta property="og:locale" content="en_US"><meta property="og:url" content="https://js-dos.com//8.xx/advanced-topics.html"><!-- End Open Graph --><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content=""><meta name="twitter:title" content="Advanced Topics | js-dos"><meta name="twitter:description" content=""><meta name="twitter:creator" content=""><meta name="twitter:image:src" content=""><!-- End Twitter Card --><!-- Schema.org WebPage --><script type="application/ld+json">{
<html lang="en-US" data-preset="contrast" data-primary-color="#307FFF"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="UTF-8"><meta name="built-on" content="2024-06-28T10:50:18.3201779"><title>Advanced Topics | js-dos</title><script type="application/json" id="virtual-toc-data">[]</script><script type="application/json" id="topic-shortcuts"></script><link href="https://resources.jetbrains.com/writerside/apidoc/6.10.0-b267/app.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="16x16" href="images/logo-16.png"><link rel="icon" type="image/png" sizes="32x32" href="images/logo-32.png"><link rel="icon" type="image/png" sizes="96x96" href="images/logo-192.png"><link rel="icon" type="image/png" sizes="300x300" href="images/logo-512.png"><meta name="image" content=""><!-- Open Graph --><meta property="og:title" content="Advanced Topics | js-dos"><meta property="og:description" content=""><meta property="og:image" content=""><meta property="og:site_name" content="js-dos Help"><meta property="og:type" content="website"><meta property="og:locale" content="en_US"><meta property="og:url" content="https://js-dos.com//8.xx/advanced-topics.html"><!-- End Open Graph --><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content=""><meta name="twitter:title" content="Advanced Topics | js-dos"><meta name="twitter:description" content=""><meta name="twitter:creator" content=""><meta name="twitter:image:src" content=""><!-- End Twitter Card --><!-- Schema.org WebPage --><script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "WebPage",
"@id": "https://js-dos.com//8.xx/advanced-topics.html#webpage",
Expand All @@ -13,4 +13,4 @@
"@id": "https://js-dos.com/#website",
"url": "https://js-dos.com/",
"name": "js-dos Help"
}</script><!-- End Schema.org --></head><body data-id="Advanced-Topics" data-main-title="Advanced Topics" data-article-props="{&quot;seeAlsoStyle&quot;:&quot;links&quot;}" data-template="article" data-breadcrumbs="Overview.md|js-dos"><div class="wrapper"><main class="panel _main"><header class="panel__header"><div class="container"><h3>js-dos 8.xx Help</h3><div class="panel-trigger"></div></div></header><section class="panel__content"><div class="container"><article class="article" data-shortcut-switcher="inactive"><h1 data-toc="Advanced-Topics" id="Advanced-Topics.md">Advanced Topics</h1><div class="last-modified">Last modified: 21 июня 2024</div><div data-feedback-placeholder="true"></div><div class="navigation-links _bottom"><a href="mouse-locking.html" class="navigation-links__prev">Mouse locking</a><a href="working-with-fs.html" class="navigation-links__next">Working with File System</a></div></article><div id="disqus_thread"></div></div></section></main></div><script src="https://resources.jetbrains.com/writerside/apidoc/6.10.0-b267/app.js"></script></body></html>
}</script><!-- End Schema.org --></head><body data-id="Advanced-Topics" data-main-title="Advanced Topics" data-article-props="{&quot;seeAlsoStyle&quot;:&quot;links&quot;}" data-template="article" data-breadcrumbs="Overview.md|js-dos"><div class="wrapper"><main class="panel _main"><header class="panel__header"><div class="container"><h3>js-dos 8.xx Help</h3><div class="panel-trigger"></div></div></header><section class="panel__content"><div class="container"><article class="article" data-shortcut-switcher="inactive"><h1 data-toc="Advanced-Topics" id="Advanced-Topics.md">Advanced Topics</h1><div class="last-modified">Last modified: 28 июня 2024</div><div data-feedback-placeholder="true"></div><div class="navigation-links _bottom"><a href="mouse-locking.html" class="navigation-links__prev">Mouse locking</a><a href="working-with-fs.html" class="navigation-links__next">Working with File System</a></div></article><div id="disqus_thread"></div></div></section></main></div><script src="https://resources.jetbrains.com/writerside/apidoc/6.10.0-b267/app.js"></script></body></html>
18 changes: 9 additions & 9 deletions browser.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html SYSTEM "about:legacy-compat">
<html lang="en-US" data-preset="contrast" data-primary-color="#307FFF"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="UTF-8"><meta name="built-on" content="2024-06-21T15:31:30.709327"><title>Browser | js-dos</title><script type="application/json" id="virtual-toc-data">[]</script><script type="application/json" id="topic-shortcuts"></script><link href="https://resources.jetbrains.com/writerside/apidoc/6.10.0-b267/app.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="16x16" href="images/logo-16.png"><link rel="icon" type="image/png" sizes="32x32" href="images/logo-32.png"><link rel="icon" type="image/png" sizes="96x96" href="images/logo-192.png"><link rel="icon" type="image/png" sizes="300x300" href="images/logo-512.png"><meta name="image" content=""><!-- Open Graph --><meta property="og:title" content="Browser | js-dos"><meta property="og:description" content=""><meta property="og:image" content=""><meta property="og:site_name" content="js-dos Help"><meta property="og:type" content="website"><meta property="og:locale" content="en_US"><meta property="og:url" content="https://js-dos.com//8.xx/browser.html"><!-- End Open Graph --><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content=""><meta name="twitter:title" content="Browser | js-dos"><meta name="twitter:description" content=""><meta name="twitter:creator" content=""><meta name="twitter:image:src" content=""><!-- End Twitter Card --><!-- Schema.org WebPage --><script type="application/ld+json">{
<html lang="en-US" data-preset="contrast" data-primary-color="#307FFF"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="UTF-8"><meta name="built-on" content="2024-06-28T10:50:18.3055535"><title>Browser | js-dos</title><script type="application/json" id="virtual-toc-data">[]</script><script type="application/json" id="topic-shortcuts"></script><link href="https://resources.jetbrains.com/writerside/apidoc/6.10.0-b267/app.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="16x16" href="images/logo-16.png"><link rel="icon" type="image/png" sizes="32x32" href="images/logo-32.png"><link rel="icon" type="image/png" sizes="96x96" href="images/logo-192.png"><link rel="icon" type="image/png" sizes="300x300" href="images/logo-512.png"><meta name="image" content=""><!-- Open Graph --><meta property="og:title" content="Browser | js-dos"><meta property="og:description" content=""><meta property="og:image" content=""><meta property="og:site_name" content="js-dos Help"><meta property="og:type" content="website"><meta property="og:locale" content="en_US"><meta property="og:url" content="https://js-dos.com//8.xx/browser.html"><!-- End Open Graph --><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content=""><meta name="twitter:title" content="Browser | js-dos"><meta name="twitter:description" content=""><meta name="twitter:creator" content=""><meta name="twitter:image:src" content=""><!-- End Twitter Card --><!-- Schema.org WebPage --><script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "WebPage",
"@id": "https://js-dos.com//8.xx/browser.html#webpage",
Expand All @@ -13,21 +13,21 @@
"@id": "https://js-dos.com/#website",
"url": "https://js-dos.com/",
"name": "js-dos Help"
}</script><!-- End Schema.org --></head><body data-id="Browser" data-main-title="Browser" data-article-props="{&quot;seeAlsoStyle&quot;:&quot;links&quot;}" data-template="article" data-breadcrumbs="emulators.md|emulators///threejs.md|How-to use"><div class="wrapper"><main class="panel _main"><header class="panel__header"><div class="container"><h3>js-dos 8.xx Help</h3><div class="panel-trigger"></div></div></header><section class="panel__content"><div class="container"><article class="article" data-shortcut-switcher="inactive"><h1 data-toc="Browser" id="Browser.md">Browser</h1><p id="fv06n8_29">In this example, you will learn how to use <code class="code" id="fv06n8_30">emulators</code> with <code class="code" id="fv06n8_31">three.js</code> renderer. We will create a rotating cube with a digger game.</p><figure id="fv06n8_32"><img alt="threejs.jpg" src="images/threejs.jpg" title="threejs.jpg" width="545" height="545"></figure><p id="fv06n8_33">First, you need to include <code class="code" id="fv06n8_34">emulators.js</code>:</p><div class="tabs" id="fv06n8_35" data-anchors="[fv06n8_36,fv06n8_38]"><div class="tabs__content" data-gtm="tab" id="fv06n8_36" data-title="v8"><div class="code-block" data-lang="ts" data-title="Typescript">
}</script><!-- End Schema.org --></head><body data-id="Browser" data-main-title="Browser" data-article-props="{&quot;seeAlsoStyle&quot;:&quot;links&quot;}" data-template="article" data-breadcrumbs="emulators.md|emulators///threejs.md|How-to use"><div class="wrapper"><main class="panel _main"><header class="panel__header"><div class="container"><h3>js-dos 8.xx Help</h3><div class="panel-trigger"></div></div></header><section class="panel__content"><div class="container"><article class="article" data-shortcut-switcher="inactive"><h1 data-toc="Browser" id="Browser.md">Browser</h1><p id="-xgb0sl_2">In this example, you will learn how to use <code class="code" id="-xgb0sl_3">emulators</code> with <code class="code" id="-xgb0sl_4">three.js</code> renderer. We will create a rotating cube with a digger game.</p><figure id="-xgb0sl_5"><img alt="threejs.jpg" src="images/threejs.jpg" title="threejs.jpg" width="545" height="545"></figure><p id="-xgb0sl_6">First, you need to include <code class="code" id="-xgb0sl_7">emulators.js</code>:</p><div class="tabs" id="-xgb0sl_8" data-anchors="[-xgb0sl_11,-xgb0sl_9]"><div class="tabs__content" data-gtm="tab" id="-xgb0sl_9" data-title="v8"><div class="code-block" data-lang="ts" data-title="Typescript">
&lt;script src=&quot;https://v8.js-dos.com/latest/emulators/emulators.js&quot;&gt;&lt;/script&gt;
</div></div><div class="tabs__content" data-gtm="tab" id="fv06n8_38" data-title="v7"><div class="code-block" data-lang="ts" data-title="Typescript">
</div></div><div class="tabs__content" data-gtm="tab" id="-xgb0sl_11" data-title="v7"><div class="code-block" data-lang="ts" data-title="Typescript">
&lt;script src=&quot;https://v8.js-dos.com/v7/emulators/emulators.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;https://v8.js-dos.com/v7/emulators-ui/emulators-ui.js&quot;&gt;&lt;/script&gt;
</div></div></div><p id="fv06n8_40">Then set <code class="code" id="fv06n8_41">emulators.pathPrefix</code> pointing to the correct location:</p><div class="tabs" id="fv06n8_42" data-anchors="[fv06n8_43,fv06n8_45]"><div class="tabs__content" data-gtm="tab" id="fv06n8_43" data-title="v8"><div class="code-block" data-lang="ts" data-title="Typescript">
</div></div></div><p id="-xgb0sl_13">Then set <code class="code" id="-xgb0sl_14">emulators.pathPrefix</code> pointing to the correct location:</p><div class="tabs" id="-xgb0sl_15" data-anchors="[-xgb0sl_16,-xgb0sl_18]"><div class="tabs__content" data-gtm="tab" id="-xgb0sl_16" data-title="v8"><div class="code-block" data-lang="ts" data-title="Typescript">
&lt;script type=&quot;module&quot;&gt;
emulators.pathPrefix = &quot;https://v8.js-dos.com/latest/emulators/&quot;;
</div></div><div class="tabs__content" data-gtm="tab" id="fv06n8_45" data-title="v7"><div class="code-block" data-lang="ts" data-title="Typescript">
</div></div><div class="tabs__content" data-gtm="tab" id="-xgb0sl_18" data-title="v7"><div class="code-block" data-lang="ts" data-title="Typescript">
&lt;script type=&quot;module&quot;&gt;
emulators.pathPrefix = &quot;https://v8.js-dos.com/v7/emulators/&quot;;
</div></div></div><p id="fv06n8_47">Then you need to download js-dos bundle (for example, Digger game), and instantiate emulators:</p><div class="code-block" data-lang="ts">
</div></div></div><p id="-xgb0sl_20">Then you need to download js-dos bundle (for example, Digger game), and instantiate emulators:</p><div class="code-block" data-lang="ts">
const bundle = await fetch(&quot;https://cdn.dos.zone/original/2X/9/9ed7eb9c2c441f56656692ed4dc7ab28f58503ce.jsdos&quot;);
const ci = await emulators.dosWorker(new Uint8Array(await bundle.arrayBuffer()));
</div><p id="fv06n8_49">Now the DOS program is started in worker, and we need to render it on the screen. To do this, we need to subscribe to <code class="code" id="fv06n8_50">frame</code> event and update texture:</p><div class="code-block" data-lang="ts">
</div><p id="-xgb0sl_22">Now the DOS program is started in worker, and we need to render it on the screen. To do this, we need to subscribe to <code class="code" id="-xgb0sl_23">frame</code> event and update texture:</p><div class="code-block" data-lang="ts">
const rgba = new Uint8ClampedArray(320 * 200 * 4);

ci.events().onFrame((rgb) =&gt; {
Expand All @@ -41,7 +41,7 @@
ctx?.putImageData(new ImageData(rgba, 320, 200), 0, 0);
// ...
}
</div><p id="fv06n8_52">Where <code class="code" id="fv06n8_53">rgb</code> is an actual DOS screen frame.</p><div class="code-collapse" data-lang="ts" data-is-expanded="false" data-synopsis="Source code" data-disable-link-processing="true">&lt;!doctype html&gt;
</div><p id="-xgb0sl_25">Where <code class="code" id="-xgb0sl_26">rgb</code> is an actual DOS screen frame.</p><div class="code-collapse" data-lang="ts" data-is-expanded="false" data-synopsis="Source code" data-disable-link-processing="true">&lt;!doctype html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&gt;
Expand Down Expand Up @@ -126,4 +126,4 @@
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</div><div class="last-modified">Last modified: 21 июня 2024</div><div data-feedback-placeholder="true"></div><div class="navigation-links _bottom"><a href="threejs.html" class="navigation-links__prev">How-to use</a><a href="node.html" class="navigation-links__next">Node</a></div></article><div id="disqus_thread"></div></div></section></main></div><script src="https://resources.jetbrains.com/writerside/apidoc/6.10.0-b267/app.js"></script></body></html>
</div><div class="last-modified">Last modified: 28 июня 2024</div><div data-feedback-placeholder="true"></div><div class="navigation-links _bottom"><a href="threejs.html" class="navigation-links__prev">How-to use</a><a href="node.html" class="navigation-links__next">Node</a></div></article><div id="disqus_thread"></div></div></section></main></div><script src="https://resources.jetbrains.com/writerside/apidoc/6.10.0-b267/app.js"></script></body></html>
Loading

0 comments on commit 38421f9

Please sign in to comment.