KentVejrupMadsen · KentVejrupMadsen · Aug 28, 2022 · Jul 24, 2022 · Jul 24, 2022 · Jul 24, 2022
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,12 @@
+# Default for all
+* text=auto
+
+*.md diff=markdown eol=crlf
+
+*.sh diff=sh eol=lf
+*.js diff=text eol=lf
+*.java diff=java eol=crlf
+
+# Git attributes
+.gitignore text eol=lf
+.gitattributes text eol=lf
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.idea/*
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/.idea/Codespace.JavaScript.iml b/.idea/Codespace.JavaScript.iml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/.idea/watcherTasks.xml b/.idea/watcherTasks.xml
diff --git a/compileStyle.sh → AI/compileStyle.sh b/compileStyle.sh → AI/compileStyle.sh
diff --git a/AI/index.html b/AI/index.html
@@ -0,0 +1,87 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8">
+        <title>
+            Home
+        </title>
+
+        <meta http-equiv="refresh" content="15">
+    </head>
+    <body>
+        <header>
+
+        </header>
+        <main>
+            <div>
+                <canvas id="mainCanvas" width="720" height="400" class="r180deg">
+                </canvas>
+            </div>
+
+            <div id="diagram">
+                <h4> Diagram </h4>
+                <div id="diagram_values">
+
+                </div>
+            </div>
+
+            <div id="statistics">
+                <h4> Statistics </h4>
+                <div id="statistics_values">
+
+                </div>
+            </div>
+
+        </main>
+        <footer>
+
+        </footer>
+    </body>
+
+    <script src="scripts/math/vector.js">
+    </script>
+
+    <script src="scripts/intelligence/train.js" >
+    </script>
+
+    <script src="scripts/functions.js">
+    </script>
+
+    <script src="scripts/intelligence/neurons.js">
+    </script>
+
+    <script src="scripts/diagram/diagram_mouseEvents.js">
+    </script>
+
+    <script src="scripts/diagram/diagram_axis.js">
+    </script>
+
+    <script src="scripts/diagram/diagram_grid.js">
+    </script>
+
+
+    <script src="scripts/diagram/diagrams_color.js">
+    </script>
+
+    <script src="scripts/diagram/diagram.js" >
+    </script>
+
+    <script src="scripts/diagram/diagram_graph.js" >
+    </script>
+
+    <script src="scripts/diagram/elements/nodeElements.js" >
+    </script>
+
+    <script src="scripts/diagram/elements/nodeNetwork.js" >
+    </script>
+
+    <script src="scripts/intelligence/network.js" >
+    </script>
+
+    <script src="scripts/code.js">
+    </script>
+
+
+    <link rel="stylesheet"
+          href="scss/style.css" >
+</html>
diff --git a/AI/scripts/code.js b/AI/scripts/code.js
@@ -0,0 +1,36 @@
+let diagram = null;
+
+let lock = false;
+
+
+function onSizeChange( e )
+{
+    if( !lock )
+    {
+        lock = true;
+
+        diagram.dimensionsIsChanged = true;
+
+        lock = false;
+    }
+}
+
+function main()
+{
+    diagram = new Diagram("mainCanvas" );
+    diagram.initialise();
+
+    draw();
+}
+
+function draw()
+{
+    diagram.clean();
+    diagram.draw();
+
+    requestAnimationFrame( draw );
+}
+
+addEventListener("resize", function (e){onSizeChange(e)});
+
+addEventListener("load", function (e){main();});
diff --git a/AI/scripts/diagram/diagram.js b/AI/scripts/diagram/diagram.js
@@ -0,0 +1,180 @@
+class Diagram
+{
+    constructor( id )
+    {
+        this.__initialise_canvas( id );
+        this.__initialise_mouseEvent();
+
+        this.dimensions = null;
+        this.dimensionsIsChanged = false;
+
+        this.origin = ZeroPositionVector.generate();
+
+        this.axis = new PresentAxis();
+        this.grid = new PresentGrid();
+
+        this.layers = new NodeNetwork(4, 12, 8, 3 );
+        this.layers.connectNeighbors();
+
+        this.useDiagram = new DiagramGraph( this.context, this.Dimensions, this.layers );
+    }
+
+
+    __initialise_mouseEvent()
+    {
+        DiagramMouseEventHandler.setup( this.document );
+        this.mouseEventHandler = DiagramMouseEventHandler.retrieveHandler();
+    }
+
+    __initialise_canvas( id )
+    {
+        this.document = document.getElementById( id );
+
+        this.document.width = window.innerWidth - 200;
+        this.document.height = window.innerHeight - 100;
+
+        this.context = this.document.getContext("2d" );
+    }
+
+
+
+
+    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/width
+    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/height
+    __cache_size()
+    {
+        const width = this.document.width;
+        const heigth = this.document.height;
+
+        this.dimensions = new Vector( width, heigth );
+    }
+
+    get Layers()
+    {
+        return this.layers;
+    }
+
+
+    get Origin()
+    {
+        return this.origin;
+    }
+
+
+    get Dimensions()
+    {
+        if( this.DimensionsIsEmpty )
+        {
+            this.__cache_size();
+        }
+
+        return this.dimensions;
+    }
+
+
+    // Accessors
+    get Axis()
+    {
+        return this.axis;
+    }
+
+    get Grid()
+    {
+        return this.grid;
+    }
+
+    get Width()
+    {
+        if( this.DimensionsIsEmpty )
+        {
+            this.__cache_size();
+        }
+
+        return this.dimensions.X;
+    }
+
+    get Heigth()
+    {
+        if( this.DimensionsIsEmpty )
+        {
+            this.__cache_size();
+        }
+
+        return this.dimensions.Y;
+    }
+
+    get DimensionsIsEmpty()
+    {
+        return this.dimensions == null;
+    }
+
+
+
+    // Code
+    initialise()
+    {
+        console.log( { 'width': this.Width, 'heigth': this.Heigth } );
+
+        this.grid.Screen = this.Dimensions;
+        this.axis.Screen = this.Dimensions;
+    }
+
+    update()
+    {
+        this.__update_dimensions();
+
+    }
+
+    __calc_window_width()
+    {
+        return window.innerWidth - 100;
+    }
+
+    __calc_window_height()
+    {
+        return window.innerHeight - 200;
+    }
+
+    __update_dimensions()
+    {
+        if( this.dimensionsIsChanged )
+        {
+            const widthDimension = this.__calc_window_width();
+            const heightDimension = this.__calc_window_height();
+
+            this.document.width = widthDimension;
+            this.document.height = heightDimension;
+
+            this.dimensions.assign( widthDimension, heightDimension );
+
+            this.dimensionsIsChanged = false;
+        }
+    }
+
+    draw()
+    {
+        this.update();
+        this.clean();
+
+        this.mouseEventHandler.drawMouse();
+
+        this.axis.draw( this.context );
+        this.grid.draw( this.context );
+
+        this.useDiagram.draw();
+    }
+
+
+    clean()
+    {
+        this.clearArea( this.Origin,
+                        this.Dimensions );
+    }
+
+
+    clearArea( pS, pE )
+    {
+        this.context.clearRect( pS.X, pS.Y,
+                                pE.X, pE.Y );
+    }
+}