x_ite 8.0.0 → 8.3.0

package/docs/_tabs/imprint.md

@@ -0,0 +1,52 @@
+---
+# the default layout is 'page'
+title: Imprint
+icon: fas fa-info-circle
+order: 6
+---
+## Contact
+
+**Holger Seelig**<br/>
+Scheffelstraße 31a<br/>
+04277 Leipzig<br/>
+Germany
+
+**Phone**<br/>
+[+49 176 42 04 79 37](tel:+4917642047937)
+
+**E-Mail**<br/>
+<holger.seelig@gmail.com>
+
+## Copyright
+
+X_ITE and all its publication like this website are free software: you can redistribute it and/or modify it under the terms of the GNU General Public License version 3 only, as published by the Free Software Foundation.
+
+X_ITE is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License version 3 for more details (a copy is included in the LICENSE file that accompanied this code).
+
+You should have received a copy of the GNU General Public License version 3 along with X_ITE. If not, see <http://www.gnu.org/licenses/gpl.html> for a copy of the GPLv3 License.
+
+## Non-military use only
+
+All create3000 software are effectively free software with a non-military use restriction. It is free. Well commented source is provided. You may reuse the source in any way you please with the exception anything that uses it must be marked to indicate is contains »non-military use only« components.
+
+## Content
+
+The author reserves the right not to be responsible for the topicality, correctness, completeness or quality of the information provided. Liability claims regarding damage caused by the use of any information provided, including any kind of information which is incomplete or incorrect, will therefore be rejected.
+
+All offers are not-binding and without obligation. Parts of the pages or the complete publication including all offers and information might be extended, changed or partly or completely deleted by the author without separate announcement.
+
+## Referrals and links
+
+The author is not responsible for any contents linked or referred to from his pages — unless he has full knowledge of illegal contents and would be able to prevent the visitors of his site from viewing those pages. If any damage occurs by the use of information presented there, only the author of the respective pages might be liable, not the one who has linked to these pages. Furthermore the author is not liable for any postings or messages published by users of discussion boards, guestbooks or mailinglists provided on his page.
+
+## Privacy policy
+
+If the opportunity for the input of personal or business data (email addresses, name, addresses) is given, the input of these data takes place voluntarily. The use and payment of all offered services are permitted — if and so far technically possible and reasonable - without specification of any personal data or under specification of anonymized data or an alias. The use of published postal addresses, telephone or fax numbers and email addresses for marketing purposes is prohibited, offenders sending unwanted spam messages will be punished.
+
+## Legal validity of this disclaimer
+
+This disclaimer is to be regarded as part of the internet publication which you were referred from. If sections or individual terms of this statement are not legal or correct, the content or validity of the other parts remain uninfluenced by this fact.
+
+## Responsibility
+
+(see above)

package/docs/_tabs/laboratory.md

