Mastodon Chapril

1 message1 participant0 message aujourd’hui

claudeJust published: web version of <a href="https://post.lurk.org/tags/InflectorGadget" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#InflectorGadget</a> inflection mapping gadget for <a href="https://post.lurk.org/tags/MandelbrotSet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MandelbrotSet</a> <a href="https://post.lurk.org/tags/JuliaSet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JuliaSet</a> <a href="https://post.lurk.org/tags/fractal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fractal</a> <a href="https://post.lurk.org/tags/fractals" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fractals</a> <a href="https://post.lurk.org/tags/MathArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathArt</a> <a href="https://mathr.co.uk/ig/" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mathr.co.uk/ig/</a>Pro-tip: keep the Add tool selected and use mouse wheel to zoom if available, otherwise (e.g. touch screen) you need to keep switching between toolsClick the hash button in the top left to update the address bar URL before sharing (otherwise it might not be up to date), here's one I did today (3 things in a rabbit: right-handed tree, left-handed tree, line):<a href="https://mathr.co.uk/ig/#eyJ2IjoxLCJjZW50ZXIiOlswLDBdLCJyYWRpdXMiOlsyLDBdLCJjb3VudCI6MTksImluZmxlY3Rpb25zIjpbWy0wLjE1NjUyMDE2NjgzMzc1NTEsMS4wMzIyNDcxMDg5MjI4MzE4XSxbLTAuMzI4NDU0MzIyMzMyMjYyNCwxLjgzNzQ1NDI1NTE5ODUxMThdLFstMC40NzUzMjM4NDEzNTQyMDcyNCwyLjYzMTQ1NjQ4NDY1MjU5M10sWy0wLjYwOTAyODcwMzY1MzIyNCwzLjQ2MTk0Mzg3MzAxODQyOF0sWy0wLjc2NjkxMDk0NjI1NDQ4NTQsNC4xOTg0MTEwNjMyMDk5MThdLFstMC44OTM4ODE0NTA0MjE2MjYxLDQuOTMwMjMwNzU2NDkzOTMxXSxbLTAuOTQ3MjYzODM3NDE1MzMyLDUuODI3NDUzODkzMDY5ODNdLFstMS4xNjQzNTU3NDUyNzkyMTA0LDYuNjExMTA2NTA4ODQyMzI2XSxbLTEuMjgxNjAwMTg3MDM3NjI0MSw3LjI4ODgzNTI0ODI5OTI3MTVdLFstMS4yODU0NDA3NTg1NDgwMzU2LDguMjM0NTM2MDYxNzEwMjU5XSxbLTEuMzc0NDAwODI5MjQ5MTY2Nyw5LjE4MTgxNDcxNDQ1MjYwM10sWy0xLjUwMTUxODUzMzk0MDYyOTgsMTAuMTgyMzM5NzQ2NTEzMjE4XSxbLTEuNjIxODg3NDM5NTM3NDgyNywxMS4xNDMxNzk2OTc2NDUwNTNdLFstMS44MDA5MTEwNDcyNTI0MDMsMTEuOTUxNDE4MzQ4MTk2MzA2XSxbLTEuOTE1NTMzMDk5MDA2NjA4NiwxMi43MDc3Njk3NjU4OTQ0NjNdLFstMS45NDI2Njk4NTk3NzE4NTksMTMuNjU3Mjk3NDI1Mjg4MjYxXSxbLTIuMTczNzQ5MjMzOTA2NTM2MywxNC40NzUxMDg0NTk2NTM3NTZdLFstMi4yODcwNjk2ODgxMDAxMTg1LDE1LjE1OTI4NTA1MDY2NzI5N10sWy0yLjI3NTgwNTk1ODA1MDMxODcsMTYuMTI4OTg0MDY5Nzc4MzgzXV0sImRhcmsiOmZhbHNlLCJhY2NlbnQiOlswLjUzODAxMzYyMjU1Mjc3NTEsMC4yNDY2MDI0Nzc4MTg0NTY5LDAuMzM5OTg4NDc4NDUyNTA1LDAuNjA4Nzg3OTA2ODIyNzk5NF0sImV4dGVyaW9yMSI6WzAuMjE0NjEwMDA4MzY1MzM5OTQsMC40NjIzMjM0MzcyMjUyMzk2LDAuNTAwODI4MTgyMjQ0NjczNCwwLjE1NDg1MTMxMzI1MjU5MjgzXSwiZXh0ZXJpb3IyIjpbMC45NDc3MTk0MTAxOTI0OTM2LDAuODg2OTc5NzI4NDQyNDgyOSwwLjM1OTc1NzU2MTA2MzI3NTA2LDAuOTUzNTUwNTQzNjk2Mjk1M119" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mathr.co.uk/ig/#eyJ2IjoxLCJjZW50ZXIiOlswLDBdLCJyYWRpdXMiOlsyLDBdLCJjb3VudCI6MTksImluZmxlY3Rpb25zIjpbWy0wLjE1NjUyMDE2NjgzMzc1NTEsMS4wMzIyNDcxMDg5MjI4MzE4XSxbLTAuMzI4NDU0MzIyMzMyMjYyNCwxLjgzNzQ1NDI1NTE5ODUxMThdLFstMC40NzUzMjM4NDEzNTQyMDcyNCwyLjYzMTQ1NjQ4NDY1MjU5M10sWy0wLjYwOTAyODcwMzY1MzIyNCwzLjQ2MTk0Mzg3MzAxODQyOF0sWy0wLjc2NjkxMDk0NjI1NDQ4NTQsNC4xOTg0MTEwNjMyMDk5MThdLFstMC44OTM4ODE0NTA0MjE2MjYxLDQuOTMwMjMwNzU2NDkzOTMxXSxbLTAuOTQ3MjYzODM3NDE1MzMyLDUuODI3NDUzODkzMDY5ODNdLFstMS4xNjQzNTU3NDUyNzkyMTA0LDYuNjExMTA2NTA4ODQyMzI2XSxbLTEuMjgxNjAwMTg3MDM3NjI0MSw3LjI4ODgzNTI0ODI5OTI3MTVdLFstMS4yODU0NDA3NTg1NDgwMzU2LDguMjM0NTM2MDYxNzEwMjU5XSxbLTEuMzc0NDAwODI5MjQ5MTY2Nyw5LjE4MTgxNDcxNDQ1MjYwM10sWy0xLjUwMTUxODUzMzk0MDYyOTgsMTAuMTgyMzM5NzQ2NTEzMjE4XSxbLTEuNjIxODg3NDM5NTM3NDgyNywxMS4xNDMxNzk2OTc2NDUwNTNdLFstMS44MDA5MTEwNDcyNTI0MDMsMTEuOTUxNDE4MzQ4MTk2MzA2XSxbLTEuOTE1NTMzMDk5MDA2NjA4NiwxMi43MDc3Njk3NjU4OTQ0NjNdLFstMS45NDI2Njk4NTk3NzE4NTksMTMuNjU3Mjk3NDI1Mjg4MjYxXSxbLTIuMTczNzQ5MjMzOTA2NTM2MywxNC40NzUxMDg0NTk2NTM3NTZdLFstMi4yODcwNjk2ODgxMDAxMTg1LDE1LjE1OTI4NTA1MDY2NzI5N10sWy0yLjI3NTgwNTk1ODA1MDMxODcsMTYuMTI4OTg0MDY5Nzc4MzgzXV0sImRhcmsiOmZhbHNlLCJhY2NlbnQiOlswLjUzODAxMzYyMjU1Mjc3NTEsMC4yNDY2MDI0Nzc4MTg0NTY5LDAuMzM5OTg4NDc4NDUyNTA1LDAuNjA4Nzg3OTA2ODIyNzk5NF0sImV4dGVyaW9yMSI6WzAuMjE0NjEwMDA4MzY1MzM5OTQsMC40NjIzMjM0MzcyMjUyMzk2LDAuNTAwODI4MTgyMjQ0NjczNCwwLjE1NDg1MTMxMzI1MjU5MjgzXSwiZXh0ZXJpb3IyIjpbMC45NDc3MTk0MTAxOTI0OTM2LDAuODg2OTc5NzI4NDQyNDgyOSwwLjM1OTc1NzU2MTA2MzI3NTA2LDAuOTUzNTUwNTQzNjk2Mjk1M119</a>

