benvan / lsys Goto Github PK
View Code? Open in Web Editor NEWinteractive l-system generator
License: Other
interactive l-system generator
License: Other
Make less sassy!
Pressing the "download PNG" export button gives me this error in the console:
rendering.js:144 Uncaught TypeError: Cannot read property 'forEach' of undefined
It seems that "this.context.gs" is undefined.
If I set the size to some enourmous, like 100 and try to download a PNG, then the server becomes unresponsive. Sorry about that :)
Greetings ๐ โ๏ธ
If I clear the level and rules and then press the recalculate button, then the website becomes unresponsive. The same will happen if I type something into the rules box and then delete it, while the levels input is empty.
๐
The #systemInfo div is below the drawing canvas and so it is impossible to click any of the buttons there. I had to set the z-index to 1 in the web inspector to put it above the canvas and make it useable.
This is one of the first of 25,000 projects I have given review since starting my Github journey and somehow I keep coming back to it. I think its a major reason I started getting into graphics and generative art, it is just so cool.
I have some simple ideas for enhancements such as an improved model browser that allows the user to create duplicate instanced of existing models (internal "forks") as well as saving new models to local storage/remotely. I would use a convenient inertia type scrolling interface much like a photo slider would have. I would make it re-sizable from the bottom of the screen upward to allow the user to browse a single row, or multiple.
I would like to take advantage of WebGL typed arrays, and perhaps store the generated data as pre-computed PNG encoded images to achieve fast loading and loss-less compression. It takes a bit for each model to load, I am assuming you are doing a lot of number crunching before it becomes interactive. I would then like to leverage web-workers or perhaps even WebCL to allow for parallelization and efficient computation. Any thoughts about this?
To take this app to the next level I would like to add a mode for the rendering to produce vector paths in place or alongside the rasterized visualization, perhaps with an adjustable level of detail. Then allow for this path information to be exported and animated outside of the app for the web or even within a 3D app or AfterEffects.
And finally I would love to add a nice timeline with basic automation, allowing the user to automate the parameters over time, as well as enacting filters/effects, colorization, physics...... oh my. Oh ya and lets throw a couple Joystick controls on the left and right bottom of the screen for easy and smooth manipulation (which it looks like you at least started to do). Some convenient sliders with a number-editor type scrubbing control might be nice.
Does any of this sound interesting to you? I would not want to pester you about this project if you don't really have any further interest in it. If you do, great, it would inspire and motivate me to know your thoughts and insights into any of the above mentioned ideas.
Please note that I do not expect you to do any of the work, and I fully intend to implement these features myself hopefully with your insights along the way.
Anyway, great work, this is an amazing tool that more people should know about and use. I think it would be a big hit with just a few more usability tweaks, and even bigger hit if we allowed for even basic export abilities. Would be K-RAD to
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.