BrowserSynth
css-doodle
BrowserSynth | css-doodle | |
---|---|---|
7 | 5 | |
58 | 5,470 | |
- | 0.6% | |
0.0 | 8.9 | |
almost 4 years ago | 7 days ago | |
JavaScript | JavaScript | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
BrowserSynth
- Factory 5 - generated in BrowserSynth (on github)
-
Factory part 3
Head over to GitHub and https://kronpano.github.io/BrowserSynth/ On the right top the middle button (3 lines) is the menu which has examples. It's basically eisenscript - a language developed for StructureSynth.
-
Factories - generated in BrowserSynth
factory 3
-
Modern skyscrapers - generated in about 30 lines of code in StructureSynth, object export and rendered in Keyshot
Given your username here, I'm assuming you also created https://github.com/kronpano/BrowserSynth which looks/is amazing. When would you use StructureSynth vs. BrowserSynth, and where would be the current (best) version of StructureSynth to use? This all looks like a lot of fun (which I also suspect you're making look easy here! ;)
-
BrowserSynth - a javascript implementation of StructureSynth with some additional primitives
StructureSynth is old but still quite unique in what it does. Yes, development stopped quite some time ago but it still works great and is now complemented by BrowserSynth which is based on eisenscript (I hope to update to the latest version in the near future)
-
BrowserSynth - a javascript implementation of StructureSynth
The shortcoming of StructureSynth is that you can't "squash" spheres and you don't have cylinders or any round primitives. BrowserSynth can do all that. It is based on the eisenscript javascript on GitHub An introduction to BrowserSynth can be found over on GitHub - this is also where BrowserSynth is hosted.
css-doodle
- Drawing Patterns with CSS
-
10 CSS Tools AI Can Integrate With for Improved Website Design
CSS Doodle
- CSS Doodle
-
Amazing! Implementing artistic graphics with CSS
In short, CSS-doodle is a library based on Web-Component. It allows us to quickly create pages based on CSS Grid layouts and provides a variety of handy commands and functions (random, loops, etc.) that allow us to get different CSS effects with a set of rules. Take a look at its homepage โ Home Page of CSS-doodle โ and you can get started quickly in just 5min.
-
๐งข Stefan's Web Weekly #11
css-doodle/css-doodle โ A web component for drawing patterns with CSS.
What are some alternatives?
eisenscript - A programming language designed for generating awesome structures.
lwc - โก๏ธ LWC - A Blazing Fast, Enterprise-Grade Web Components Foundation
uji - A minimalist generative art thing โ press the buttons and play with the sliders!
flutter_art - Flutter art is a collection of apps where I try to build generative art projects .
moiva-catalog - A catalog of software libraries to feed Moiva.io suggestions system
arbitrary-image-stylization-tfjs - Arbitrary style transfer using TensorFlow.js
Awesome-Design-Tools - The best design tools and plugins for everything ๐
generative.fm - A platform for playing generative music in the browser.
laiza-image-gen - Random abstract image generator
x-frame-bypass - Web Component extending IFrame to bypass X-Frame-Options: deny/sameorigin
there-are-stars - A self-generating story that gets longer the more stars it gets