Code refactoring
[sixth-3d-demos.git] / doc / index.html
index 726fa30..a1dd806 100644 (file)
-<!doctype html>
-<html lang="en">
+<?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>
+<!-- 2021-05-29 Sat 02:31 -->
+<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>Sixth 3D engine demos</title>
-<!-- 2018-06-24 Sun 02:37 -->
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<meta name="generator" content="Org-mode">
-<meta name="author" content="Svjatoslav Agejenko">
-<link href="https://bootswatch.com/3/darkly/bootstrap.min.css" rel="stylesheet">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
+<meta name="generator" content="Org mode" />
+<meta name="author" content="Svjatoslav Agejenko" />
 <style type="text/css">
-footer {background-color: #111 !important;}
-pre {background-color: #111; color: #ccc;}
-</style>
-<style type="text/css">
-/* org mode styles on top of twbs */
-
-html {
+ <!--/*--><![CDATA[/*><!--*/
+  .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 #ccc;
+    box-shadow: 3px 3px 3px #eee;
+    padding: 8pt;
+    font-family: monospace;
+    overflow: auto;
+    margin: 1.2em;
+  }
+  pre.src {
     position: relative;
-    min-height: 100%;
-}
-
-body {
-    font-size: 18px;
-    margin-bottom: 105px;
-}
-
-footer {
+    overflow: auto;
+    padding-top: 1.2em;
+  }
+  pre.src:before {
+    display: none;
     position: absolute;
-    bottom: 0;
+    background-color: white;
+    top: -10px;
+    right: 10px;
+    padding: 3px;
+    border: 1px solid black;
+  }
+  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-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%;
-    height: 101px;
-    background-color: #f5f5f5;
-}
-
-footer > div {
+  }
+  .equation {
+    vertical-align: middle;
+  }
+  .equation-label {
+    display: table-cell;
+    text-align: right;
+    vertical-align: middle;
+  }
+  .inlinetask {
     padding: 10px;
-}
-
-footer p {
-    margin: 0 0 5px;
-    text-align: center;
-    font-size: 16px;
-}
-
-#table-of-contents {
-    margin-top: 20px;
-    margin-bottom: 20px;
-}
-
-blockquote p {
-    font-size: 18px;
-}
-
-pre {
-    font-size: 16px;
-}
-
-.footpara {
-    display: inline-block;
-}
-
-figcaption {
-  font-size: 16px;
-  color: #666;
-  font-style: italic;
-  padding-bottom: 15px;
-}
-
-/* from twbs docs */
-
-.bs-docs-sidebar.affix {
-    position: static;
-}
-@media (min-width: 768px) {
-    .bs-docs-sidebar {
-        padding-left: 20px;
-    }
-}
-
-/* All levels of nav */
-.bs-docs-sidebar .nav > li > a {
-    display: block;
-    padding: 4px 20px;
-    font-size: 14px;
-    font-weight: 500;
-    color: #999;
-}
-.bs-docs-sidebar .nav > li > a:hover,
-.bs-docs-sidebar .nav > li > a:focus {
-    padding-left: 19px;
-    color: #A1283B;
-    text-decoration: none;
-    background-color: transparent;
-    border-left: 1px solid #A1283B;
-}
-.bs-docs-sidebar .nav > .active > a,
-.bs-docs-sidebar .nav > .active:hover > a,
-.bs-docs-sidebar .nav > .active:focus > a {
-    padding-left: 18px;
-    font-weight: bold;
-    color: #A1283B;
-    background-color: transparent;
-    border-left: 2px solid #A1283B;
-}
-
-/* Nav: second level (shown on .active) */
-.bs-docs-sidebar .nav .nav {
-    display: none; /* Hide by default, but at >768px, show it */
-    padding-bottom: 10px;
-}
-.bs-docs-sidebar .nav .nav > li > a {
-    padding-top: 1px;
-    padding-bottom: 1px;
-    padding-left: 30px;
-    font-size: 12px;
-    font-weight: normal;
-}
-.bs-docs-sidebar .nav .nav > li > a:hover,
-.bs-docs-sidebar .nav .nav > li > a:focus {
-    padding-left: 29px;
-}
-.bs-docs-sidebar .nav .nav > .active > a,
-.bs-docs-sidebar .nav .nav > .active:hover > a,
-.bs-docs-sidebar .nav .nav > .active:focus > a {
-    padding-left: 28px;
-    font-weight: 500;
-}
-
-/* Nav: third level (shown on .active) */
-.bs-docs-sidebar .nav .nav .nav {
-    padding-bottom: 10px;
-}
-.bs-docs-sidebar .nav .nav .nav > li > a {
-    padding-top: 1px;
-    padding-bottom: 1px;
-    padding-left: 40px;
-    font-size: 12px;
-    font-weight: normal;
-}
-.bs-docs-sidebar .nav .nav .nav > li > a:hover,
-.bs-docs-sidebar .nav .nav .nav > li > a:focus {
-    padding-left: 39px;
-}
-.bs-docs-sidebar .nav .nav .nav > .active > a,
-.bs-docs-sidebar .nav .nav .nav > .active:hover > a,
-.bs-docs-sidebar .nav .nav .nav > .active:focus > a {
-    padding-left: 38px;
-    font-weight: 500;
-}
-
-/* Show and affix the side nav when space allows it */
-@media (min-width: 992px) {
-    .bs-docs-sidebar .nav > .active > ul {
-        display: block;
-    }
-    /* Widen the fixed sidebar */
-    .bs-docs-sidebar.affix,
-    .bs-docs-sidebar.affix-bottom {
-        width: 213px;
-    }
-    .bs-docs-sidebar.affix {
-        position: fixed; /* Undo the static from mobile first approach */
-        top: 20px;
-    }
-    .bs-docs-sidebar.affix-bottom {
-        position: absolute; /* Undo the static from mobile first approach */
-    }
-    .bs-docs-sidebar.affix .bs-docs-sidenav,.bs-docs-sidebar.affix-bottom .bs-docs-sidenav {
-        margin-top: 0;
-        margin-bottom: 0
-    }
-}
-@media (min-width: 1200px) {
-    /* Widen the fixed sidebar again */
-    .bs-docs-sidebar.affix-bottom,
-    .bs-docs-sidebar.affix {
-        width: 263px;
-    }
-}
+    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 { width: 90%; }
+  /*]]>*/-->
 </style>