@@ -0,0 +1,14 @@
+---
+# the default layout is 'page'
+title: Laboratory
+icon: fas fa-flask-vial
+order: 4
+---
+* [X3D Visual Blend Mode Editor](/x_ite/laboratory/x3d-visual-blend-mode-editor)
+* [3D L-System Generator](/x_ite/laboratory/3d-l-system-generator)
+* [Online DICOM and NRRD File Viewer](/x_ite/laboratory/online-dicom-and-nrrd-file-viewer)
+* [Real time Earth Quake Information](/x_ite/laboratory/real-time-earth-quake-information)
+
+## D3-X3D
+
+D3-X3D combines the power of [D3.js](http://www.d3js.org/){:target="_blank"} with X3D and can be found on [GitHub](https://github.com/jamesleesaunders/d3-x3d#d3-x3d){:target="_blank"}.

package/docs/_tabs/playground.html

@@ -0,0 +1,246 @@
+---
+title: Playground
+layout: wide
+order: 3
+icon: fas fa-rocket
+---
+<style>
+.row, .post, .post-content {
+   height: 100%;
+}
+
+.dynamic-title {
+   display: none;
+}
+
+/* Table */
+
+table {
+  width: 100%;
+  height: 100%;
+  table-layout: fixed;
+}
+
+table td {
+   width: 50%;
+   vertical-align: top;
+}
+
+/* Editor */
+
+#editor, .console {
+   outline: none;
+   border: none;
+   padding: 0.5rem;
+   background: rgba(0,0,0,0.2);
+   width: 100%;
+   height: 100%;
+   resize: none;
+   font-family: monospace;
+   font-size: 0.8rem;
+   line-height: 1.4;
+   white-space: pre;
+}
+
+.ace_gutter {
+   background: rgba(255,255,255,0.05) !important;
+}
+
+/* XML */
+
+.ace_tag-open, .ace_tag-close, .ace_end-tag-open {
+   color: var(--text-color) !important;
+}
+
+.ace_tag-name {
+   color: #5a9cd8 !important;
+}
+
+.ace_attribute-name {
+   color: #9fdcfe !important;
+}
+
+.ace_attribute-equals {
+   color: #d4d4d4 !important;
+}
+
+.ace_attribute-value {
+   color: #cd9177 !important;
+}
+
+/* JSON */
+
+.ace_paren {
+   color: #fdd601 !important;
+}
+
+.ace_identifier {
+   color: #9fdcfe !important;
+}
+
+.ace_variable {
+   color: #9fdcfe !important;
+}
+
+.ace_numeric {
+   color: #b7cea5 !important;
+}
+
+.ace_string {
+   color: #cd9177 !important;
+}
+
+.ace_boolean {
+   color: #5a9cd8 !important;
+}
+
+/* Console */
+
+.console {
+   --system-red: rgb(255, 69, 58);
+   --system-yellow: rgb(255, 214, 10);
+   --system-blue: rgb(10, 132, 255);
+   overflow: scroll;
+}
+
+span.info {
+   color: var(--system-blue);
+}
+
+span.warning {
+   color: var(--system-yellow);
+}
+
+span.error {
+   color: var(--system-red);
+}
+
+/* Canvas */
+
+.post x3d-canvas {
+   width: 100%;
+   height: 100%;
+   aspect-ratio: unset;
+}
+</style>
+
+<pre style="display:none">
+Online X3D and VRML viewer.
+<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.13.1/ace.min.js"></script>
+<script>
+$(function ()
+{
+   ace .config .set ("basePath", "https://cdnjs.cloudflare.com/ajax/libs/ace/1.13.1/");
+
+   const editor = ace .edit ("editor");
+
+   editor .setTheme ("ace/theme/monokai");
+   editor .session .setOptions ({ tabSize: 2, useSoftTabs: true });
+
+   editor .getSession () .on ("change", async function ()
+   {
+      const
+         Browser = X3D .getBrowser (),
+         text    = editor .getSession () .getValue (),
+         url     = "data:," + text;
+
+      if (text .match (/<\w+/))
+      {
+         editor .session .setMode ("ace/mode/xml");
+         editor .getSession () .setUseWorker (true);
+      }
+      else if (text .match (/\w+\s*\{/))
+      {
+         editor .session .setMode ("ace/mode/javascript");
+         editor .getSession () .setUseWorker (false);
+      }
+      else if (text .match (/"\w+"\s*:\s*\{/))
+      {
+         editor .session .setMode ("ace/mode/json");
+         editor .getSession () .setUseWorker (true);
+      }
+
+      if (Browser .getActiveViewpoint ())
+      {
+         const
+            positionOffset    = Browser .getActiveViewpoint () ._positionOffset    .copy (),
+            orientationOffset = Browser .getActiveViewpoint () ._orientationOffset .copy ();
+
+         await Browser .loadURL (new X3D .MFString (url)) .catch (Function .prototype);
+
+         Browser .getActiveViewpoint () ._positionOffset    = positionOffset;
+         Browser .getActiveViewpoint () ._orientationOffset = orientationOffset;
+      }
+      else
+      {
+         await Browser .loadURL (new X3D .MFString (url)) .catch (Function .prototype);
+      }
+   });
+
+   const box = `<X3D profile='Full' version='4.0'>
+   <Scene>
+      <Shape>
+         <Appearance>
+            <Material
+               diffuseColor='0 0.5 1'></Material>
+         </Appearance>
+         <Box></Box>
+      </Shape>
+   </Scene>
+</X3D>
+`;
+
+   editor .setValue (box .replace (/ {3}/g, "  "), -1);
+   editor .getSession () .setUndoManager (new ace .UndoManager ());
+});
+</script>
+</pre>
+
+<script>
+(function ()
+{
+   function output (log, classes)
+   {
+      return function ()
+      {
+         const args = arguments;
+
+         $(function ()
+         {
+            const
+               text    = Array .prototype .slice .call (args) .join ("") + "\n",
+               element = $("<span></span>") .addClass (classes) .text (text);
+
+            log .apply (this, args);
+
+            $(".console") .append (element);
+            element [0] .scrollIntoView (false);
+         });
+      }
+   }
+
+   console .log     = output (console .log,     "log");
+   console .info    = output (console .info,    "info");
+   console .warning = output (console .warning, "warning");
+   console .error   = output (console .error,   "error");
+   console .debug   = output (console .debug,   "debug");
+})();
+</script>
+
+<table>
+   <tr>
+      <td>
+         <table>
+            <tr>
+               <td><x3d-canvas splashScreen="false"></x3d-canvas></td>
+            </tr>
+            <tr>
+               <td><div class="console"></div></td>
+            </tr>
+         </table>
+      </td>
+      <td>
+         <div id="editor"></div>
+      </td>
+   </tr>
+</table>

package/docs/_tabs/reference.md

@@ -0,0 +1,7 @@
+---
+# the default layout is 'page'
+order: 1
+redirect: /x_ite/reference/script-node-authoring-interface
+layout: redirect-page
+icon: fas fa-flag
+---

package/docs/_tabs/tags.md

@@ -0,0 +1,5 @@
+---
+layout: tags
+icon: fas fa-tag
+order: 5
+---

package/docs/_tabs/tutorials.md

@@ -0,0 +1,7 @@
+---
+# the default layout is 'page'
+order: 2
+redirect: /x_ite/tutorials/overview
+layout: redirect-page
+icon: fas fa-graduation-cap
+---

package/docs/assets/css/style.scss

@@ -0,0 +1,194 @@
+---
+---
+
+/*
+  If the number of TAB files has changed, the following variable is required.
+  And it must be defined before `@import`.
+*/
+$tab-count: {{ site.tabs | size | plus: 1 }}; // plus 1 for home tab
+
+@import "{{ site.theme }}";
+
+html {
+  --nav-border-color: rgba(158,158,158,0.17);
+  --nav-active-page: rgb(168, 182, 206);
+  --h4-color: rgb(175, 206, 255);
+  --example-background-color: rgba(27,27,30,0.4);
+  --button-background-color: black;
+}
+
+html[data-mode=light] {
+  --button-background-color: white;
+}
+
+/* append your custom style below */
+
+a {
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+#topbar-title {
+  text-transform: uppercase;
+}
+
+#sidebar #avatar > a {
+  border-radius: 0;
+  border: none;
+}
+
+#nav-wrapper {
+  border-left: 1px solid var(--nav-border-color);
+  margin-bottom: 4rem;
+  transition: top 0.2s ease-in-out;
+  -webkit-animation: fade-up 0.8s;
+  animation: fade-up 0.8s;
+}
+
+#nav-wrapper a.active {
+  color: var(--nav-active-page);
+}
+
+@media all and (max-width: 1199px) {
+  #panel-wrapper {
+    display: block;
+  }
+
+  #nav-wrapper {
+    margin-bottom: 0;
+  }
+
+  #toc-wrapper {
+    display: none;
+  }
+}
+
+.post h1 {
+  color: var(--link-color);
+  font-weight: bold;
+}
+
+.post h2 {
+  color: #e4e45d;
+}
+
+.post h3 {
+  color: #b9894f;
+}
+
+.post h4 {
+  color: var(--link-color);
+}
+
+.post h4 strong {
+  color: var(--h4-color);
+}
+
+.table-wrapper > table tbody tr td,
+.table-wrapper > table thead th {
+  white-space: initial;
+}
+
+.table-wrapper > table.examples tbody tr {
+  border: none;
+  background-color: var(--tb-odd-bg);
+}
+
+.table-wrapper > table.examples tbody tr td {
+  border: 3px solid var(--tb-odd-bg);
+  padding: 0;
+  font-size: 0;
+}
+
+@media all and (max-width: 849px) {
+  .table-wrapper > table.examples tbody tr td {
+    border-width: 2px;
+  }
+}
+
+@media all and (max-width: 576px) {
+  .table-wrapper > table.examples tbody tr td {
+    border-width: 1px;
+  }
+}
+
+.post x3d-canvas,
+.post iframe {
+  border: none;
+  width: 100%;
+  height: auto;
+  aspect-ratio: 16 / 9;
+}
+
+.example {
+  z-index: 2;
+  position: fixed;
+  bottom: 1rem;
+  right: 1rem;
+  background: var(--example-background-color);
+  -webkit-backdrop-filter: blur(10px);
+  backdrop-filter: blur(10px);
+  border-top: 1px solid var(--nav-border-color);
+  box-shadow: 0px 0px 10px var(--button-background-color);
+}
+
+.example p {
+  margin-top: 0;
+  margin-bottom: 0;
+  text-shadow: 1px 1px 0px var(--button-background-color);
+}
+
+.example x3d-canvas {
+  display: block;
+  width: 50vw;
+  height: auto;
+  aspect-ratio: 16 / 9;
+}
+
+@media all and (max-width: 849px) {
+  .example x3d-canvas {
+    width: 80vw;
+  }
+}
+
+@media all and (max-width: 576px) {
+  .example {
+    left: 15px;
+    right: 15px;
+  }
+
+  .example x3d-canvas {
+    width: 100%;
+  }
+}
+
+.example .fa-circle-xmark {
+  position: absolute;
+  display: block;
+  border-radius: 50%;
+  width: 36px;
+  height: 36px;
+  padding: 10px;
+  left: -20px;
+  top: -18px;
+  cursor: pointer;
+}
+
+.example .fa-circle-xmark::after {
+  content: " ";
+  z-index: -1;
+  position: relative;
+  display: block;
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  left: 0px;
+  top: -16px;
+  background: var(--button-background-color);
+}
+
+.nav-item i {
+  display: initial !important;
+  margin-left: 0.2rem !important;
+  margin-right: 0.2rem !important;
+}