claudeadded `{ preserveDrawingBuffer: true }` to the webgl2 context creation, now Firefox right click Save Image works properly (previously it saved a 100% transparent image).apparently this can cause performance issues especially on mobile, so I will see about adding a different way to save later.also made it update the URL hash automatically when adding inflection points (previously only on manual button click). this avoids losing work when accidentally refreshing the page etc. can't make it update on every action (zoom, pan, colours, ...) otherwise browser complains about too much history spam.here are five things in a 2/5 Julia set: disk, line, three tree variants (distinguished by how they attach to the whole). not very refined (only 3 steps of each, 16 inflection points total including the initial Julia set location).<a href="https://post.lurk.org/tags/InflectorGadget" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#InflectorGadget</a> <a href="https://post.lurk.org/tags/JuliaSet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JuliaSet</a> <a href="https://post.lurk.org/tags/fractal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fractal</a> <a href="https://post.lurk.org/tags/fractals" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#fractals</a> <a href="https://post.lurk.org/tags/MathArt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MathArt</a> <a href="https://post.lurk.org/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDev</a>

claudefiddling with <a href="https://post.lurk.org/tags/InflectorGadget" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#InflectorGadget</a> <a href="https://post.lurk.org/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#WebDesign</a> and not sure how to approach it. header/footer with all widgets visible all the time works well on desktop...<a href="https://mathr.co.uk/web/inflector-gadget/web-version/2025-03-25.jpg" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mathr.co.uk/web/inflector-gadget/web-version/2025-03-25.jpg</a>...but is terrible on mobile as the header/footer take up most of the page making it hard to do anything with the tiny part image in between.now trying a collapsible menu thing, works ok on desktop, next step is trying on mobile...<a href="https://mathr.co.uk/web/inflector-gadget/web-version/2025-03-26a.jpg" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mathr.co.uk/web/inflector-gadget/web-version/2025-03-26a.jpg</a> <a href="https://mathr.co.uk/web/inflector-gadget/web-version/2025-03-26b.jpg" rel="nofollow noopener noreferrer" translate="no" target="_blank">https://mathr.co.uk/web/inflector-gadget/web-version/2025-03-26b.jpg</a>

claudetoday I started porting <a href="https://post.lurk.org/tags/InflectorGadget" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#InflectorGadget</a> from desktop OpenGL 4 to browser WebGL 2. It won't be a replacement, because some things need double precision which webgl doesn't have, but more of a way to try quickly and share with others. nothing online yet...

claudetoday I added a quantization option to <a href="https://post.lurk.org/tags/InflectorGadget" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#InflectorGadget</a>, to snap inflection points to <a href="https://post.lurk.org/tags/MandelbrotSet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#MandelbrotSet</a> nucleus (first one) and preimages of <a href="https://post.lurk.org/tags/JuliaSet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#JuliaSet</a> attractor (later ones) - this makes all the nodes as circular as possiblethis also makes the structure exactly reproducible (by a human, no automation yet) from instructions as there's no fuzzy variation coming from imprecise mouse click locationsthe human touch adds a certain pleasant softness, so quantum mode is optional

Recherches récentes

Options de recherche

Administré par :

Statistiques du serveur :

#InflectorGadget