+<link rel="stylesheet" type="text/css" href="https://thomasf.github.io/solarized-css/solarized-dark.min.css" />
 <script type="text/javascript">
-$(function() {
-    'use strict';
-
-    $('.bs-docs-sidebar li').first().addClass('active');
-
-    $(document.body).scrollspy({target: '.bs-docs-sidebar'});
-
-    $('.bs-docs-sidebar').affix();
-});
+// @license magnet:?xt=urn:btih:e95b018ef3580986a04669f1b5879592219e2a7a&dn=public-domain.txt Public Domain
+<!--/*--><![CDATA[/*><!--*/
+     function CodeHighlightOn(elem, id)
+     {
+       var target = document.getElementById(id);
+       if(null != target) {
+         elem.classList.add("code-highlighted");
+         target.classList.add("code-highlighted");
+       }
+     }
+     function CodeHighlightOff(elem, id)
+     {
+       var target = document.getElementById(id);
+       if(null != target) {
+         elem.classList.remove("code-highlighted");
+         target.classList.remove("code-highlighted");
+       }
+     }
+    /*]]>*///-->
+// @license-end
 </script>
 </head>
 <body>
-<div id="content" class="container">
-<div class="row"><div class="col-md-9"><h1 class="title">Sixth 3D engine demos</h1>
+<div id="content">
+<h1 class="title">Sixth 3D engine demos</h1>
+<div id="table-of-contents">
+<h2>Table of Contents</h2>
+<div id="text-table-of-contents">
+<ul>
+<li><a href="#org4f0e7fe">1. General</a>
+<ul>
+<li><a href="#orga46b71e">1.1. Source code</a></li>
+</ul>
+</li>
+<li><a href="#orgef4de6a">2. Overview</a></li>
+<li><a href="#org3f74fff">3. Navigating in space</a></li>
+<li><a href="#org3b10dd6">4. Example scenes in this repository</a>
+<ul>
+<li><a href="#org6ce2160">4.1. Raytracing through voxels</a></li>
+<li><a href="#org4a93a25">4.2. Conway's Game of Life</a></li>
+<li><a href="#org6ee86f3">4.3. Text editors</a></li>
+<li><a href="#orgdaa46bd">4.4. Mathematical formulas</a></li>
+<li><a href="#orga9bf86e">4.5. Sinus heightmaps and sphere</a></li>
+</ul>
+</li>
+</ul>
+</div>
+</div>
 
