catherinesyeh / digiweave Goto Github PK
View Code? Open in Web Editor NEWDigital Friendship Bracelet Pattern Generator
Home Page: https://catherinesyeh.github.io/digidemo/
License: GNU General Public License v3.0
Digital Friendship Bracelet Pattern Generator
Home Page: https://catherinesyeh.github.io/digidemo/
License: GNU General Public License v3.0
Hi there!
I had fun tinkering with the web demo of this project (sadly I don't have the time to try out fsharp to run the code directly).
I had a large pattern that I wanted to screencap from your site, and found it a bit difficult. I had to (in chrome inspector) hide the div id=left
element and remove the class=left
from the output div to get a large enough image to screencap. Here was my pattern:
(name SERPINSKI)
(strings 32 PeachPuff PaleVioletRed PaleVioletRed PeachPuff PaleVioletRed PaleVioletRed PeachPuff PaleVioletRed PeachPuff PeachPuff PeachPuff PaleVioletRed PaleVioletRed PeachPuff PeachPuff PaleVioletRed PaleVioletRed PaleVioletRed PaleVioletRed PeachPuff PaleVioletRed PeachPuff PaleVioletRed PeachPuff PaleVioletRed PaleVioletRed PeachPuff PaleVioletRed PaleVioletRed PeachPuff PaleVioletRed PeachPuff)
A_A_A_C_A_C_A_D_A_A_A_A_A_C_A_A
_A_A_A_C_A_A_A_A_A_A_C_A_A_A_C_
D_B_D_A_A_A_A_A_A_C_A_C_A_C_B_C
_A_D_D_C_A_C_A_B_A_D_A_C_A_C_A_
A_A_C_A_A_A_B_C_A_A_C_A_A_D_C_D
_C_A_B_C_A_B_A_A_D_A_A_A_C_C_A_
A_A_C_A_A_B_B_A_A_B_A_A_C_C_A_C
_A_A_A_A_B_A_B_A_B_A_A_C_A_A_C_
D_C_C_C_B_B_B_B_B_B_B_C_A_C_C_D
_A_A_A_D_A_A_A_A_A_A_A_B_C_C_C_
D_D_C_C_A_A_A_A_A_A_C_B_B_A_A_C
_A_A_A_C_A_C_C_C_C_A_A_C_D_A_A_
B_C_B_C_D_A_B_B_B_B_B_C_C_A_A_D
_A_D_C_C_B_A_D_B_B_A_C_C_C_A_A_
A_A_A_D_D_C_A_A_B_A_A_B_B_A_A_D
_A_B_D_C_D_C_A_A_A_B_A_B_A_D_C_
A_A_A_A_A_A_A_A_B_A_A_A_A_A_B_D
It's a serpinski triangle, and I'd like to do a (very large) triangle start so that the entire "bracelet" is one big triangle. In case you're interested, I used a SAT solver to generate this pattern, which is also why the parts outside the triangle look strange.
Anyway, if you're still working on this project, you might want add an option to maximize the size of the output SVG in the browser window, or make it so that zooming makes it bigger.
Thanks for all the fun!
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.