diff --git a/archive/README-2018-06-02.md b/archive/README-2018-06-02.md deleted file mode 100644 index a41c02c..0000000 --- a/archive/README-2018-06-02.md +++ /dev/null @@ -1,7 +0,0 @@ -# Mindmapping - -A web-based 3d Mindmap. - -Theo says: here we a-go-go! - -opentecture.github.io/mindmapping/index.html \ No newline at end of file diff --git a/mindmap-3d/r2/mindmap-3d.html b/archive/r2/mindmap-3d.html similarity index 100% rename from mindmap-3d/r2/mindmap-3d.html rename to archive/r2/mindmap-3d.html diff --git a/mindmap-3d/r2/mindmap-3d.json b/archive/r2/mindmap-3d.json similarity index 100% rename from mindmap-3d/r2/mindmap-3d.json rename to archive/r2/mindmap-3d.json diff --git a/mindmap-3d/r3/building-analysis-software-tools.json b/archive/r3/building-analysis-software-tools.json similarity index 100% rename from mindmap-3d/r3/building-analysis-software-tools.json rename to archive/r3/building-analysis-software-tools.json diff --git a/mindmap-3d/r3/mindmap-3d.html b/archive/r3/mindmap-3d.html similarity index 100% rename from mindmap-3d/r3/mindmap-3d.html rename to archive/r3/mindmap-3d.html diff --git a/mindmap-3d/r3/mindmap-3d.json b/archive/r3/mindmap-3d.json similarity index 100% rename from mindmap-3d/r3/mindmap-3d.json rename to archive/r3/mindmap-3d.json diff --git a/mindmap-3d/r3/mindmap.css b/archive/r3/mindmap.css similarity index 100% rename from mindmap-3d/r3/mindmap.css rename to archive/r3/mindmap.css diff --git a/mindmap-3d/r4/mindmap-3d.html b/archive/r4/mindmap-3d.html similarity index 100% rename from mindmap-3d/r4/mindmap-3d.html rename to archive/r4/mindmap-3d.html diff --git a/mindmap-3d/r5/mindmap3d-2018-06-10.html b/archive/r5/mindmap3d-2018-06-10.html similarity index 100% rename from mindmap-3d/r5/mindmap3d-2018-06-10.html rename to archive/r5/mindmap3d-2018-06-10.html diff --git a/mindmap-3d/r5/mindmap3d.html b/archive/r5/mindmap3d.html similarity index 100% rename from mindmap-3d/r5/mindmap3d.html rename to archive/r5/mindmap3d.html diff --git a/index.css b/index.css deleted file mode 100644 index f5ac61b..0000000 --- a/index.css +++ /dev/null @@ -1,120 +0,0 @@ -/* Copyright 2018 pushMe-pullYou authors. MIT License */ - -/* https://www.w3schools.com/colors/colors_names.asp // use colors and borders to help identify the scope of particular elements */ - -html { - --mnu-color: MediumSlateBlue; - --mnu-back-color: ivory; - --mnu-width: 300px; - height: 100%; -} - -body, -html { - font: 12pt monospace; - height: 100%; - margin: 0; -} - -a { - color: var( --mnu-color); - text-decoration: none; -} - -a:hover, -a:focus, -#hamburger:hover { - background-color: yellow; - color: #8888; -} - -blockquote, -pre { - background-color: #eee; - padding: 10px; -} - -button, -input[ type=button] { - background-color: #ddd; - border: none; - color: var( --mnu-color); - cursor: pointer; - padding: 3px 20px; -} - -button:hover { - background-color: #ccc; - color: #fff -} - -iframe { - width: 100%; -} - -input[ type=range] { - -webkit-appearance: none; - -moz-appearance: none; - background-color: #ddd; - width: 100%; -} - -input[ type=range]::-moz-range-thumb { - background-color: #888; - border-radius: 0; - width: 10px; -} - -input[ type=range]::-webkit-slider-thumb { - -webkit-appearance: none; - background-color: #888; - height: 20px; - width: 10px; -} - -td { - vertical-align: top; -} - -#divContainer { - height: 100%; - margin: 0 0 0 var( --mnu-width); - transition: margin-left .5s; - position: relative; -} - -#divContents { - height: 100%; - left: 0; - margin: 0 auto; - right: 0; -} - -#divMenu { - background-color: var( --mnu-back-color); - box-sizing: border-box; - margin: 0; - height: 100%; - overflow-x: hidden; - padding: 30px 10px 0 10px; - position: fixed; - top: 0; - width: var( --mnu-width); - z-index: 1; - transition: 0.5s; -} - -#hamburger { - background-color: pink; - box-sizing: border-box; - cursor: pointer; - font-size: 30px; - left: calc( var( --mnu-width) - 100px); - line-height: 30px; - margin: 0; - padding: 5px 15px 8px 10px; - position: fixed; - top: 0; - transition: left .5s; - z-index: 10; -} diff --git a/index.html b/index.html index 5776fe2..f244ddd 100644 --- a/index.html +++ b/index.html @@ -1,265 +1,449 @@ - - - - - - - - mindmapping - - - - -
-