-<div id="outline-container-sec-1" class="outline-2">
-<h2 id="sec-1"><span class="section-number-2">1</span> General</h2>
+<div id="outline-container-org4f0e7fe" class="outline-2">
+<h2 id="org4f0e7fe"><span class="section-number-2">1</span> General</h2>
 <div class="outline-text-2" id="text-1">
 <ul class="org-ul">
-<li>This is a subproject of <a href="http://www3.svjatoslav.eu/projects/sixth-3d/">Sixth 3D</a> which in turn is a subproject of
-<a href="http://www3.svjatoslav.eu/projects/sixth/">Sixth</a>.
-</li>
-
-<li>This program is free software: you can redistribute it and/or modify
-it under the terms of the <a href="https://www.gnu.org/licenses/lgpl.html">GNU Lesser General Public License</a> as
-published by the Free Software Foundation, either version 3 of the
-License, or (at your option) any later version.
-</li>
+<li>This program is free software: released under Creative Commons Zero
+(CC0) license</li>
 
 <li>Program author:
 <ul class="org-ul">
-<li>Svjatoslav Agejenko
-</li>
-<li>Homepage: <a href="http://svjatoslav.eu">http://svjatoslav.eu</a>
-</li>
-<li>Email: <a href="mailto://svjatoslav@svjatoslav.eu">mailto://svjatoslav@svjatoslav.eu</a>
-</li>
-</ul>
-</li>
+<li>Svjatoslav Agejenko</li>
+<li>Homepage: <a href="https://svjatoslav.eu">https://svjatoslav.eu</a></li>
+<li>Email: <a href="mailto://svjatoslav@svjatoslav.eu">mailto://svjatoslav@svjatoslav.eu</a></li>
+</ul></li>
 
-<li><a href="http://www.svjatoslav.eu/projects/">Other software projects hosted at svjatoslav.eu</a>
-</li>
+<li><a href="https://www.svjatoslav.eu/projects/">Other software projects hosted at svjatoslav.eu</a></li>
 </ul>
 </div>
 
-<div id="outline-container-sec-1-1" class="outline-3">
-<h3 id="sec-1-1"><span class="section-number-3">1.1</span> Source code</h3>
+<div id="outline-container-orga46b71e" class="outline-3">
+<h3 id="orga46b71e"><span class="section-number-3">1.1</span> Source code</h3>
 <div class="outline-text-3" id="text-1-1">
 <ul class="org-ul">
-<li><a href="http://www2.svjatoslav.eu/gitweb/?p=sixth-3d-demos.git;a=snapshot;h=HEAD;sf=tgz">Download latest snapshot in TAR GZ format</a>
-</li>
+<li><a href="https://www2.svjatoslav.eu/gitweb/?p=sixth-3d-demos.git;a=snapshot;h=HEAD;sf=tgz">Download latest snapshot in TAR GZ format</a></li>
 
-<li><a href="http://www2.svjatoslav.eu/gitweb/?p=sixth-3d-demos.git;a=summary">Browse Git repository online</a>
-</li>
+<li><a href="https://www2.svjatoslav.eu/gitweb/?p=sixth-3d-demos.git;a=summary">Browse Git repository online</a></li>
 
-<li>Clone Git repository using command:
+<li><p>
+Clone Git repository using command:
+</p>
 <pre class="example">
-git clone http://www2.svjatoslav.eu/git/sixth-3d-demos.git
-</pre>
-</li>
+git clone https://www2.svjatoslav.eu/git/sixth-3d-demos.git
+</pre></li>
 </ul>
 </div>
 </div>
 </div>
 
-<div id="outline-container-sec-2" class="outline-2">
-<h2 id="sec-2"><span class="section-number-2">2</span> Overview</h2>
+<div id="outline-container-orgef4de6a" class="outline-2">
+<h2 id="orgef4de6a"><span class="section-number-2">2</span> Overview</h2>
 <div class="outline-text-2" id="text-2">
 <p>
 Goal of this project is to show off capabilities and API usage of
