"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
-<!-- 2025-07-29 ti 04:01 -->
+<!-- 2025-07-29 ti 06:41 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Fractals</title>
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
-<li><a href="#orgc02cae4">1. Fractal circles</a></li>
-<li><a href="#org76aadf4">2. Fractal circles animated</a></li>
-<li><a href="#org0b23324">3. Fractal of squares</a></li>
-<li><a href="#orgc4024a2">4. Fractal of squares animated</a></li>
-<li><a href="#org3766139">5. Fractal of trees</a></li>
+<li><a href="#orge4c43a4">1. Fractal circles</a></li>
+<li><a href="#org894e516">2. Fractal circles animated</a></li>
+<li><a href="#orge04687d">3. Fractal of squares</a></li>
+<li><a href="#org9c796a9">4. Fractal of squares animated</a></li>
+<li><a href="#org6b507f3">5. Fractal of trees</a></li>
</ul>
</div>
</div>
</style>
-<div id="outline-container-orgc02cae4" class="outline-2">
-<h2 id="orgc02cae4"><span class="section-number-2">1.</span> Fractal circles</h2>
+<div id="outline-container-orge4c43a4" class="outline-2">
+<h2 id="orge4c43a4"><span class="section-number-2">1.</span> Fractal circles</h2>
<div class="outline-text-2" id="text-1">
<p>
This QBasic program generates a visually captivating spiral fractal
</p>
-<div id="orgd3f9b1b" class="figure">
+<div id="org10abd1c" class="figure">
<p><a href="fractal circles.bas" class="responsive-img"><img src="fractal%20circles.png" alt="fractal%20circles.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
-<div id="outline-container-org76aadf4" class="outline-2">
-<h2 id="org76aadf4"><span class="section-number-2">2.</span> Fractal circles animated</h2>
+<div id="outline-container-org894e516" class="outline-2">
+<h2 id="org894e516"><span class="section-number-2">2.</span> Fractal circles animated</h2>
<div class="outline-text-2" id="text-2">
<p>
This QBasic program creates an animated fractal composed of circles,
</div>
</div>
-<div id="outline-container-org0b23324" class="outline-2">
-<h2 id="org0b23324"><span class="section-number-2">3.</span> Fractal of squares</h2>
+<div id="outline-container-orge04687d" class="outline-2">
+<h2 id="orge04687d"><span class="section-number-2">3.</span> Fractal of squares</h2>
<div class="outline-text-2" id="text-3">
<p>
This QBasic program generates and displays a fractal pattern composed of squares.
</p>
-<div id="orge09eae3" class="figure">
+<div id="org0c1f39e" class="figure">
<p><a href="fractal squares.bas" class="responsive-img"><img src="fractal%20squares,%201.png" alt="fractal%20squares,%201.png" class="responsive-img" /></a>
</p>
</div>
-<div id="orgd0efdc8" class="figure">
+<div id="orge6bc79a" class="figure">
<p><a href="fractal squares.bas" class="responsive-img"><img src="fractal%20squares,%202.png" alt="fractal%20squares,%202.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
-<div id="outline-container-orgc4024a2" class="outline-2">
-<h2 id="orgc4024a2"><span class="section-number-2">4.</span> Fractal of squares animated</h2>
+<div id="outline-container-org9c796a9" class="outline-2">
+<h2 id="org9c796a9"><span class="section-number-2">4.</span> Fractal of squares animated</h2>
<div class="outline-text-2" id="text-4">
<p>
This QBasic program generates an animated fractal pattern composed of
</div>
</div>
-<div id="outline-container-org3766139" class="outline-2">
-<h2 id="org3766139"><span class="section-number-2">5.</span> Fractal of trees</h2>
+<div id="outline-container-org6b507f3" class="outline-2">
+<h2 id="org6b507f3"><span class="section-number-2">5.</span> Fractal of trees</h2>
<div class="outline-text-2" id="text-5">
<p>
QBasic program that generates a visually appealing fractal tree
</div>
</div>
<div id="postamble" class="status">
-<p class="date">Created: 2025-07-29 ti 04:01</p>
+<p class="date">Created: 2025-07-29 ti 06:41</p>
<p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p>
</div>
</body>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
-<!-- 2025-07-29 ti 04:01 -->
+<!-- 2025-07-29 ti 06:41 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Spiral series</title>
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
-<li><a href="#org37dc4fc">1. Spiral with increasing density</a></li>
-<li><a href="#org21cbf7d">2. Spiral with varying height</a></li>
-<li><a href="#org33d7607">3. Shaded spiral</a></li>
-<li><a href="#orga2665a9">4. Sphere forming spiral</a></li>
-<li><a href="#org5bf395e">5. Textured spherical spiral</a></li>
-<li><a href="#orgcf7ac5e">6. Textured and shaded spherical spiral</a></li>
+<li><a href="#orgcf596f5">1. Spiral with increasing density</a></li>
+<li><a href="#org0afe5c2">2. Spiral with varying height</a></li>
+<li><a href="#org1de700b">3. Shaded spiral</a></li>
+<li><a href="#orge60ab97">4. Sphere forming spiral</a></li>
+<li><a href="#orgf158dad">5. Textured spherical spiral</a></li>
+<li><a href="#org6611bd5">6. Textured and shaded spherical spiral</a></li>
</ul>
</div>
</div>
}
</style>
-<div id="outline-container-org37dc4fc" class="outline-2">
-<h2 id="org37dc4fc"><span class="section-number-2">1.</span> Spiral with increasing density</h2>
+<div id="outline-container-orgcf596f5" class="outline-2">
+<h2 id="orgcf596f5"><span class="section-number-2">1.</span> Spiral with increasing density</h2>
<div class="outline-text-2" id="text-1">
-<div id="orge739dce" class="figure">
+<div id="orgc11a2d7" class="figure">
<p><img src="spiral.png" alt="spiral.png" class="responsive-img" />
</p>
</div>
</div>
</div>
-<div id="outline-container-org21cbf7d" class="outline-2">
-<h2 id="org21cbf7d"><span class="section-number-2">2.</span> Spiral with varying height</h2>
+<div id="outline-container-org0afe5c2" class="outline-2">
+<h2 id="org0afe5c2"><span class="section-number-2">2.</span> Spiral with varying height</h2>
<div class="outline-text-2" id="text-2">
-<div id="orgd75b06a" class="figure">
+<div id="orgb06fd3e" class="figure">
<p><img src="spiral, 2.png" alt="spiral, 2.png" class="responsive-img" />
</p>
</div>
</div>
</div>
-<div id="outline-container-org33d7607" class="outline-2">
-<h2 id="org33d7607"><span class="section-number-2">3.</span> Shaded spiral</h2>
+<div id="outline-container-org1de700b" class="outline-2">
+<h2 id="org1de700b"><span class="section-number-2">3.</span> Shaded spiral</h2>
<div class="outline-text-2" id="text-3">
-<div id="org654d11c" class="figure">
+<div id="org071b93e" class="figure">
<p><img src="spiral, 3.png" alt="spiral, 3.png" class="responsive-img" />
</p>
</div>
</div>
</div>
-<div id="outline-container-orga2665a9" class="outline-2">
-<h2 id="orga2665a9"><span class="section-number-2">4.</span> Sphere forming spiral</h2>
+<div id="outline-container-orge60ab97" class="outline-2">
+<h2 id="orge60ab97"><span class="section-number-2">4.</span> Sphere forming spiral</h2>
<div class="outline-text-2" id="text-4">
<p>
Similar to previous spiral, Line segments are connected between the
</p>
-<div id="org251eeee" class="figure">
+<div id="orgb6c2a3b" class="figure">
<p><img src="spiral, 4, 1.png" alt="spiral, 4, 1.png" class="responsive-img" />
</p>
</div>
</p>
-<div id="org65c625b" class="figure">
+<div id="orgc533828" class="figure">
<p><img src="spiral, 4, 2.png" alt="spiral, 4, 2.png" class="responsive-img" />
</p>
</div>
</div>
</div>
-<div id="outline-container-org5bf395e" class="outline-2">
-<h2 id="org5bf395e"><span class="section-number-2">5.</span> Textured spherical spiral</h2>
+<div id="outline-container-orgf158dad" class="outline-2">
+<h2 id="orgf158dad"><span class="section-number-2">5.</span> Textured spherical spiral</h2>
<div class="outline-text-2" id="text-5">
-<div id="orge059dcd" class="figure">
+<div id="org08103c6" class="figure">
<p><img src="spiral, 5.png" alt="spiral, 5.png" class="responsive-img" />
</p>
</div>
</div>
</div>
-<div id="outline-container-orgcf7ac5e" class="outline-2">
-<h2 id="orgcf7ac5e"><span class="section-number-2">6.</span> Textured and shaded spherical spiral</h2>
+<div id="outline-container-org6611bd5" class="outline-2">
+<h2 id="org6611bd5"><span class="section-number-2">6.</span> Textured and shaded spherical spiral</h2>
<div class="outline-text-2" id="text-6">
-<div id="org393ef59" class="figure">
+<div id="org4e4231e" class="figure">
<p><img src="spiral, 6.png" alt="spiral, 6.png" class="responsive-img" />
</p>
</div>
</div>
</div>
<div id="postamble" class="status">
-<p class="date">Created: 2025-07-29 ti 04:01</p>
+<p class="date">Created: 2025-07-29 ti 06:41</p>
<p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p>
</div>
</body>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
-<!-- 2025-07-29 ti 04:01 -->
+<!-- 2025-07-29 ti 06:42 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Algorithmic textures</title>
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
-<li><a href="#org7eb216c">1. Circular waves</a></li>
-<li><a href="#org7458cec">2. Diamond square clouds</a></li>
-<li><a href="#orgea6166a">3. Old paper</a></li>
-<li><a href="#orgc06c2bc">4. Wood</a></li>
-<li><a href="#orgae633e6">5. Yellow flame</a></li>
+<li><a href="#orgdf6232c">1. Circular waves</a></li>
+<li><a href="#orgdef712c">2. Diamond square clouds</a></li>
+<li><a href="#org92cc251">3. Old paper</a></li>
+<li><a href="#org99a4221">4. Wood</a></li>
+<li><a href="#orgf68cc9d">5. Yellow flame</a></li>
</ul>
</div>
</div>
}
</style>
-<div id="outline-container-org7eb216c" class="outline-2">
-<h2 id="org7eb216c"><span class="section-number-2">1.</span> Circular waves</h2>
+<div id="outline-container-orgdf6232c" class="outline-2">
+<h2 id="orgdf6232c"><span class="section-number-2">1.</span> Circular waves</h2>
<div class="outline-text-2" id="text-1">
<p>
This QBasic program creates visually captivating circular wave
</div>
</div>
-<div id="outline-container-org7458cec" class="outline-2">
-<h2 id="org7458cec"><span class="section-number-2">2.</span> Diamond square clouds</h2>
+<div id="outline-container-orgdef712c" class="outline-2">
+<h2 id="orgdef712c"><span class="section-number-2">2.</span> Diamond square clouds</h2>
<div class="outline-text-2" id="text-2">
<p>
This QBasic program demonstrates the Diamond-Square algorithm, a
</div>
</div>
-<div id="outline-container-orgea6166a" class="outline-2">
-<h2 id="orgea6166a"><span class="section-number-2">3.</span> Old paper</h2>
+<div id="outline-container-org92cc251" class="outline-2">
+<h2 id="org92cc251"><span class="section-number-2">3.</span> Old paper</h2>
<div class="outline-text-2" id="text-3">
<p>
This QBasic program generates a procedural texture that simulates the
</div>
</div>
-<div id="outline-container-orgc06c2bc" class="outline-2">
-<h2 id="orgc06c2bc"><span class="section-number-2">4.</span> Wood</h2>
+<div id="outline-container-org99a4221" class="outline-2">
+<h2 id="org99a4221"><span class="section-number-2">4.</span> Wood</h2>
<div class="outline-text-2" id="text-4">
<p>
This QBasic program creates a visually appealing simulation of a wood
</div>
</div>
-<div id="outline-container-orgae633e6" class="outline-2">
-<h2 id="orgae633e6"><span class="section-number-2">5.</span> Yellow flame</h2>
+<div id="outline-container-orgf68cc9d" class="outline-2">
+<h2 id="orgf68cc9d"><span class="section-number-2">5.</span> Yellow flame</h2>
<div class="outline-text-2" id="text-5">
<p>
"Yellow Flame" is a visually captivating program written in QBasic
</div>
</div>
<div id="postamble" class="status">
-<p class="date">Created: 2025-07-29 ti 04:01</p>
+<p class="date">Created: 2025-07-29 ti 06:42</p>
<p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p>
</div>
</body>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
-<!-- 2025-07-29 ti 04:02 -->
+<!-- 2025-07-29 ti 06:42 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>3D Synthezier</title>
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
-<li><a href="#orgab04fe6">1. Operating principle</a>
+<li><a href="#orgc26a1fd">1. Operating principle</a>
<ul>
-<li><a href="#org9be13a4">1.1. Rectangular city</a></li>
-<li><a href="#org36839f3">1.2. Hexagonal city</a></li>
+<li><a href="#org31c5b69">1.1. Rectangular city</a></li>
+<li><a href="#orga8661f4">1.2. Hexagonal city</a></li>
</ul>
</li>
-<li><a href="#org30ca50e">2. Scene description language</a>
+<li><a href="#orgb79799c">2. Scene description language</a>
<ul>
-<li><a href="#org0d24bd7">2.1. here</a></li>
-<li><a href="#org6ab5d55">2.2. p</a></li>
-<li><a href="#orgbfd2ca4">2.3. f</a></li>
-<li><a href="#org506845e">2.4. warn</a></li>
-<li><a href="#org6679f47">2.5. end</a></li>
-<li><a href="#orgc9c802d">2.6. mtl</a></li>
-<li><a href="#org73b0665">2.7. mtlrnd</a></li>
-<li><a href="#org7c6cb2b">2.8. obj</a></li>
-<li><a href="#org45b3b8b">2.9. rnd</a></li>
-<li><a href="#org3a49053">2.10. #</a></li>
-<li><a href="#org6aead6d">2.11. out</a></li>
-<li><a href="#org4ecb55a">2.12. set</a></li>
-<li><a href="#orgf032278">2.13. variables usage</a></li>
-<li><a href="#org1566459">2.14. cmp</a></li>
-<li><a href="#org53928e5">2.15. ?</a></li>
-<li><a href="#orgf90eb28">2.16. dum</a></li>
+<li><a href="#org7173fc6">2.1. here</a></li>
+<li><a href="#org3e7173a">2.2. p</a></li>
+<li><a href="#org7dac96c">2.3. f</a></li>
+<li><a href="#org2793f8d">2.4. warn</a></li>
+<li><a href="#org17b4720">2.5. end</a></li>
+<li><a href="#orge048b17">2.6. mtl</a></li>
+<li><a href="#orgb5bdd20">2.7. mtlrnd</a></li>
+<li><a href="#org93b7719">2.8. obj</a></li>
+<li><a href="#orgcba6920">2.9. rnd</a></li>
+<li><a href="#org9220bb9">2.10. #</a></li>
+<li><a href="#org59f3555">2.11. out</a></li>
+<li><a href="#orga51e314">2.12. set</a></li>
+<li><a href="#org4e1ea52">2.13. variables usage</a></li>
+<li><a href="#org86ce053">2.14. cmp</a></li>
+<li><a href="#orgddc82bb">2.15. ?</a></li>
+<li><a href="#org6188d94">2.16. dum</a></li>
</ul>
</li>
-<li><a href="#orgde3ed20">3. Installation</a>
+<li><a href="#orgbf7aeba">3. Installation</a>
<ul>
-<li><a href="#orgfa97fc7">3.1. System requirements</a></li>
-<li><a href="#org48bad96">3.2. Directory layout</a></li>
+<li><a href="#org2bd0251">3.1. System requirements</a></li>
+<li><a href="#org22e403e">3.2. Directory layout</a></li>
</ul>
</li>
-<li><a href="#org3cec799">4. Usage</a></li>
+<li><a href="#orgd314fba">4. Usage</a></li>
</ul>
</div>
</div>
</style>
-<div id="outline-container-orgab04fe6" class="outline-2">
-<h2 id="orgab04fe6"><span class="section-number-2">1.</span> Operating principle</h2>
+<div id="outline-container-orgc26a1fd" class="outline-2">
+<h2 id="orgc26a1fd"><span class="section-number-2">1.</span> Operating principle</h2>
<div class="outline-text-2" id="text-1">
<p>
Parses scene definition language and creates 3D world based on
</p>
</div>
-<div id="outline-container-org9be13a4" class="outline-3">
-<h3 id="org9be13a4"><span class="section-number-3">1.1.</span> Rectangular city</h3>
+<div id="outline-container-org31c5b69" class="outline-3">
+<h3 id="org31c5b69"><span class="section-number-3">1.1.</span> Rectangular city</h3>
<div class="outline-text-3" id="text-1-1">
-<div id="orgf8acc50" class="figure">
+<div id="org418c227" class="figure">
<p><img src="rectangular city, 1.jpeg" alt="rectangular city, 1.jpeg" class="responsive-img" />
</p>
</div>
-<div id="org863e43c" class="figure">
+<div id="orgeb81080" class="figure">
<p><img src="rectangular city, 2.jpeg" alt="rectangular city, 2.jpeg" class="responsive-img" />
</p>
</div>
-<div id="org19a0808" class="figure">
+<div id="org07af2c6" class="figure">
<p><img src="rectangular city, 3.jpeg" alt="rectangular city, 3.jpeg" class="responsive-img" />
</p>
</div>
</div>
</div>
-<div id="outline-container-org36839f3" class="outline-3">
-<h3 id="org36839f3"><span class="section-number-3">1.2.</span> Hexagonal city</h3>
+<div id="outline-container-orga8661f4" class="outline-3">
+<h3 id="orga8661f4"><span class="section-number-3">1.2.</span> Hexagonal city</h3>
<div class="outline-text-3" id="text-1-2">
-<div id="org2b6d320" class="figure">
+<div id="org0434c28" class="figure">
<p><img src="hexagonal city, 1.jpeg" alt="hexagonal city, 1.jpeg" class="responsive-img" />
</p>
</div>
-<div id="orgc07a92e" class="figure">
+<div id="orgc534ca4" class="figure">
<p><img src="hexagonal city, 2.jpeg" alt="hexagonal city, 2.jpeg" class="responsive-img" />
</p>
</div>
-<div id="org3696bf6" class="figure">
+<div id="org0d7ce19" class="figure">
<p><img src="hexagonal city, 3.jpeg" alt="hexagonal city, 3.jpeg" class="responsive-img" />
</p>
</div>
</div>
</div>
</div>
-<div id="outline-container-org30ca50e" class="outline-2">
-<h2 id="org30ca50e"><span class="section-number-2">2.</span> Scene description language</h2>
+<div id="outline-container-orgb79799c" class="outline-2">
+<h2 id="orgb79799c"><span class="section-number-2">2.</span> Scene description language</h2>
<div class="outline-text-2" id="text-2">
<p>
See also examples.
</p>
</div>
-<div id="outline-container-org0d24bd7" class="outline-3">
-<h3 id="org0d24bd7"><span class="section-number-3">2.1.</span> here</h3>
+<div id="outline-container-org7173fc6" class="outline-3">
+<h3 id="org7173fc6"><span class="section-number-3">2.1.</span> here</h3>
<div class="outline-text-3" id="text-2-1">
<pre class="example">
here
</p>
</div>
</div>
-<div id="outline-container-org6ab5d55" class="outline-3">
-<h3 id="org6ab5d55"><span class="section-number-3">2.2.</span> p</h3>
+<div id="outline-container-org3e7173a" class="outline-3">
+<h3 id="org3e7173a"><span class="section-number-3">2.2.</span> p</h3>
<div class="outline-text-3" id="text-2-2">
<pre class="example">
p x y z
</p>
</div>
</div>
-<div id="outline-container-orgbfd2ca4" class="outline-3">
-<h3 id="orgbfd2ca4"><span class="section-number-3">2.3.</span> f</h3>
+<div id="outline-container-org7dac96c" class="outline-3">
+<h3 id="org7dac96c"><span class="section-number-3">2.3.</span> f</h3>
<div class="outline-text-3" id="text-2-3">
<pre class="example">
f p1 p2 p3 p4
</p>
</div>
</div>
-<div id="outline-container-org506845e" class="outline-3">
-<h3 id="org506845e"><span class="section-number-3">2.4.</span> warn</h3>
+<div id="outline-container-org2793f8d" class="outline-3">
+<h3 id="org2793f8d"><span class="section-number-3">2.4.</span> warn</h3>
<div class="outline-text-3" id="text-2-4">
<pre class="example">
warn <message>
</p>
</div>
</div>
-<div id="outline-container-org6679f47" class="outline-3">
-<h3 id="org6679f47"><span class="section-number-3">2.5.</span> end</h3>
+<div id="outline-container-org17b4720" class="outline-3">
+<h3 id="org17b4720"><span class="section-number-3">2.5.</span> end</h3>
<div class="outline-text-3" id="text-2-5">
<pre class="example">
end
</p>
</div>
</div>
-<div id="outline-container-orgc9c802d" class="outline-3">
-<h3 id="orgc9c802d"><span class="section-number-3">2.6.</span> mtl</h3>
+<div id="outline-container-orge048b17" class="outline-3">
+<h3 id="orge048b17"><span class="section-number-3">2.6.</span> mtl</h3>
<div class="outline-text-3" id="text-2-6">
<pre class="example">
mtl material
</p>
</div>
</div>
-<div id="outline-container-org73b0665" class="outline-3">
-<h3 id="org73b0665"><span class="section-number-3">2.7.</span> mtlrnd</h3>
+<div id="outline-container-orgb5bdd20" class="outline-3">
+<h3 id="orgb5bdd20"><span class="section-number-3">2.7.</span> mtlrnd</h3>
<div class="outline-text-3" id="text-2-7">
<pre class="example">
mtlrnd material ...
</p>
</div>
</div>
-<div id="outline-container-org7c6cb2b" class="outline-3">
-<h3 id="org7c6cb2b"><span class="section-number-3">2.8.</span> obj</h3>
+<div id="outline-container-org93b7719" class="outline-3">
+<h3 id="org93b7719"><span class="section-number-3">2.8.</span> obj</h3>
<div class="outline-text-3" id="text-2-8">
<pre class="example">
obj object xz45 xy20 x+3 y*2
</p>
-<div id="orgf0d2950" class="figure">
+<div id="org1ecdca9" class="figure">
<p><img src="rotation.png" alt="rotation.png" />
</p>
</div>
</div>
</div>
-<div id="outline-container-org45b3b8b" class="outline-3">
-<h3 id="org45b3b8b"><span class="section-number-3">2.9.</span> rnd</h3>
+<div id="outline-container-orgcba6920" class="outline-3">
+<h3 id="orgcba6920"><span class="section-number-3">2.9.</span> rnd</h3>
<div class="outline-text-3" id="text-2-9">
<pre class="example">
rnd p^1^2^3 p^7^2^1
</p>
</div>
</div>
-<div id="outline-container-org3a49053" class="outline-3">
-<h3 id="org3a49053"><span class="section-number-3">2.10.</span> #</h3>
+<div id="outline-container-org9220bb9" class="outline-3">
+<h3 id="org9220bb9"><span class="section-number-3">2.10.</span> #</h3>
<div class="outline-text-3" id="text-2-10">
<pre class="example">
# whatever text
</p>
</div>
</div>
-<div id="outline-container-org6aead6d" class="outline-3">
-<h3 id="org6aead6d"><span class="section-number-3">2.11.</span> out</h3>
+<div id="outline-container-org59f3555" class="outline-3">
+<h3 id="org59f3555"><span class="section-number-3">2.11.</span> out</h3>
<div class="outline-text-3" id="text-2-11">
<pre class="example">
out file
</p>
</div>
</div>
-<div id="outline-container-org4ecb55a" class="outline-3">
-<h3 id="org4ecb55a"><span class="section-number-3">2.12.</span> set</h3>
+<div id="outline-container-orga51e314" class="outline-3">
+<h3 id="orga51e314"><span class="section-number-3">2.12.</span> set</h3>
<div class="outline-text-3" id="text-2-12">
<pre class="example">
set variable contents
</p>
</div>
</div>
-<div id="outline-container-orgf032278" class="outline-3">
-<h3 id="orgf032278"><span class="section-number-3">2.13.</span> variables usage</h3>
+<div id="outline-container-org4e1ea52" class="outline-3">
+<h3 id="org4e1ea52"><span class="section-number-3">2.13.</span> variables usage</h3>
<div class="outline-text-3" id="text-2-13">
<pre class="example">
anycommand %1 anything
</p>
</div>
</div>
-<div id="outline-container-org1566459" class="outline-3">
-<h3 id="org1566459"><span class="section-number-3">2.14.</span> cmp</h3>
+<div id="outline-container-org86ce053" class="outline-3">
+<h3 id="org86ce053"><span class="section-number-3">2.14.</span> cmp</h3>
<div class="outline-text-3" id="text-2-14">
<pre class="example">
cmp flag string1 string2
</p>
</div>
</div>
-<div id="outline-container-org53928e5" class="outline-3">
-<h3 id="org53928e5"><span class="section-number-3">2.15.</span> ?</h3>
+<div id="outline-container-orgddc82bb" class="outline-3">
+<h3 id="orgddc82bb"><span class="section-number-3">2.15.</span> ?</h3>
<div class="outline-text-3" id="text-2-15">
<pre class="example">
?flag anycommand
</p>
</div>
</div>
-<div id="outline-container-orgf90eb28" class="outline-3">
-<h3 id="orgf90eb28"><span class="section-number-3">2.16.</span> dum</h3>
+<div id="outline-container-org6188d94" class="outline-3">
+<h3 id="org6188d94"><span class="section-number-3">2.16.</span> dum</h3>
<div class="outline-text-3" id="text-2-16">
<pre class="example">
dum
</div>
</div>
-<div id="outline-container-orgde3ed20" class="outline-2">
-<h2 id="orgde3ed20"><span class="section-number-2">3.</span> Installation</h2>
+<div id="outline-container-orgbf7aeba" class="outline-2">
+<h2 id="orgbf7aeba"><span class="section-number-2">3.</span> Installation</h2>
<div class="outline-text-2" id="text-3">
<p>
Edit <b>bin/3dparse.bas</b> file and update include path in there.
</p>
</div>
-<div id="outline-container-orgfa97fc7" class="outline-3">
-<h3 id="orgfa97fc7"><span class="section-number-3">3.1.</span> System requirements</h3>
+<div id="outline-container-org2bd0251" class="outline-3">
+<h3 id="org2bd0251"><span class="section-number-3">3.1.</span> System requirements</h3>
<div class="outline-text-3" id="text-3-1">
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
</div>
</div>
-<div id="outline-container-org48bad96" class="outline-3">
-<h3 id="org48bad96"><span class="section-number-3">3.2.</span> Directory layout</h3>
+<div id="outline-container-org22e403e" class="outline-3">
+<h3 id="org22e403e"><span class="section-number-3">3.2.</span> Directory layout</h3>
<div class="outline-text-3" id="text-3-2">
<dl class="org-dl">
<dt>bin</dt><dd><dl class="org-dl">
</div>
</div>
-<div id="outline-container-org3cec799" class="outline-2">
-<h2 id="org3cec799"><span class="section-number-2">4.</span> Usage</h2>
+<div id="outline-container-orgd314fba" class="outline-2">
+<h2 id="orgd314fba"><span class="section-number-2">4.</span> Usage</h2>
<div class="outline-text-2" id="text-4">
<p>
Make sure you have QB binaries in your PATH. Execute
</div>
</div>
<div id="postamble" class="status">
-<p class="date">Created: 2025-07-29 ti 04:02</p>
+<p class="date">Created: 2025-07-29 ti 06:42</p>
<p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p>
</div>
</body>
+++ /dev/null
-<HTML>\r
-<HEAD><TITLE>stereo vision</TITLE></HEAD>\r
-\r
-<BODY>\r
-\r
-<CENTER><H1>stereo vision</H1></CENTER>\r
-<BR>\r
-<BR>\r
-3D engine producing realtime stereo view. (ANAGLYPH)\r
-Conical grid with cubes flying around.\r
-You can freely fly around and adjust\r
-stereo view properties. Requires stereo glasses.\r
-\r
-<BR><IMG SRC="glasses-front.gif">\r
-\r
-<BR><IMG SRC="sshot.png">\r
-</BODY>\r
-</HTML>
\ No newline at end of file
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
-<!-- 2025-07-29 ti 04:02 -->
+<!-- 2025-07-29 ti 06:43 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Miscellaneous 3D graphics demos</title>
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
-<li><a href="#orgb974a71">1. Rotating exclamation mark</a></li>
-<li><a href="#orgd51b00c">2. 3D bouncing ball</a></li>
-<li><a href="#org2cc3d7f">3. 3D text in a room</a></li>
-<li><a href="#org8aa5b7c">4. 3D bouncing cubes on grid floor</a></li>
-<li><a href="#org790a2b1">5. Matrix math for rotation in 3D space</a></li>
-<li><a href="#org81916bf">6. Maze explorer</a></li>
-<li><a href="#org0bbcb91">7. Tank animation</a></li>
-<li><a href="#orgc1509dd">8. Tiled room</a></li>
+<li><a href="#orgb93cd08">1. Rotating exclamation mark</a></li>
+<li><a href="#org0559a58">2. 3D bouncing ball</a></li>
+<li><a href="#orgd0abed8">3. 3D text in a room</a></li>
+<li><a href="#orge24ac53">4. 3D bouncing cubes on grid floor</a></li>
+<li><a href="#org351cde8">5. Matrix math for rotation in 3D space</a></li>
+<li><a href="#orga499e0b">6. Maze explorer</a></li>
+<li><a href="#org88987d3">7. Tank animation</a></li>
+<li><a href="#org12c45e5">8. Tiled room</a></li>
</ul>
</div>
</div>
}
</style>
-<div id="outline-container-orgb974a71" class="outline-2">
-<h2 id="orgb974a71"><span class="section-number-2">1.</span> Rotating exclamation mark</h2>
+<div id="outline-container-orgb93cd08" class="outline-2">
+<h2 id="orgb93cd08"><span class="section-number-2">1.</span> Rotating exclamation mark</h2>
<div class="outline-text-2" id="text-1">
<p>
Wireframe 3D model of a rotating exclamation mark.
</div>
</div>
-<div id="outline-container-orgd51b00c" class="outline-2">
-<h2 id="orgd51b00c"><span class="section-number-2">2.</span> 3D bouncing ball</h2>
+<div id="outline-container-org0559a58" class="outline-2">
+<h2 id="org0559a58"><span class="section-number-2">2.</span> 3D bouncing ball</h2>
<div class="outline-text-2" id="text-2">
<p>
This QBasic program creates a visually engaging 3D animation of a
</div>
</div>
-<div id="outline-container-org2cc3d7f" class="outline-2">
-<h2 id="org2cc3d7f"><span class="section-number-2">3.</span> 3D text in a room</h2>
+<div id="outline-container-orgd0abed8" class="outline-2">
+<h2 id="orgd0abed8"><span class="section-number-2">3.</span> 3D text in a room</h2>
<div class="outline-text-2" id="text-3">
<p>
Wireframe 3D text hanging in a wireframe 3D room. User can look and
</div>
</div>
-<div id="outline-container-org8aa5b7c" class="outline-2">
-<h2 id="org8aa5b7c"><span class="section-number-2">4.</span> 3D bouncing cubes on grid floor</h2>
+<div id="outline-container-orge24ac53" class="outline-2">
+<h2 id="orge24ac53"><span class="section-number-2">4.</span> 3D bouncing cubes on grid floor</h2>
<div class="outline-text-2" id="text-4">
<p>
3D wireframe cubes bouncing on a grid floor, creating an immersive and
</div>
</div>
-<div id="outline-container-org790a2b1" class="outline-2">
-<h2 id="org790a2b1"><span class="section-number-2">5.</span> Matrix math for rotation in 3D space</h2>
+<div id="outline-container-org351cde8" class="outline-2">
+<h2 id="org351cde8"><span class="section-number-2">5.</span> Matrix math for rotation in 3D space</h2>
<div class="outline-text-2" id="text-5">
<p>
Instead of combining simple 2D rotors, pixels in this 3D space are
</div>
</div>
-<div id="outline-container-org81916bf" class="outline-2">
-<h2 id="org81916bf"><span class="section-number-2">6.</span> Maze explorer</h2>
+<div id="outline-container-orga499e0b" class="outline-2">
+<h2 id="orga499e0b"><span class="section-number-2">6.</span> Maze explorer</h2>
<div class="outline-text-2" id="text-6">
<p>
The Evolving 3D Maze Explorer is a QBasic program that generates and
</p>
-<div id="orgc47a030" class="figure">
+<div id="org722cab7" class="figure">
<p><a href="Maze%20explorer.bas" class="responsive-img"><img src="Maze%20explorer.png" alt="Maze%20explorer.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
-<div id="outline-container-org0bbcb91" class="outline-2">
-<h2 id="org0bbcb91"><span class="section-number-2">7.</span> Tank animation</h2>
+<div id="outline-container-org88987d3" class="outline-2">
+<h2 id="org88987d3"><span class="section-number-2">7.</span> Tank animation</h2>
<div class="outline-text-2" id="text-7">
<p>
Animated tank driving through the bridge back and forward. User can
</div>
</div>
-<div id="outline-container-orgc1509dd" class="outline-2">
-<h2 id="orgc1509dd"><span class="section-number-2">8.</span> Tiled room</h2>
+<div id="outline-container-org12c45e5" class="outline-2">
+<h2 id="org12c45e5"><span class="section-number-2">8.</span> Tiled room</h2>
<div class="outline-text-2" id="text-8">
<p>
Room with some tiles on the wall and on the floor. User can freely fly
</div>
</div>
<div id="postamble" class="status">
-<p class="date">Created: 2025-07-29 ti 04:02</p>
+<p class="date">Created: 2025-07-29 ti 06:43</p>
<p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p>
</div>
</body>
+++ /dev/null
-<HTML>\r
-<HEAD><TITLE>ray casting 3D engine</TITLE></HEAD>\r
-\r
-<BODY text=#A0A0ff vLink=#0000ff aLink=#0000ff link=#0000ff bgColor=#000000>\r
-\r
-<CENTER><H1>ray casting 3D engine</H1></CENTER>\r
-<BR>\r
-<BR>\r
-3D engine what draws 3D landscape using ray casting alghoritm\r
-in realtime. You can walk/jump around, rotate view and look up and down. \r
-Image Quality will be automatically adjusted, to keep constant framerate.\r
-At least Pentium 200 MHz in DOS mode should be nice.\r
-\r
-<BR><IMG SRC="sshot.png">\r
-</BODY>\r
-</HTML>
\ No newline at end of file
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
-<!-- 2025-07-29 ti 04:02 -->
+<!-- 2025-07-29 ti 06:43 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Space themed 3D graphics</title>
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
-<li><a href="#org4f479df">1. Galaxy explorer</a></li>
-<li><a href="#orgbdc2b71">2. Rocket simulator</a></li>
-<li><a href="#orge996af4">3. Stars</a></li>
-<li><a href="#org8c60191">4. Universe explorer</a></li>
+<li><a href="#org6e74448">1. Galaxy explorer</a></li>
+<li><a href="#org326a757">2. Rocket simulator</a></li>
+<li><a href="#orgd248793">3. Stars</a></li>
+<li><a href="#org7441c56">4. Universe explorer</a></li>
</ul>
</div>
</div>
}
</style>
-<div id="outline-container-org4f479df" class="outline-2">
-<h2 id="org4f479df"><span class="section-number-2">1.</span> Galaxy explorer</h2>
+<div id="outline-container-org6e74448" class="outline-2">
+<h2 id="org6e74448"><span class="section-number-2">1.</span> Galaxy explorer</h2>
<div class="outline-text-2" id="text-1">
<p>
This QBasic program renders a navigable 3D point cloud galaxy,
</p>
-<div id="org843b2e5" class="figure">
+<div id="orgaf1e200" class="figure">
<p><a href="Galaxy%20explorer.bas" class="responsive-img"><img src="Galaxy%20explorer.png" alt="Galaxy%20explorer.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
-<div id="outline-container-orgbdc2b71" class="outline-2">
-<h2 id="orgbdc2b71"><span class="section-number-2">2.</span> Rocket simulator</h2>
+<div id="outline-container-org326a757" class="outline-2">
+<h2 id="org326a757"><span class="section-number-2">2.</span> Rocket simulator</h2>
<div class="outline-text-2" id="text-2">
<p>
QBasic program that simulates the takeoff and flight of a rocket from
</div>
</div>
-<div id="outline-container-orge996af4" class="outline-2">
-<h2 id="orge996af4"><span class="section-number-2">3.</span> Stars</h2>
+<div id="outline-container-orgd248793" class="outline-2">
+<h2 id="orgd248793"><span class="section-number-2">3.</span> Stars</h2>
<div class="outline-text-2" id="text-3">
<p>
The 3D Starfield Simulation is a QBasic program that creates a
</div>
</div>
-<div id="outline-container-org8c60191" class="outline-2">
-<h2 id="org8c60191"><span class="section-number-2">4.</span> Universe explorer</h2>
+<div id="outline-container-org7441c56" class="outline-2">
+<h2 id="org7441c56"><span class="section-number-2">4.</span> Universe explorer</h2>
<div class="outline-text-2" id="text-4">
<p>
This QBasic program that simulates a navigable 3D universe. Users can
</dl>
-<div id="orgfeb800b" class="figure">
+<div id="orgf7531c9" class="figure">
<p><a href="Universe%20explorer/Universe%20explorer.bas" class="responsive-img"><img src="Universe%20explorer/1.png" alt="1.png" class="responsive-img" /></a>
</p>
</div>
-<div id="orgb713cda" class="figure">
+<div id="org6e10fc6" class="figure">
<p><a href="Universe%20explorer/Universe%20explorer.bas" class="responsive-img"><img src="Universe%20explorer/2.png" alt="2.png" class="responsive-img" /></a>
</p>
</div>
-<div id="orgc1539ee" class="figure">
+<div id="orge207011" class="figure">
<p><a href="Universe%20explorer/Universe%20explorer.bas" class="responsive-img"><img src="Universe%20explorer/3.png" alt="3.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
<div id="postamble" class="status">
-<p class="date">Created: 2025-07-29 ti 04:02</p>
+<p class="date">Created: 2025-07-29 ti 06:43</p>
<p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p>
</div>
</body>
+++ /dev/null
-<?xml version="1.0" encoding="utf-8"?>
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
-"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
-<head>
-<!-- 2025-05-31 la 07:17 -->
-<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1" />
-<title>Swapping 3D engine</title>
-<meta name="generator" content="Org Mode" />
-<style>
- #content { max-width: 60em; margin: auto; }
- .title { text-align: center;
- margin-bottom: .2em; }
- .subtitle { text-align: center;
- font-size: medium;
- font-weight: bold;
- margin-top:0; }
- .todo { font-family: monospace; color: red; }
- .done { font-family: monospace; color: green; }
- .priority { font-family: monospace; color: orange; }
- .tag { background-color: #eee; font-family: monospace;
- padding: 2px; font-size: 80%; font-weight: normal; }
- .timestamp { color: #bebebe; }
- .timestamp-kwd { color: #5f9ea0; }
- .org-right { margin-left: auto; margin-right: 0px; text-align: right; }
- .org-left { margin-left: 0px; margin-right: auto; text-align: left; }
- .org-center { margin-left: auto; margin-right: auto; text-align: center; }
- .underline { text-decoration: underline; }
- #postamble p, #preamble p { font-size: 90%; margin: .2em; }
- p.verse { margin-left: 3%; }
- pre {
- border: 1px solid #e6e6e6;
- border-radius: 3px;
- background-color: #f2f2f2;
- padding: 8pt;
- font-family: monospace;
- overflow: auto;
- margin: 1.2em;
- }
- pre.src {
- position: relative;
- overflow: auto;
- }
- pre.src:before {
- display: none;
- position: absolute;
- top: -8px;
- right: 12px;
- padding: 3px;
- color: #555;
- background-color: #f2f2f299;
- }
- pre.src:hover:before { display: inline; margin-top: 14px;}
- /* Languages per Org manual */
- pre.src-asymptote:before { content: 'Asymptote'; }
- pre.src-awk:before { content: 'Awk'; }
- pre.src-authinfo::before { content: 'Authinfo'; }
- pre.src-C:before { content: 'C'; }
- /* pre.src-C++ doesn't work in CSS */
- pre.src-clojure:before { content: 'Clojure'; }
- pre.src-css:before { content: 'CSS'; }
- pre.src-D:before { content: 'D'; }
- pre.src-ditaa:before { content: 'ditaa'; }
- pre.src-dot:before { content: 'Graphviz'; }
- pre.src-calc:before { content: 'Emacs Calc'; }
- pre.src-emacs-lisp:before { content: 'Emacs Lisp'; }
- pre.src-fortran:before { content: 'Fortran'; }
- pre.src-gnuplot:before { content: 'gnuplot'; }
- pre.src-haskell:before { content: 'Haskell'; }
- pre.src-hledger:before { content: 'hledger'; }
- pre.src-java:before { content: 'Java'; }
- pre.src-js:before { content: 'Javascript'; }
- pre.src-latex:before { content: 'LaTeX'; }
- pre.src-ledger:before { content: 'Ledger'; }
- pre.src-lisp:before { content: 'Lisp'; }
- pre.src-lilypond:before { content: 'Lilypond'; }
- pre.src-lua:before { content: 'Lua'; }
- pre.src-matlab:before { content: 'MATLAB'; }
- pre.src-mscgen:before { content: 'Mscgen'; }
- pre.src-ocaml:before { content: 'Objective Caml'; }
- pre.src-octave:before { content: 'Octave'; }
- pre.src-org:before { content: 'Org mode'; }
- pre.src-oz:before { content: 'OZ'; }
- pre.src-plantuml:before { content: 'Plantuml'; }
- pre.src-processing:before { content: 'Processing.js'; }
- pre.src-python:before { content: 'Python'; }
- pre.src-R:before { content: 'R'; }
- pre.src-ruby:before { content: 'Ruby'; }
- pre.src-sass:before { content: 'Sass'; }
- pre.src-scheme:before { content: 'Scheme'; }
- pre.src-screen:before { content: 'Gnu Screen'; }
- pre.src-sed:before { content: 'Sed'; }
- pre.src-sh:before { content: 'shell'; }
- pre.src-sql:before { content: 'SQL'; }
- pre.src-sqlite:before { content: 'SQLite'; }
- /* additional languages in org.el's org-babel-load-languages alist */
- pre.src-forth:before { content: 'Forth'; }
- pre.src-io:before { content: 'IO'; }
- pre.src-J:before { content: 'J'; }
- pre.src-makefile:before { content: 'Makefile'; }
- pre.src-maxima:before { content: 'Maxima'; }
- pre.src-perl:before { content: 'Perl'; }
- pre.src-picolisp:before { content: 'Pico Lisp'; }
- pre.src-scala:before { content: 'Scala'; }
- pre.src-shell:before { content: 'Shell Script'; }
- pre.src-ebnf2ps:before { content: 'ebfn2ps'; }
- /* additional language identifiers per "defun org-babel-execute"
- in ob-*.el */
- pre.src-cpp:before { content: 'C++'; }
- pre.src-abc:before { content: 'ABC'; }
- pre.src-coq:before { content: 'Coq'; }
- pre.src-groovy:before { content: 'Groovy'; }
- /* additional language identifiers from org-babel-shell-names in
- ob-shell.el: ob-shell is the only babel language using a lambda to put
- the execution function name together. */
- pre.src-bash:before { content: 'bash'; }
- pre.src-csh:before { content: 'csh'; }
- pre.src-ash:before { content: 'ash'; }
- pre.src-dash:before { content: 'dash'; }
- pre.src-ksh:before { content: 'ksh'; }
- pre.src-mksh:before { content: 'mksh'; }
- pre.src-posh:before { content: 'posh'; }
- /* Additional Emacs modes also supported by the LaTeX listings package */
- pre.src-ada:before { content: 'Ada'; }
- pre.src-asm:before { content: 'Assembler'; }
- pre.src-caml:before { content: 'Caml'; }
- pre.src-delphi:before { content: 'Delphi'; }
- pre.src-html:before { content: 'HTML'; }
- pre.src-idl:before { content: 'IDL'; }
- pre.src-mercury:before { content: 'Mercury'; }
- pre.src-metapost:before { content: 'MetaPost'; }
- pre.src-modula-2:before { content: 'Modula-2'; }
- pre.src-pascal:before { content: 'Pascal'; }
- pre.src-ps:before { content: 'PostScript'; }
- pre.src-prolog:before { content: 'Prolog'; }
- pre.src-simula:before { content: 'Simula'; }
- pre.src-tcl:before { content: 'tcl'; }
- pre.src-tex:before { content: 'TeX'; }
- pre.src-plain-tex:before { content: 'Plain TeX'; }
- pre.src-verilog:before { content: 'Verilog'; }
- pre.src-vhdl:before { content: 'VHDL'; }
- pre.src-xml:before { content: 'XML'; }
- pre.src-nxml:before { content: 'XML'; }
- /* add a generic configuration mode; LaTeX export needs an additional
- (add-to-list 'org-latex-listings-langs '(conf " ")) in .emacs */
- pre.src-conf:before { content: 'Configuration File'; }
-
- table { border-collapse:collapse; }
- caption.t-above { caption-side: top; }
- caption.t-bottom { caption-side: bottom; }
- td, th { vertical-align:top; }
- th.org-right { text-align: center; }
- th.org-left { text-align: center; }
- th.org-center { text-align: center; }
- td.org-right { text-align: right; }
- td.org-left { text-align: left; }
- td.org-center { text-align: center; }
- dt { font-weight: bold; }
- .footpara { display: inline; }
- .footdef { margin-bottom: 1em; }
- .figure { padding: 1em; }
- .figure p { text-align: center; }
- .equation-container {
- display: table;
- text-align: center;
- width: 100%;
- }
- .equation {
- vertical-align: middle;
- }
- .equation-label {
- display: table-cell;
- text-align: right;
- vertical-align: middle;
- }
- .inlinetask {
- padding: 10px;
- border: 2px solid gray;
- margin: 10px;
- background: #ffffcc;
- }
- #org-div-home-and-up
- { text-align: right; font-size: 70%; white-space: nowrap; }
- textarea { overflow-x: auto; }
- .linenr { font-size: smaller }
- .code-highlighted { background-color: #ffff00; }
- .org-info-js_info-navigation { border-style: none; }
- #org-info-js_console-label
- { font-size: 10px; font-weight: bold; white-space: nowrap; }
- .org-info-js_search-highlight
- { background-color: #ffff00; color: #000000; font-weight: bold; }
- .org-svg { }
-</style>
-<style type="text/css">
- body {
- max-width: 35cm !important;
- }
- #content {
- max-width: 80em !important;
- width: 90%;
- }
- </style>
-<link rel="stylesheet" type="text/css" href="https://thomasf.github.io/solarized-css/solarized-dark.min.css" />
-</head>
-<body>
-<div id="content" class="content">
-<h1 class="title">Swapping 3D engine</h1>
-<p>
-Idea is to implement 3D engine that can run world with unlimited
-complexity. To overcome RAM limits and keep good framerate, world is
-divided into cube shaped segments. Those segments are swapped out to
-disk when they are too far away. When you move around the world,
-segments are swapped in on-demand.
-</p>
-
-<p>
-Engine allows user to freely fly around using mouse and keyboard.
-</p>
-
-<p>
-Sexment size is 100x100x100 units. Every segment is stored in its own
-file within the filesystem.
-</p>
-
-
-<div id="org2f73a11" class="figure">
-<p><img src="screenshot.png" alt="screenshot.png" />
-</p>
-</div>
-
-
-<div id="org6cf369b" class="figure">
-<p><img src="screenshot, 2.png" alt="screenshot, 2.png" />
-</p>
-</div>
-</div>
-<div id="postamble" class="status">
-<p class="date">Created: 2025-05-31 la 07:17</p>
-<p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p>
-</div>
-</body>
-</html>
+++ /dev/null
-\r
-#+TITLE: Swapping 3D engine\r
-#+LANGUAGE: en\r
-#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}\r
-#+LATEX_HEADER: \usepackage{parskip}\r
-#+LATEX_HEADER: \usepackage[none]{hyphenat}\r
-\r
-#+OPTIONS: H:20 num:20\r
-#+OPTIONS: author:nil\r
-\r
-\r
-Idea is to implement 3D engine that can run world with unlimited\r
-complexity. To overcome RAM limits and keep good framerate, world is\r
-divided into cube shaped segments. Those segments are swapped out to\r
-disk when they are too far away. When you move around the world,\r
-segments are swapped in on-demand.\r
-\r
-Engine allows user to freely fly around using mouse and keyboard.\r
-\r
-Sexment size is 100x100x100 units. Every segment is stored in its own\r
-file within the filesystem.\r
-\r
-[[file:screenshot.png]]\r
-\r
-[[file:screenshot, 2.png]]\r
+++ /dev/null
-<HTML>\r
-<HEAD><TITLE>life</TITLE></HEAD>\r
-\r
-<BODY text=#A0A0ff vLink=#0000ff aLink=#0000ff link=#0000ff bgColor=#000000>\r
-\r
-<CENTER><H1>life</H1></CENTER>\r
-<BR>Conway's game of life. Simple editor with copy and paste\r
-functionality and simulator.\r
-\r
-<BR><IMG SRC="sshot.png">\r
-</BODY>\r
-</HTML>
\ No newline at end of file
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
-<!-- 2025-07-29 ti 04:02 -->
+<!-- 2025-07-29 ti 06:43 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Plotting</title>
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
-<li><a href="#orgd129385">1. 2D graph</a></li>
-<li><a href="#orgc1b06d8">2. 3D graph</a></li>
-<li><a href="#org3de897f">3. Deriviative calculator</a></li>
-<li><a href="#org4186cee">4. Sine and cosine table</a></li>
+<li><a href="#org69dfe12">1. 2D graph</a></li>
+<li><a href="#orgb8c9d7f">2. 3D graph</a></li>
+<li><a href="#org64fee3d">3. Deriviative calculator</a></li>
+<li><a href="#org99e1486">4. Sine and cosine table</a></li>
</ul>
</div>
</div>
}
</style>
-<div id="outline-container-orgd129385" class="outline-2">
-<h2 id="orgd129385"><span class="section-number-2">1.</span> 2D graph</h2>
+<div id="outline-container-org69dfe12" class="outline-2">
+<h2 id="org69dfe12"><span class="section-number-2">1.</span> 2D graph</h2>
<div class="outline-text-2" id="text-1">
<p>
The 2D Graph Plotter is a simple yet effective program written in
</p>
-<div id="org1fd8bf4" class="figure">
+<div id="orgff40591" class="figure">
<p><a href="2D%20graph%20plot.bas" class="responsive-img"><img src="2D%20graph%20plot.png" alt="2D%20graph%20plot.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
-<div id="outline-container-orgc1b06d8" class="outline-2">
-<h2 id="orgc1b06d8"><span class="section-number-2">2.</span> 3D graph</h2>
+<div id="outline-container-orgb8c9d7f" class="outline-2">
+<h2 id="orgb8c9d7f"><span class="section-number-2">2.</span> 3D graph</h2>
<div class="outline-text-2" id="text-2">
<p>
The 3D Heightmap Explorer is a QBasic program designed to visualize
</p>
-<div id="org23cf8ce" class="figure">
+<div id="org6ac00d6" class="figure">
<p><a href="3D%20graph.bas" class="responsive-img"><img src="3D%20graph.png" alt="3D%20graph.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
-<div id="outline-container-org3de897f" class="outline-2">
-<h2 id="org3de897f"><span class="section-number-2">3.</span> Deriviative calculator</h2>
+<div id="outline-container-org64fee3d" class="outline-2">
+<h2 id="org64fee3d"><span class="section-number-2">3.</span> Deriviative calculator</h2>
<div class="outline-text-2" id="text-3">
<p>
This QBasic program is designed to compute and plot an arbitrary
</p>
-<div id="org039948c" class="figure">
+<div id="org8417cc1" class="figure">
<p><a href="Deriviative%20calculator.bas" class="responsive-img"><img src="Deriviative%20calculator.png" alt="Deriviative%20calculator.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
-<div id="outline-container-org4186cee" class="outline-2">
-<h2 id="org4186cee"><span class="section-number-2">4.</span> Sine and cosine table</h2>
+<div id="outline-container-org99e1486" class="outline-2">
+<h2 id="org99e1486"><span class="section-number-2">4.</span> Sine and cosine table</h2>
<div class="outline-text-2" id="text-4">
<p>
The SIN & COS Table Generator is a QBasic program designed to visually
</p>
-<div id="org3d31c83" class="figure">
+<div id="org844353d" class="figure">
<p><a href="Sine%20and%20cosine%20table.bas" class="responsive-img"><img src="Sine%20and%20cosine%20table.png" alt="Sine%20and%20cosine%20table.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
<div id="postamble" class="status">
-<p class="date">Created: 2025-07-29 ti 04:02</p>
+<p class="date">Created: 2025-07-29 ti 06:43</p>
<p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p>
</div>
</body>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
-<!-- 2025-07-29 ti 04:02 -->
+<!-- 2025-07-29 ti 06:43 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Simulation</title>
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
-<li><a href="#orgc32a816">1. Explosion simulator</a></li>
-<li><a href="#org2d7700e">2. Gravity in 2D</a></li>
-<li><a href="#orge771117">3. Gravity in 3D</a></li>
-<li><a href="#orgb38c459">4. Interference</a></li>
-<li><a href="#org983c436">5. Interferogram</a></li>
-<li><a href="#org7a5c6de">6. Surface tension</a></li>
-<li><a href="#orge8ff5f6">7. Wave 1</a></li>
-<li><a href="#orgc5fb347">8. Wave 2</a></li>
+<li><a href="#org7d871ab">1. Explosion simulator</a></li>
+<li><a href="#org30edadb">2. Gravity in 2D</a></li>
+<li><a href="#orgae9b19c">3. Gravity in 3D</a></li>
+<li><a href="#orgaa05529">4. Interference</a></li>
+<li><a href="#org4100662">5. Interferogram</a></li>
+<li><a href="#orgc8f7a90">6. Surface tension</a></li>
+<li><a href="#org629d730">7. Wave 1</a></li>
+<li><a href="#orga165433">8. Wave 2</a></li>
</ul>
</div>
</div>
}
</style>
-<div id="outline-container-orgc32a816" class="outline-2">
-<h2 id="orgc32a816"><span class="section-number-2">1.</span> Explosion simulator</h2>
+<div id="outline-container-org7d871ab" class="outline-2">
+<h2 id="org7d871ab"><span class="section-number-2">1.</span> Explosion simulator</h2>
<div class="outline-text-2" id="text-1">
<p>
This QBasic program simulates the propagation of shock waves in a gas
</p>
-<div id="orgdd9b75d" class="figure">
+<div id="org3f7a424" class="figure">
<p><a href="Explosion%20simulator.bas" class="responsive-img"><img src="Explosion%20simulator.png" alt="Explosion%20simulator.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
-<div id="outline-container-org2d7700e" class="outline-2">
-<h2 id="org2d7700e"><span class="section-number-2">2.</span> Gravity in 2D</h2>
+<div id="outline-container-org30edadb" class="outline-2">
+<h2 id="org30edadb"><span class="section-number-2">2.</span> Gravity in 2D</h2>
<div class="outline-text-2" id="text-2">
<p>
The Gravitation Simulation program is a simple yet insightful QBasic
</p>
-<div id="org738b9a8" class="figure">
+<div id="org8b7ec82" class="figure">
<p><a href="Gravity%20in%202D.bas" class="responsive-img"><img src="Gravity%20in%202D.png" alt="Gravity%20in%202D.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
-<div id="outline-container-orge771117" class="outline-2">
-<h2 id="orge771117"><span class="section-number-2">3.</span> Gravity in 3D</h2>
+<div id="outline-container-orgae9b19c" class="outline-2">
+<h2 id="orgae9b19c"><span class="section-number-2">3.</span> Gravity in 3D</h2>
<div class="outline-text-2" id="text-3">
<p>
This QBasic program simulates the gravitational interactions between
</div>
</div>
-<div id="outline-container-orgb38c459" class="outline-2">
-<h2 id="orgb38c459"><span class="section-number-2">4.</span> Interference</h2>
+<div id="outline-container-orgaa05529" class="outline-2">
+<h2 id="orgaa05529"><span class="section-number-2">4.</span> Interference</h2>
<div class="outline-text-2" id="text-4">
<p>
This QBasic program simulates the interference pattern created by two
</div>
</div>
-<div id="outline-container-org983c436" class="outline-2">
-<h2 id="org983c436"><span class="section-number-2">5.</span> Interferogram</h2>
+<div id="outline-container-org4100662" class="outline-2">
+<h2 id="org4100662"><span class="section-number-2">5.</span> Interferogram</h2>
<div class="outline-text-2" id="text-5">
<p>
This QBasic program simulates the interference pattern created by
</p>
-<div id="orgb2a3e4f" class="figure">
+<div id="orge499999" class="figure">
<p><a href="Interferogram.bas" class="responsive-img"><img src="Interferogram.png" alt="Interferogram.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
-<div id="outline-container-org7a5c6de" class="outline-2">
-<h2 id="org7a5c6de"><span class="section-number-2">6.</span> Surface tension</h2>
+<div id="outline-container-orgc8f7a90" class="outline-2">
+<h2 id="orgc8f7a90"><span class="section-number-2">6.</span> Surface tension</h2>
<div class="outline-text-2" id="text-6">
<p>
This QBasic program simulates the behavior of water spills and the
</p>
-<div id="orgb031602" class="figure">
+<div id="orga9b29a2" class="figure">
<p><a href="Surface%20tension.bas" class="responsive-img"><img src="Surface%20tension.png" alt="Surface%20tension.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
-<div id="outline-container-orge8ff5f6" class="outline-2">
-<h2 id="orge8ff5f6"><span class="section-number-2">7.</span> Wave 1</h2>
+<div id="outline-container-org629d730" class="outline-2">
+<h2 id="org629d730"><span class="section-number-2">7.</span> Wave 1</h2>
<div class="outline-text-2" id="text-7">
<p>
This QBasic program simulates the propagation of waves across a
</p>
-<div id="org12c825f" class="figure">
+<div id="org19c785a" class="figure">
<p><a href="Wave%201.bas" class="responsive-img"><img src="Wave%201.png" alt="Wave%201.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
-<div id="outline-container-orgc5fb347" class="outline-2">
-<h2 id="orgc5fb347"><span class="section-number-2">8.</span> Wave 2</h2>
+<div id="outline-container-orga165433" class="outline-2">
+<h2 id="orga165433"><span class="section-number-2">8.</span> Wave 2</h2>
<div class="outline-text-2" id="text-8">
<p>
This QBasic program simulates and visualizes the behavior of water
</p>
-<div id="org4e74694" class="figure">
+<div id="org927ae1b" class="figure">
<p><a href="Wave%202.bas" class="responsive-img"><img src="Wave%202.png" alt="Wave%202.png" class="responsive-img" /></a>
</p>
</div>
</div>
</div>
<div id="postamble" class="status">
-<p class="date">Created: 2025-07-29 ti 04:02</p>
+<p class="date">Created: 2025-07-29 ti 06:43</p>
<p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p>
</div>
</body>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
-<!-- 2025-07-29 ti 04:03 -->
+<!-- 2025-07-29 ti 06:44 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Truth table calculator</title>
<h2>Table of Contents</h2>
<div id="text-table-of-contents" role="doc-toc">
<ul>
-<li><a href="#orgfc89990">1. Implemented logical operations</a>
+<li><a href="#org73b00ab">1. Implemented logical operations</a>
<ul>
-<li><a href="#org0363adb">1.1. Equivalent ( ⇔ , 1 )</a></li>
-<li><a href="#org6a8cb68">1.2. Implies ( ⇒ , 2 )</a></li>
-<li><a href="#orga377946">1.3. OR ( ∨ , 3 )</a></li>
-<li><a href="#org6aff8b8">1.4. AND ( ∧ , 4 )</a></li>
-<li><a href="#org72dc863">1.5. NOT ( ¬ , 5 )</a></li>
+<li><a href="#org63ae8a0">1.1. Equivalent ( ⇔ , 1 )</a></li>
+<li><a href="#org866a499">1.2. Implies ( ⇒ , 2 )</a></li>
+<li><a href="#orge1b5035">1.3. OR ( ∨ , 3 )</a></li>
+<li><a href="#org07266ef">1.4. AND ( ∧ , 4 )</a></li>
+<li><a href="#orgb540306">1.5. NOT ( ¬ , 5 )</a></li>
</ul>
</li>
-<li><a href="#orgaa94500">2. Examples</a>
+<li><a href="#orge23d70e">2. Examples</a>
<ul>
-<li><a href="#orgd435c7d">2.1. Example: (A ∧ B) ∨ ¬C</a></li>
-<li><a href="#org2e83b23">2.2. Example: A ⇒ (B ∨ ¬C)</a></li>
-<li><a href="#orgc5a0e6d">2.3. Example: (A ⇔ B) ∧ C</a></li>
+<li><a href="#org71a5e0c">2.1. Example: (A ∧ B) ∨ ¬C</a></li>
+<li><a href="#orgce0ea0b">2.2. Example: A ⇒ (B ∨ ¬C)</a></li>
+<li><a href="#orgad68cd0">2.3. Example: (A ⇔ B) ∧ C</a></li>
</ul>
</li>
</ul>
designing and understanding digital circuits, Boolean algebra, and logical expressions.
</p>
-<div id="outline-container-orgfc89990" class="outline-2">
-<h2 id="orgfc89990"><span class="section-number-2">1.</span> Implemented logical operations</h2>
+<div id="outline-container-org73b00ab" class="outline-2">
+<h2 id="org73b00ab"><span class="section-number-2">1.</span> Implemented logical operations</h2>
<div class="outline-text-2" id="text-1">
</div>
-<div id="outline-container-org0363adb" class="outline-3">
-<h3 id="org0363adb"><span class="section-number-3">1.1.</span> Equivalent ( ⇔ , 1 )</h3>
+<div id="outline-container-org63ae8a0" class="outline-3">
+<h3 id="org63ae8a0"><span class="section-number-3">1.1.</span> Equivalent ( ⇔ , 1 )</h3>
<div class="outline-text-3" id="text-1-1">
<p>
The equivalent operation, also known as logical biconditional, is true if and only if
</div>
</div>
-<div id="outline-container-org6a8cb68" class="outline-3">
-<h3 id="org6a8cb68"><span class="section-number-3">1.2.</span> Implies ( ⇒ , 2 )</h3>
+<div id="outline-container-org866a499" class="outline-3">
+<h3 id="org866a499"><span class="section-number-3">1.2.</span> Implies ( ⇒ , 2 )</h3>
<div class="outline-text-3" id="text-1-2">
<p>
An implication asserts that if the first proposition is true, the
</div>
</div>
-<div id="outline-container-orga377946" class="outline-3">
-<h3 id="orga377946"><span class="section-number-3">1.3.</span> OR ( ∨ , 3 )</h3>
+<div id="outline-container-orge1b5035" class="outline-3">
+<h3 id="orge1b5035"><span class="section-number-3">1.3.</span> OR ( ∨ , 3 )</h3>
<div class="outline-text-3" id="text-1-3">
<p>
The OR operation, also known as logical disjunction, is true if at
</div>
</div>
-<div id="outline-container-org6aff8b8" class="outline-3">
-<h3 id="org6aff8b8"><span class="section-number-3">1.4.</span> AND ( ∧ , 4 )</h3>
+<div id="outline-container-org07266ef" class="outline-3">
+<h3 id="org07266ef"><span class="section-number-3">1.4.</span> AND ( ∧ , 4 )</h3>
<div class="outline-text-3" id="text-1-4">
<p>
The AND operation, also known as logical conjunction, is true if and
</div>
</div>
-<div id="outline-container-org72dc863" class="outline-3">
-<h3 id="org72dc863"><span class="section-number-3">1.5.</span> NOT ( ¬ , 5 )</h3>
+<div id="outline-container-orgb540306" class="outline-3">
+<h3 id="orgb540306"><span class="section-number-3">1.5.</span> NOT ( ¬ , 5 )</h3>
<div class="outline-text-3" id="text-1-5">
<p>
The NOT operation, also known as logical negation, inverts the value
</div>
</div>
</div>
-<div id="outline-container-orgaa94500" class="outline-2">
-<h2 id="orgaa94500"><span class="section-number-2">2.</span> Examples</h2>
+<div id="outline-container-orge23d70e" class="outline-2">
+<h2 id="orge23d70e"><span class="section-number-2">2.</span> Examples</h2>
<div class="outline-text-2" id="text-2">
</div>
-<div id="outline-container-orgd435c7d" class="outline-3">
-<h3 id="orgd435c7d"><span class="section-number-3">2.1.</span> Example: (A ∧ B) ∨ ¬C</h3>
+<div id="outline-container-org71a5e0c" class="outline-3">
+<h3 id="org71a5e0c"><span class="section-number-3">2.1.</span> Example: (A ∧ B) ∨ ¬C</h3>
<div class="outline-text-3" id="text-2-1">
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
</div>
</div>
-<div id="outline-container-org2e83b23" class="outline-3">
-<h3 id="org2e83b23"><span class="section-number-3">2.2.</span> Example: A ⇒ (B ∨ ¬C)</h3>
+<div id="outline-container-orgce0ea0b" class="outline-3">
+<h3 id="orgce0ea0b"><span class="section-number-3">2.2.</span> Example: A ⇒ (B ∨ ¬C)</h3>
<div class="outline-text-3" id="text-2-2">
<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
</div>
</div>
-<div id="outline-container-orgc5a0e6d" class="outline-3">
-<h3 id="orgc5a0e6d"><span class="section-number-3">2.3.</span> Example: (A ⇔ B) ∧ C</h3>
+<div id="outline-container-orgad68cd0" class="outline-3">
+<h3 id="orgad68cd0"><span class="section-number-3">2.3.</span> Example: (A ⇔ B) ∧ C</h3>
<div class="outline-text-3" id="text-2-3">
<p>
Truth Table:
</div>
</div>
<div id="postamble" class="status">
-<p class="date">Created: 2025-07-29 ti 04:03</p>
+<p class="date">Created: 2025-07-29 ti 06:44</p>
<p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p>
</div>
</body>
+++ /dev/null
-<HTML>\r
-<HEAD><TITLE>QBasic mouse extension</TITLE></HEAD>\r
-\r
-<BODY>\r
-<CENTER><H1>QBasic mouse extension</H1></CENTER>\r
-<BR>\r
-<BR>\r
-\r
-This TSR written in x86 assembler, allows QBasic programs to use mouse,\r
-by writing mouse movement and button press info to memory,\r
-referenced by INT 79h.\r
-Afterwards QBasic programs can read mouse cursor position\r
-directly from RAM by using PEEK command.\r
-\r
-</BODY>\r
-</HTML>
\ No newline at end of file
--- /dev/null
+#+TITLE: Mouse driver for QBasic programs\r
+#+LANGUAGE: en\r
+#+LATEX_HEADER: \usepackage[margin=1.0in]{geometry}\r
+#+LATEX_HEADER: \usepackage{parskip}\r
+#+LATEX_HEADER: \usepackage[none]{hyphenat}\r
+\r
+#+OPTIONS: H:20 num:20\r
+#+OPTIONS: author:nil\r
+\r
+This TSR written in x86 assembler, allows QBasic programs to use\r
+mouse, by writing mouse movement and button press info to memory,\r
+referenced by INT 79h. Afterwards QBasic programs can read mouse\r
+cursor position directly from RAM by using PEEK command.\r
export_org_to_html "Math/Simulation"
export_org_to_html "Math/Truth table"
+export_org_to_html "Miscellaneous/Mouse driver"
+
# Upload project homepage to the server.
rsync -avz --delete -e 'ssh -p 10006' ./ \
** Swapping 3D engine
-TODO: description goes here ...
+This QBasic program is a 3D wireframe rendering engine designed to
+render potentially infinite 3D worlds. It achieves this by dynamically
+managing world data through a partitioning system that loads and
+offloads cube-shaped fragments of the world into and out of RAM as
+needed. This allows for the efficient use of memory, making it
+possible to explore large virtual environments without excessive
+resource consumption.
+
+World data is stored on disk, and only the necessary parts are loaded
+into RAM, allowing for the potential rendering of very large worlds.
#+attr_html: :class responsive-img
#+attr_latex: :width 1000px
** 3D land
+This QBasic program creates a visually engaging 3D shaded landscape
+with perspective and distortion effects.
+
+The program loops through each point in the grid, applying a cosine
+distortion based on the distance from the center of the grid. This
+creates a wavy, undulating effect across the landscape. Perspective
+transformation is then applied to give the illusion of depth.
+
+The transformed coordinates are used to draw quadrilaterals, which are
+filled with colors that alternate to create a checkerboard pattern.
+
#+begin_export html
<div class="flex-center">
<video controls loop autoplay>
** Anaglyph
-TODO: description goes here ...
+This QBasic program creates a real-time anaglyph projection featuring
+bouncing cubes. Cubes are created and placed within a 3D space. Each
+cube has its own position and velocity, which determine its movement
+and interactions within the environment.
+
+Anaglyph images are used to provide a stereoscopic 3D effect when
+viewed with glasses that have two different colored lenses, typically
+red and cyan. The program provides insight into how anaglyph images
+work, which can be a fun and educational project for those interested
+in stereoscopy and 3D visualization.
+
#+attr_html: :class responsive-img
#+attr_latex: :width 1000px
** Ray casting engine
-TODO: description goes here ...
+This QBasic program is a real-time 3D rendering engine that uses a ray
+casting technique to create a dynamic 3D landscape. The landscape
+includes various features such as hills and towers.
+
+Real-time Rendering: The engine adjusts the rendering quality
+dynamically to maintain a constant frame rate of 10 frames per second,
+ensuring smooth performance even on older hardware like an Intel
+Pentium 200 MHz in DOS mode.
+
+Users can move around the landscape using arrow keys and other
+specified keys to turn, look up/down, and even jump.
#+attr_html: :class responsive-img
#+attr_latex: :width 1000px