- opentecture » -

-

- info - -

+ + + + + + + +MindMap 3D R5.2 + + + + + + + + + + + +
+
+ Opentecture » + mindmapping » + ⌂ » +
+ +
+ +

+ +

+ +

+ +
Mouse over any cube to view and edit its details
+ +
+ +
+ +
+ +
slide ☰
+ + -

+ ${document.head.querySelector( '[name=description]' ).content } +

`; -
-
-
-

Click icon to view source code on GitHub. -

❐ Click icon to go full screen & get link to individual file.

-

Tooltips provide file size.

-
-
-

🕸

-
-
+ renderer = new THREE.WebGLRenderer( { alpha: 1, antialias: true } ); + renderer.setSize( window.innerWidth, window.innerHeight ); -
-
-
+ document.body.appendChild( renderer.domElement ); -
slide ☰
+ camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 1000 ); + camera.position.set( 100, 100, 100 ); + camera.up.set( 0, 0, 1 ); - - + const textGeo = new THREE.TextBufferGeometry( item.name, { + font: ffont, + size: 15, + height: 3, + curveSegments: 1 + }); + + //textGeo.applyMatrix( new THREE.Matrix4().makeRotationX( 0.5 * Math.PI ) ); + //textGeo.applyMatrix( new THREE.Matrix4().makeRotationZ( Math.PI ) ); + textGeo.applyMatrix( new THREE.Matrix4().makeRotationZ( Math.PI ) ); + textGeo.center(); + + const textMaterial = new THREE.MeshBasicMaterial( { color: color } ); + const textMesh = new THREE.Mesh( textGeo, textMaterial ); + //location = location ? location : v( Math.random() * 200 - 50, 20. -2 ); + //x = item.positionX ? item.positionX : 100 * Math.random() - 50; + //y = item.positionY ? item.positionY : 50 + 100 * Math.random() + //z = item.positionZ ? item.positionZ : 80 * Math.random(); + + x = item.positionX = item.positionX || 100 * Math.random() - 50; + y = item.positionY = item.positionY || 50 + 100 * Math.random() + z = item.positionZ = item.positionZ || 80 * Math.random(); + + textMesh.position.set( x, y, z ); + textMesh.userData = item; + + things.push( textMesh ); + + scene.add( textMesh ); + } + + function setEdit(data) { + //console.log('data', data); + divLog.innerHTML = + ` +

Name

+ + +

Product

+ + +

Website

+ ${data.website} + + ${data.website} + + +

Page

+ +

Notes / Needs

+ + +

Position

+ x: + y: + z: + +

SVG

+ + +
+ + `; + } + + function setData( inp ) { + //console.log('inp', inp); + + thing = json.cad.find(item => item.product === currentItem.product ); + + if ( !thing ) { + + thing = json.fileFormat.find(item => item.name === currentItem.name ); + + } + + if ( !thing ) { + + thing = json.energyAnalysis.find(item => item.name === currentItem.name ); + + } + thing[ inp.name ] = inp.value; + + //console.log('thing', thing); + //console.log( 'item[ productName]', json[ productName ] ); + + } + + function toggleBackgroundGradient() { + var col = function() { return ( 0.5 + 0.5 * Math.random() ).toString( 16 ).slice( 2, 8 ); }; + var pt = function() { return ( Math.random() * window.innerWidth ).toFixed( 0 ); } + var image = document.body.style.backgroundImage; + + document.body.style.backgroundImage = image ? '' : 'radial-gradient( circle farthest-corner at ' + + pt() + 'px ' + pt() + 'px, #' + col() + ' 0%, #' + col() + ' 50%, #' + col() + ' 100% ) '; + + } + + function toggleNav() { + const left = 'calc( var( --mnu-width ) - 100px )'; + + if ( hamburger.style.left === '' || hamburger.style.left === left ) { + + divMenu.style.left = 'calc( -1 * var( --mnu-width ) - 20px )'; + hamburger.style.left = '-100px'; + + } else { + + divMenu.style.left = 0; + hamburger.style.left = left; + + } + } + + diff --git a/mindmap-3d/mindmap-3d-1.html b/mindmap-3d/mindmap-3d-1.html deleted file mode 100644 index 732ce85..0000000 --- a/mindmap-3d/mindmap-3d-1.html +++ /dev/null @@ -1,136 +0,0 @@ - - - - - - - - - - - - - - - - -
- -
- -

- -

- -
- -
- - - - \ No newline at end of file