-<a href="http://www3.svjatoslav.eu/projects/sixth-3d/">Sixth 3D</a> engine.
+<a href="https://www3.svjatoslav.eu/projects/sixth-3d/">Sixth 3D</a> engine.
+</p>
+
+<p>
+All <a href="#org3b10dd6">example scenes in this repository</a> render at interactive
+framerates.
 </p>
 
 <p>
-All sample scenes below are rendered at interactive framerates.
+Download runnable JAR file: <a href="sixth-3d-demos.jar">sixth-3d-demos.jar</a>
 </p>
+
+<p>
+To start demo application, use command:
+</p>
+<pre class="example">
+java -jar sixth-3d-demos.jar
+</pre>
 </div>
 </div>
-<div id="outline-container-sec-3" class="outline-2">
-<h2 id="sec-3"><span class="section-number-2">3</span> Navigating in space</h2>
+
+<div id="outline-container-org3f74fff" class="outline-2">
+<h2 id="org3f74fff"><span class="section-number-2">3</span> Navigating in space</h2>
 <div class="outline-text-2" id="text-3">
-<table class="table table-striped table-bordered table-hover table-condensed">
+<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
 
 
 <colgroup>
-<col  class="left">
+<col  class="org-left" />
 
-<col  class="left">
+<col  class="org-left" />
 </colgroup>
 <thead>
 <tr>
-<th scope="col" class="text-left">key</th>
-<th scope="col" class="text-left">result</th>
+<th scope="col" class="org-left">key</th>
+<th scope="col" class="org-left">result</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="text-left">cursor keys</td>
-<td class="text-left">move: left, right, forward, backward</td>
+<td class="org-left">cursor keys</td>
+<td class="org-left">move: left, right, forward, backward</td>
 </tr>
 
 <tr>
-<td class="text-left">mouse scroll wheel</td>
-<td class="text-left">move: up, down</td>
+<td class="org-left">mouse scroll wheel</td>
+<td class="org-left">move: up, down</td>
 </tr>
 
 <tr>
-<td class="text-left">dragging with mouse</td>
-<td class="text-left">look around</td>
+<td class="org-left">dragging with mouse</td>
+<td class="org-left">look around</td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
 
-<div id="outline-container-sec-4" class="outline-2">
-<h2 id="sec-4"><span class="section-number-2">4</span> Samples</h2>
+<div id="outline-container-org3b10dd6" class="outline-2">
+<h2 id="org3b10dd6"><span class="section-number-2">4</span> Example scenes in this repository</h2>
 <div class="outline-text-2" id="text-4">
-</div><div id="outline-container-sec-4-1" class="outline-3">
-<h3 id="sec-4-1"><span class="section-number-3">4.1</span> Raytracing through voxels</h3>
+</div>
+<div id="outline-container-org6ce2160" class="outline-3">
+<h3 id="org6ce2160"><span class="section-number-3">4.1</span> Raytracing through voxels</h3>
 <div class="outline-text-3" id="text-4-1">
 
-<figure>
-<p><img src="screenshots/raytracing fractal in voxel polygon hybrid scene.png" class="img-responsive" alt="raytracing fractal in voxel polygon hybrid scene.png">
+<div id="orgc8737da" class="figure">
+<p><img src="screenshots/raytracing fractal in voxel polygon hybrid scene.png" alt="raytracing fractal in voxel polygon hybrid scene.png" />
 </p>
-</figure>
+</div>
 
 <p>
 Test scene that is generated simultaneously using:
@@ -315,16 +363,12 @@ Test scene that is generated simultaneously using:
 <ul class="org-ul">
 <li>conventional polygons
 <ul class="org-ul">
-<li>for realtime navigation, and
-</li>
-</ul>
-</li>
+<li>for realtime navigation, and</li>
+</ul></li>
 <li>voxels
 <ul class="org-ul">
-<li>for on-demand raytracing
-</li>
-</ul>
-</li>
+<li>for on-demand raytracing</li>
+</ul></li>
 </ul>
 
 <p>
@@ -336,8 +380,8 @@ datastructure.
 </div>
 </div>
 
-<div id="outline-container-sec-4-2" class="outline-3">
-<h3 id="sec-4-2"><span class="section-number-3">4.2</span> Conway's Game of Life</h3>
+<div id="outline-container-org4a93a25" class="outline-3">
+<h3 id="org4a93a25"><span class="section-number-3">4.2</span> Conway's Game of Life</h3>
 <div class="outline-text-3" id="text-4-2">
 <p>
 The Game of Life, also known simply as Life, is a cellular automaton
