mathling, to genart
@mathling@mastodon.social avatar

interlude

One day in 10000BC, deep in the cave
A wee bit of art forgery

A little experiment with Symbola glyphs and path simplification

fractalkitty, to genart
@fractalkitty@mathstodon.xyz avatar

I thought I'd work on learning to animate svgs today:

https://bobble-birbs.netlify.app/

Of course they are birbs – 1000 of them.

toxi, to genart
@toxi@mastodon.thi.ng avatar

Little Friday night gift for a friend (& example in ): How to generate & then recursively tessellate a hex grid and visualize as SVG, all via just https://thi.ng/geom & https://thi.ng/transducers...

Demo:
https://demo.thi.ng/umbrella/geom-hexgrid/

Source code:
https://github.com/thi-ng/umbrella/blob/develop/examples/geom-hexgrid/src/index.ts

(cc @nkint)

toxi,
@toxi@mastodon.thi.ng avatar

(Almost) same code, alternative tessellation (swapped order: first quad fan, then edge split). Also using 4 colors (vs two) to tint result polys...

#ThingUmbrella #Geometry #Hexagon #Grid #Tessellation #Recursion #GenerativeArt #SVG #TypeScript #Javascript

toxi,
@toxi@mastodon.thi.ng avatar
toxi,
@toxi@mastodon.thi.ng avatar
doctormo, to python
@doctormo@floss.social avatar

I'm slowly making my way through a 8 thousand line python addition to 's library for parsing text and font elements in properly. It's important and useful, but it's also a lot.

I'm not sure how to say "please run pylint over your code because my eyes hurt trying to read this". without sounding like an ungrateful jerk. 😅

mathling, to genart
@mathling@mastodon.social avatar

interlude

I announced the new version of my art code yesterday, and a new slew of solid geometry stuff and hooks to my art shell was part of it. So here's a little bonus treat made with these things:

"large red fish fills portland dodecahedron at center"

mathling, to genart
@mathling@mastodon.social avatar

interlude

New release of my art code libraries

Implementations of the Archimedean solids plus a few other fun ones and an integrated better 3D rendering of them. Pens. Hobby curves.

There's also a lot of future-looking infrastructure here (see: "maker functions" in the release notes), a fair amount of clean up, performance, etc. Click the "browse" link for detailed release notes.

https://www.mathling.com/

leaverou, to random
@leaverou@front-end.social avatar

We’ve always told devs that browsers prioritize what to implement based on dev demand.

There is one exception: .

SVG is used on >65% of websites. Yet, browsers have been refusing to work on SVG, ignoring pressure and pain points from web devs.

showed SVG as the top content pain point: https://2023.stateofhtml.com/en-US/features/content/#content_pain_points

Tons of work (SVG 2, fill & stroke, and more) has sat unimplemented for years. At this point, in standards circles, we know not to touch SVG with a barge pole.

[1/2]

boilingsteam, to privacy
@boilingsteam@mastodon.cloud avatar
aldeka, to random
@aldeka@wandering.shop avatar

Any recommended tools for debugging shapes? Trying to make paths that are like wedges out of a circle and the arcs aren’t behaving consistently, or at least not as I would expect at all :/

ottaross, to foss
@ottaross@mastodon.social avatar

Aha - tools for the win. Wondered to myself, can I export an out of ?

A quick Duck Search tells me yes, there's a plugin called which will do it!

You convert an object to a greasePencil object then export that as an SVG. Nice.

ottaross,
@ottaross@mastodon.social avatar
inautilo, to music
@inautilo@mastodon.social avatar


Printing music with CSS Grid · A fantastic showcase of what CSS Grid is capable of https://ilo.im/15yrr6


toxi, (edited ) to typescript
@toxi@mastodon.thi.ng avatar