package/docs/assets/img/favicons/safari-pinned-tab.svg

@@ -0,0 +1,71 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1024.000000pt" height="1024.000000pt" viewBox="0 0 1024.000000 1024.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1024.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3660 9838 c-12 -35 -47 -130 -77 -213 -30 -82 -66 -179 -78 -215
+-41 -112 -79 -215 -81 -219 -2 -3 -284 228 -304 249 -3 3 -59 50 -125 105 -66
+54 -124 105 -128 112 -11 18 -25 16 -31 -4 -5 -17 -30 -153 -42 -231 -3 -20
+-9 -55 -14 -77 -5 -22 -14 -69 -19 -105 -6 -36 -13 -75 -15 -86 -2 -12 -7 -39
+-10 -60 -4 -22 -8 -46 -11 -54 -2 -8 -6 -37 -10 -65 -3 -27 -8 -52 -11 -55 -3
+-2 -20 4 -37 14 -18 11 -50 29 -72 41 -22 12 -146 84 -275 160 -129 75 -247
+143 -262 151 l-28 14 0 -1974 0 -1975 -101 -278 c-55 -153 -156 -431 -224
+-619 -68 -187 -128 -351 -134 -365 -5 -13 -40 -107 -76 -209 -36 -102 -72
+-201 -79 -220 -8 -19 -25 -66 -39 -105 -14 -38 -50 -137 -80 -220 -30 -82 -77
+-213 -105 -290 -28 -77 -151 -414 -272 -750 -122 -335 -233 -641 -246 -679
+l-24 -68 23 5 c12 3 90 17 172 32 83 14 161 27 174 30 31 6 258 46 296 52 17
+2 47 8 69 13 l38 8 -6 -36 c-3 -20 -8 -50 -11 -67 -3 -16 -7 -43 -10 -60 -3
+-16 -7 -41 -10 -55 -4 -21 -15 -80 -31 -175 -9 -53 -24 -143 -29 -165 -2 -13
+-7 -40 -10 -60 -3 -20 -8 -47 -10 -60 -16 -77 -17 -93 -3 -88 7 3 110 40 228
+83 118 42 275 99 348 126 73 27 136 49 140 49 5 0 8 -169 7 -376 0 -206 2
+-379 5 -384 4 -7 336 174 420 229 8 6 42 25 75 44 112 64 130 74 295 169 91
+53 181 105 200 115 19 11 121 69 225 130 105 60 327 189 495 285 168 97 375
+216 460 265 85 49 175 101 200 115 25 14 176 101 335 193 160 92 306 176 325
+187 19 11 51 29 70 40 163 95 358 206 374 212 11 3 35 9 55 12 20 2 56 9 81
+14 25 5 137 25 250 45 179 30 262 45 280 50 3 0 26 4 51 8 76 13 100 17 189
+33 113 21 116 22 185 33 33 6 71 12 85 15 26 5 119 21 180 31 52 9 251 44 280
+50 14 3 41 8 60 11 49 7 64 10 250 43 91 17 181 33 200 36 19 3 46 8 60 10 59
+12 69 14 175 31 38 6 640 113 692 123 29 6 74 13 100 17 26 3 50 8 53 9 3 2
+23 6 45 9 22 4 114 19 205 35 91 16 221 39 290 51 69 12 127 24 128 25 3 3
+-166 209 -275 335 -88 102 -203 243 -203 249 0 3 33 18 73 32 289 102 647 235
+644 240 -1 4 -47 44 -102 90 -55 46 -102 86 -105 89 -3 3 -30 25 -60 50 -30
+25 -57 47 -60 50 -3 4 -62 54 -133 112 -70 59 -124 109 -120 111 5 3 127 73
+273 157 146 84 281 162 300 173 19 11 47 27 63 34 15 8 27 18 27 23 0 4 -109
+71 -242 148 -134 77 -353 204 -488 282 -135 79 -265 154 -290 168 -25 13 -49
+28 -55 32 -5 4 -30 19 -55 32 -25 14 -171 99 -325 188 -154 90 -300 174 -325
+188 -25 14 -61 35 -80 47 -19 12 -42 25 -50 28 -8 4 -28 16 -45 26 -16 10
+-142 84 -280 163 -137 80 -300 174 -361 210 -61 36 -117 68 -125 72 -8 4 -23
+12 -34 19 -36 21 -175 102 -395 230 -320 185 -333 193 -360 229 -14 18 -43 53
+-65 78 -22 26 -49 58 -60 71 -64 78 -321 385 -325 389 -4 3 -51 59 -105 125
+-55 66 -102 122 -105 125 -3 3 -63 75 -135 160 -71 85 -132 157 -135 160 -3 3
+-25 30 -50 60 -48 59 -408 489 -444 530 -12 14 -66 79 -121 145 -55 66 -102
+122 -105 125 -3 3 -41 48 -84 100 -102 123 -159 191 -171 204 -6 6 -55 65
+-110 131 -55 66 -110 131 -122 145 -45 53 -259 308 -316 378 -33 39 -63 72
+-67 72 -4 0 -17 -28 -30 -62z m227 -2304 c186 -108 381 -221 433 -252 52 -30
+109 -63 125 -72 17 -10 73 -42 125 -72 52 -30 114 -66 137 -81 24 -15 45 -27
+47 -27 3 0 40 -21 83 -46 186 -109 304 -178 352 -205 361 -204 562 -328 606
+-375 6 -5 49 -43 98 -83 48 -41 91 -79 95 -86 4 -7 30 -39 58 -71 29 -32 87
+-102 130 -154 43 -52 83 -100 89 -106 5 -6 28 -33 50 -60 22 -26 57 -68 79
+-93 21 -25 45 -55 55 -66 56 -68 188 -225 210 -250 14 -16 114 -136 222 -265
+108 -129 205 -245 215 -257 11 -12 26 -30 34 -40 35 -43 215 -258 220 -263 3
+-3 51 -59 105 -125 55 -66 110 -131 122 -145 13 -14 23 -27 23 -30 0 -3 -17
+-14 -38 -26 -20 -11 -113 -65 -207 -119 -93 -54 -188 -108 -210 -120 -22 -12
+-75 -43 -118 -69 -43 -25 -80 -46 -81 -46 -3 0 -257 -146 -296 -170 -8 -5 -64
+-37 -124 -72 -60 -35 -130 -75 -155 -90 -25 -15 -62 -35 -81 -46 -19 -11 -211
+-121 -427 -245 -215 -124 -404 -232 -421 -241 -45 -23 -299 -114 -335 -120
+-18 -3 -57 -10 -87 -16 -30 -6 -71 -13 -90 -16 -19 -3 -69 -11 -110 -19 -41
+-8 -93 -17 -115 -21 -22 -3 -85 -14 -140 -24 -55 -10 -113 -21 -130 -24 -16
+-2 -68 -11 -115 -20 -142 -25 -822 -144 -864 -150 -21 -4 -41 -8 -45 -10 -3
+-2 -27 -7 -53 -10 -25 -4 -97 -15 -160 -27 -62 -11 -124 -22 -138 -24 -14 -3
+-36 -7 -50 -10 -34 -6 -78 -14 -120 -21 -19 -3 -84 -14 -144 -25 -59 -11 -110
+-18 -113 -15 -3 3 -5 577 -4 1276 1 1058 4 1284 16 1348 16 86 22 119 30 177
+12 80 29 134 101 330 20 55 45 125 56 155 11 30 147 406 303 835 296 816 320
+881 366 1009 16 43 29 80 29 82 0 13 53 -15 357 -192z"/>
+</g>
+</svg>