@@ -345,30 +389,24 @@ devised by the British mathematician John Horton Conway in 1970.
 </p>
 
 <ul class="org-ul">
-<li><a href="https://en.wikipedia.org/wiki/Conway's_Game_of_Life">https://en.wikipedia.org/wiki/Conway's_Game_of_Life</a>
+<li><a href="https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life">https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life</a>
 <ul class="org-ul">
 <li>Game rules:
 <ul class="org-ul">
-<li>2 cell states: alive / dead
-</li>
-<li>Each cell sees 8 neighboring cells.
-</li>
+<li>2 cell states: alive / dead</li>
+<li>Each cell sees 8 neighboring cells.</li>
 <li>If alive cell neighbors count is 2 or 3, then cell survives,
-otherwise it dies.
-</li>
-<li>Dead cell becomes alive if neighbors count is exactly 3.
-</li>
-</ul>
-</li>
-</ul>
-</li>
+otherwise it dies.</li>
+<li>Dead cell becomes alive if neighbors count is exactly 3.</li>
+</ul></li>
+</ul></li>
 </ul>
 
 
-<figure>
-<p><img src="screenshots/life.png" class="img-responsive" alt="life.png">
+<div id="org078306e" class="figure">
+<p><img src="screenshots/life.png" alt="life.png" />
 </p>
-</figure>
+</div>
 
 <p>
 Current application projects 2D game grid/matrix onto three
@@ -379,64 +417,61 @@ history (previous iterations) using glowing dots suspended in space.
 <p>
 Usage:
 </p>
-<table class="table table-striped table-bordered table-hover table-condensed">
+<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
 
 
 <colgroup>
-<col  class="left">
+<col  class="org-left" />
 
-<col  class="left">
+<col  class="org-left" />
 </colgroup>
 <thead>
 <tr>
-<th scope="col" class="text-left">key</th>
-<th scope="col" class="text-left">result</th>
+<th scope="col" class="org-left">key</th>
+<th scope="col" class="org-left">result</th>
 </tr>
 </thead>
 <tbody>
 <tr>
-<td class="text-left">mouse click on the cell (cell)</td>
-<td class="text-left">toggles cell state</td>
+<td class="org-left">mouse click on the cell (cell)</td>
+<td class="org-left">toggles cell state</td>
 </tr>
 
 <tr>
-<td class="text-left">&lt;space&gt;</td>
-<td class="text-left">next iteration</td>
+<td class="org-left">&lt;space&gt;</td>
+<td class="org-left">next iteration</td>
 </tr>
 
 <tr>
-<td class="text-left">ENTER</td>
-<td class="text-left">next iteeration with the history</td>
+<td class="org-left">ENTER</td>
+<td class="org-left">next iteeration with the history</td>
 </tr>
 
 <tr>
-<td class="text-left">"c"</td>
-<td class="text-left">clear the matrix</td>
+<td class="org-left">"c"</td>
+<td class="org-left">clear the matrix</td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
 
-<div id="outline-container-sec-4-3" class="outline-3">
-<h3 id="sec-4-3"><span class="section-number-3">4.3</span> Text editors</h3>
+<div id="outline-container-org6ee86f3" class="outline-3">
+<h3 id="org6ee86f3"><span class="section-number-3">4.3</span> Text editors</h3>
 <div class="outline-text-3" id="text-4-3">
 
-<figure>
-<p><img src="screenshots/text editors.png" class="img-responsive" alt="text editors.png">
+<div id="orgf87c091" class="figure">
+<p><img src="screenshots/text editors.png" alt="text editors.png" />
 </p>
-</figure>
+</div>
 
 <p>
 Initial test for creating user interfaces in 3D and:
 </p>
 <ul class="org-ul">
-<li>window focus handling
-</li>
-<li>picking objecs using mouse
-</li>
-<li>redirecting keyboard input to focused window
-</li>
+<li>window focus handling</li>
+<li>picking objecs using mouse</li>
+<li>redirecting keyboard input to focused window</li>
 </ul>
 
 
@@ -468,48 +503,41 @@ again, window must be unfocused first using ESC key.
 <li>Improve focus handling:
 <ul class="org-ul">
 <li>Perhaps add shortcut to navigate world without exiting entire
