opentecture / mindmapping

Mindmapping with Three.js
https://opentecture.github.io/mindmapping
MIT License
15 stars 2 forks source link

Demo: Connect Edit R2 #18

Closed theo-armour closed 6 years ago

theo-armour commented 6 years ago

@opentecture/the-brains

Story

image

Connect Edit R2

The problem / the need is that every node needs to have character and be quickly recognizable. The SVG file used in previous are large files that take a long time to load. And there's only a small number available. At least we know we can use SVG files. You are encouraged to come up with new SVG files.

So this demo uses bitmaps as textures applied to Three.js primitives. In order to build good demos, we need a good number of textures. This particular demo responds to a long-standing need: where can you get lots of textures online, for free, that load fast and have no licensing issues? The items on the left are GitHub emoji icons - over 800 - the icons on the right are corporate logos - over 500 - used for link icons. The center bitmaps are 16 images that have been floating around my computer for a while.

The boxes are not editable and contain no text data. The demo is only about speed of loading lots of images.

afomi commented 6 years ago

@theo-armour - awesome! The lines look great!

I couldn't tell if clicking on draw re-drew new lines, or drew additional lines. Small implementation detail.

Regarding .svg's, I think they are a nice-to-have. Solving for making each icon meaningful is a distinct issue. I think text is sufficient for now.

Creating additional .svgs is a distinct task, so I created https://github.com/opentecture/mindmapping/issues/19.

I think these straight lines are sufficient as an initial take on https://github.com/opentecture/mindmapping/issues/6. But this work will need to be merged/incorporated into the main build. How would you like to handle that? I can likely help with some refactoring, hopefully make some of the functions more legible and re-usable.

afomi commented 6 years ago

@theo-armour - https://github.com/opentecture/mindmapping/pull/23 very roughly incorporates the polyline drawing in /connect-edit/r2 with R5 (now /index.html)

afomi commented 6 years ago

@theo-armour - I've incorporated drawing lines between nodes in the Demo.

I opened an Issue https://github.com/opentecture/mindmapping/issues/29 to tackle selecting objects to draw.