package/docs/assets/js/example.js

@@ -0,0 +1,34 @@
+$("table.examples a") .on ("click", function ()
+{
+   let
+      div      = $("div.example"),
+      header   = div .find (".header"),
+      canvas   = div .find ("x3d-canvas"),
+      zip      = div .find ("zip");
+
+   if (div .length)
+   {
+      canvas .prop ("browser") .beginUpdate ();
+      div .show ();
+   }
+   else
+   {
+      div    = $("<div></div>") .addClass ("example") .appendTo ("body");
+      header = $("<p></p>") .addClass ("header") .appendTo (div);
+      canvas = $("<x3d-canvas></x3d-canvas>") .appendTo (div);
+
+      $("<i></i>") .addClass (["fas", "fa-solid", "fa-circle-xmark", "fa-fw"]) .appendTo (div) .on ("click", function ()
+      {
+         canvas .prop ("browser") .endUpdate ();
+         div .hide ();
+      });
+
+      zip = $("<a></a>") .addClass ("zip") .text ("Download ZIP Archive") .appendTo ($("<p></p>") .appendTo (div));
+   }
+
+   header .text ($(this) .attr ("title"));
+   canvas .attr ("src", $(this) .attr ("href"));
+   zip    .attr ("href", $(this) .attr ("href") .replace (/\.x3d$/, ".zip"));
+
+   return false;
+});