-stack of focus.
-</li>
-<li>Possibility to retain and reuse recently focused elements.
-</li>
+stack of focus.</li>
+<li>Possibility to retain and reuse recently focused elements.</li>
 <li>Store user location in the world and view direction with the
 focused window. So that when returning focus to far away object,
-user is redirected also to proper location in the world.
-</li>
-</ul>
-</li>
+user is redirected also to proper location in the world.</li>
+</ul></li>
 <li>Possibility to store recently visited locations in the world and
-return to them.
-</li>
-</ul>
-</li>
+return to them.</li>
+</ul></li>
 </ul>
 </div>
 </div>
-<div id="outline-container-sec-4-4" class="outline-3">
-<h3 id="sec-4-4"><span class="section-number-3">4.4</span> Mathematical formulas</h3>
+<div id="outline-container-orgdaa46bd" class="outline-3">
+<h3 id="orgdaa46bd"><span class="section-number-3">4.4</span> Mathematical formulas</h3>
 <div class="outline-text-3" id="text-4-4">
 
-<figure>
-<p><img src="screenshots/mathematical formulas.png" class="img-responsive" alt="mathematical formulas.png">
+<div id="orgf582a24" class="figure">
+<p><img src="screenshots/mathematical formulas.png" alt="mathematical formulas.png" />
 </p>
-</figure>
+</div>
 
 <ul class="org-ul">
 <li>TODO: instead of projecting 2D visualizations onto 3D space,
-visualize some formula using all 3 dimensions avaliable.
-</li>
+visualize some formula using all 3 dimensions avaliable.</li>
 </ul>
 </div>
 </div>
-<div id="outline-container-sec-4-5" class="outline-3">
-<h3 id="sec-4-5"><span class="section-number-3">4.5</span> Sinus heightmaps and sphere</h3>
+<div id="outline-container-orga9bf86e" class="outline-3">
+<h3 id="orga9bf86e"><span class="section-number-3">4.5</span> Sinus heightmaps and sphere</h3>
 <div class="outline-text-3" id="text-4-5">
 
-<figure>
-<p><img src="screenshots/sinus heightmaps and sphere.png" class="img-responsive" alt="sinus heightmaps and sphere.png">
+<div id="org4fe1971" class="figure">
+<p><img src="screenshots/sinus heightmaps and sphere.png" alt="sinus heightmaps and sphere.png" />
 </p>
-</figure>
+</div>
 
 <p>
 Simple test scene. Easy to implement and looks nice.
@@ -517,34 +545,11 @@ Simple test scene. Easy to implement and looks nice.
 </div>
 </div>
 </div>
-</div><div class="col-md-3"><nav id="table-of-contents">
-<div id="text-table-of-contents" class="bs-docs-sidebar">
-<ul class="nav">
-<li><a href="#sec-1">1. General</a>
-<ul class="nav">
-<li><a href="#sec-1-1">1.1. Source code</a></li>
-</ul>
-</li>
-<li><a href="#sec-2">2. Overview</a></li>
-<li><a href="#sec-3">3. Navigating in space</a></li>
-<li><a href="#sec-4">4. Samples</a>
-<ul class="nav">
-<li><a href="#sec-4-1">4.1. Raytracing through voxels</a></li>
-<li><a href="#sec-4-2">4.2. Conway's Game of Life</a></li>
-<li><a href="#sec-4-3">4.3. Text editors</a></li>
-<li><a href="#sec-4-4">4.4. Mathematical formulas</a></li>
-<li><a href="#sec-4-5">4.5. Sinus heightmaps and sphere</a></li>
-</ul>
-</li>
-</ul>
 </div>
-</nav>
-</div></div></div>
-<footer id="postamble" class="">
-<div><p class="author">Author: Svjatoslav Agejenko</p>
-<p class="date">Created: 2018-06-24 Sun 02:37</p>
-<p class="creator"><a href="http://www.gnu.org/software/emacs/">Emacs</a> 25.1.1 (<a href="http://orgmode.org">Org-mode</a> 8.2.10)</p>
+<div id="postamble" class="status">
+<p class="author">Author: Svjatoslav Agejenko</p>
+<p class="date">Created: 2021-05-29 Sat 02:31</p>
+<p class="validation"><a href="https://validator.w3.org/check?uri=referer">Validate</a></p>
 </div>
-</footer>
 </body>
 </html>