New demo (and last new test case) for the upcoming https://thi.ng/geom release (and related packages): Here parsing a SVG path, converting to an SDF, deforming the SDF and sampling/converting the SDF back into SVG at multiple contour levels... all in just a few lines of code!

Demo:
https://demo.thi.ng/umbrella/geom-sdf-path/

Source:
https://github.com/thi-ng/umbrella/blob/develop/examples/geom-sdf-path/src/index.ts

(Ps. I will add more comments to the example tomorrow...✌️)

w3cdevs, to internet
@w3cdevs@w3c.social avatar

The and prove vital in emergencies, enabling seamless collaboration and information sharing.

At the @w3c member meeting in 🇯🇵, Dr. Naoshi Hirata, U. of Tokyo, presented "distributed disaster management data" using a case study for the Noto peninsula earthquake that struck Japan on January 1, 2024.

🎬 Watch the video: https://youtu.be/v3vV8i2-3Ts

kubikpixel, to webdev
@kubikpixel@chaos.social avatar

Is it not possible to set up something similar to and with very little effort and really be recognized as a creative developer with your own graphics ?

✴️ https://coolshap.es

oblomov, to random
@oblomov@sociale.network avatar

OK I need a smarter way to encode the maze in because the approach I'm using can't handle huge mazes (for example a 160×90 maze will result in a 414 Request URI Too Long error.)

oblomov,
@oblomov@sociale.network avatar

But what's really difficult to get right is the rotation when the viewport is in portrait mode. CSS has the possibility to transform elements, but it doesn't really work as expected. I would have better luck stuffing the table inside a foreignObject inside an and transforming from there, but … some browsers have questionably poor rendering for these nested situation so that's not an option either.

casraf, to ChatGPT
@casraf@fosstodon.org avatar

Everyone talks about using ChatGPT/DALL-E to generate logos, no one talks about having to convert them to decent vector files...

byggvir, to random German
@byggvir@nrw.social avatar

Bei Pixabay wurde dieses simple Bild einer mit und Türbogen als fast 1.200 Mal heruntergeladen.

Wozu brauchen so viel dieses Bild?

andycarolan, to random
@andycarolan@social.lol avatar

I've had a few requests for different badges in the same style as my “Powered” and “Made by a Human” badges.

I’m thinking about taking these and a few more requests and selling them in packs containing 8 badges in 8 different colors in 88x31 PNG and SVG @ £2 (minimum donation)

If you have any requests for these badges, please let me know in the replies and I will add it to the list!

(No NSFW content please!)

https://ko-fi.com/andycarolan/shop

#badges #kofi #png #svg #powered #human

8 “Made by a Human” badges in 88x31 (made, drawn, human content, written, no ai, not a robot, never by ai, organic)

mathling, to genart
@mathling@mastodon.social avatar

interlude

Triangulation experiments

Stupid simple:
Draw a curve from hither to yon
Draw another curve from hither-ish to yon-ish
Interpolate N points on each curve
Draw a chain of triangles
Colour

toxi, to UI
@toxi@mastodon.thi.ng avatar
friction, to animation
@friction@floss.social avatar

Introducing Friction 0.9.6 Beta 1. This release includes several changes to the user interface and some additional new features. We are now in feature freeze, please report any regressions etc.

Download and make something awesome! 🙂

https://github.com/friction2d/friction/releases/tag/v0.9.6-beta1

  • All
  • Subscribed
  • Moderated
  • Favorites
  • JUstTest
  • kavyap
  • DreamBathrooms
  • thenastyranch
  • ngwrru68w68
  • tacticalgear
  • magazineikmin
  • Youngstown
  • khanakhh
  • rosin
  • slotface
  • InstantRegret
  • everett
  • mdbf
  • Leos
  • cisconetworking
  • cubers
  • modclub
  • GTA5RPClips
  • ethstaker
  • osvaldo12
  • Durango
  • provamag3
  • normalnudes
  • tester
  • anitta
  • megavids
  • lostlight
  • All magazines