Discussion
Loading...

Post

Log in
  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
Karsten Schmidt
Karsten Schmidt
@toxi@mastodon.thi.ng  ·  activity timestamp 2 weeks ago

@akkartik Here's a small example using my #Forth-like DSL & livecoding REPL for 2D geometry generation with SVG export. The example source code is stored in the URL hash, but not sure how Mastodon handles it (let's try):

https://demo.thi.ng/umbrella/pointfree-geom/#eJx1UstugzAQvPsr9pwK7EQlh/QSKZ8RpZIxC1jyg9iGElX999omiYSaWlgadmZnH0ApnKzWaAI2MKHz0poDoRT6EAZ/oLSToR/rUlhNQy8L09FR1w6V4rRWtqYNTqjsQHHmelDo6WClCa1DLDqMSd6JqNG2DJ6QA7SOiwBb0LaBj/hurNMtbO7xRyTw8c4ktMlxzZsmwreErReFl+apTTjzifziE8LnNwzWQ+wpWuMVfgjEw+CYIkFqBBHpDRwze0za8vbw/aNN/mvtvNJOKHYZBMeNVzxgEebcjL+O3KH/r5+yWqqsrXPNLWPLTKumXiXcXifkvZE9mMGqG5yhxxn2DBx2o+IOLrDdp6dzsiHJd7m7xezhIY3HQM5QscgxtquW9V6WSdu4/yJ/cB81rHyvFtVz7At4wRUWIv1gjvwCN/TBcA==

A commented alt-version of this example (same URL minus the hash fragment):
https://demo.thi.ng/umbrella/pointfree-geom/

Project/example homepage:
https://github.com/thi-ng/umbrella/tree/develop/examples/pointfree-geom/

Made with these packages:

- https://thi.ng/geom
- https://thi.ng/pointfree
- https://thi.ng/pointfree-lang

#ThingUmbrella #Forth #DSL #Livecoding #Geometry #SVG

Your browser does not support the video tag.
GIF
GIF
Open
GIF
thi.ng/pointfree-lang

Forth style syntax layer/compiler & CLI for the @thi.ng/pointfree DSL

thi.ng/pointfree

Pointfree functional composition / Forth style stack execution engine

GitHub

umbrella/examples/pointfree-geom at develop · thi-ng/umbrella

⛱ Broadly scoped ecosystem & mono-repository of 210 TypeScript projects (and ~185 examples) for general purpose, functional, data driven development - thi-ng/umbrella
https://demo.thi.ng/umbrella/pointfree-geom/
https://demo.thi.ng/umbrella/pointfree-geom/#eJx1UstugzAQvPsr9pwK7EQlh/QSKZ8RpZIxC1jyg9iGElX999omiYSaWlgadmZnH0ApnKzWaAI2MKHz0poDoRT6EAZ/oLSToR/rUlhNQy8L09FR1w6V4rRWtqYNTqjsQHHmelDo6WClCa1DLDqMSd6JqNG2DJ6QA7SOiwBb0LaBj/hurNMtbO7xRyTw8c4ktMlxzZsmwreErReFl+apTTjzifziE8LnNwzWQ+wpWuMVfgjEw+CYIkFqBBHpDRwze0za8vbw/aNN/mvtvNJOKHYZBMeNVzxgEebcjL+O3KH/r5+yWqqsrXPNLWPLTKumXiXcXifkvZE9mMGqG5yhxxn2DBx2o+IOLrDdp6dzsiHJd7m7xezhIY3HQM5QscgxtquW9V6WSdu4/yJ/cB81rHyvFtVz7At4wRUWIv1gjvwCN/TBcA
thi.ng/geom

Functional, polymorphic API for 2D geometry types & SVG generation

  • Copy link
  • Flag this post
  • Block
Kartik Agaram
Kartik Agaram
@akkartik@merveilles.town replied  ·  activity timestamp 2 weeks ago

Oh shucks, I broke the thread. My nomination: https://merveilles.town/@akkartik/115960021635895071

  • Copy link
  • Flag this comment
  • Block
Karsten Schmidt
Karsten Schmidt
@toxi@mastodon.thi.ng replied  ·  activity timestamp 2 weeks ago

@akkartik Here's a small example using my #Forth-like DSL & livecoding REPL for 2D geometry generation with SVG export. The example source code is stored in the URL hash, but not sure how Mastodon handles it (let's try):

https://demo.thi.ng/umbrella/pointfree-geom/#eJx1UstugzAQvPsr9pwK7EQlh/QSKZ8RpZIxC1jyg9iGElX999omiYSaWlgadmZnH0ApnKzWaAI2MKHz0poDoRT6EAZ/oLSToR/rUlhNQy8L09FR1w6V4rRWtqYNTqjsQHHmelDo6WClCa1DLDqMSd6JqNG2DJ6QA7SOiwBb0LaBj/hurNMtbO7xRyTw8c4ktMlxzZsmwreErReFl+apTTjzifziE8LnNwzWQ+wpWuMVfgjEw+CYIkFqBBHpDRwze0za8vbw/aNN/mvtvNJOKHYZBMeNVzxgEebcjL+O3KH/r5+yWqqsrXPNLWPLTKumXiXcXifkvZE9mMGqG5yhxxn2DBx2o+IOLrDdp6dzsiHJd7m7xezhIY3HQM5QscgxtquW9V6WSdu4/yJ/cB81rHyvFtVz7At4wRUWIv1gjvwCN/TBcA==

A commented alt-version of this example (same URL minus the hash fragment):
https://demo.thi.ng/umbrella/pointfree-geom/

Project/example homepage:
https://github.com/thi-ng/umbrella/tree/develop/examples/pointfree-geom/

Made with these packages:

- https://thi.ng/geom
- https://thi.ng/pointfree
- https://thi.ng/pointfree-lang

#ThingUmbrella #Forth #DSL #Livecoding #Geometry #SVG

Your browser does not support the video tag.
GIF
GIF
Open
GIF
thi.ng/pointfree-lang

Forth style syntax layer/compiler & CLI for the @thi.ng/pointfree DSL

thi.ng/pointfree

Pointfree functional composition / Forth style stack execution engine

GitHub

umbrella/examples/pointfree-geom at develop · thi-ng/umbrella

⛱ Broadly scoped ecosystem & mono-repository of 210 TypeScript projects (and ~185 examples) for general purpose, functional, data driven development - thi-ng/umbrella
https://demo.thi.ng/umbrella/pointfree-geom/
https://demo.thi.ng/umbrella/pointfree-geom/#eJx1UstugzAQvPsr9pwK7EQlh/QSKZ8RpZIxC1jyg9iGElX999omiYSaWlgadmZnH0ApnKzWaAI2MKHz0poDoRT6EAZ/oLSToR/rUlhNQy8L09FR1w6V4rRWtqYNTqjsQHHmelDo6WClCa1DLDqMSd6JqNG2DJ6QA7SOiwBb0LaBj/hurNMtbO7xRyTw8c4ktMlxzZsmwreErReFl+apTTjzifziE8LnNwzWQ+wpWuMVfgjEw+CYIkFqBBHpDRwze0za8vbw/aNN/mvtvNJOKHYZBMeNVzxgEebcjL+O3KH/r5+yWqqsrXPNLWPLTKumXiXcXifkvZE9mMGqG5yhxxn2DBx2o+IOLrDdp6dzsiHJd7m7xezhIY3HQM5QscgxtquW9V6WSdu4/yJ/cB81rHyvFtVz7At4wRUWIv1gjvwCN/TBcA
thi.ng/geom

Functional, polymorphic API for 2D geometry types & SVG generation

  • Copy link
  • Flag this comment
  • Block
Karsten Schmidt
Karsten Schmidt
@toxi@mastodon.thi.ng replied  ·  activity timestamp 2 weeks ago

@akkartik Since #Forth is just so great for super concise code, allow me to add another example, here to transpile (a subset of) Forth into GLSL for livecoding shaders. This one is using my old 2015 CharlieVM and you can find all the example source snippets in the readme here:

https://github.com/thi-ng/charlie

The REPL itself live at:
https://forth.thi.ng/

The attached screen capture shows 4 shader examples (longest one is 12 lines of code)

#Livecoding #REPL #GLSL #Shader #Transpiler

Your browser does not support the video tag.
GIF
GIF
Open
GIF
GitHub

GitHub - thi-ng/charlie: TypeScript based Forth-like VM w/ online REPL and extensive kernel (incl. WebGL/WebAudio support)

TypeScript based Forth-like VM w/ online REPL and extensive kernel (incl. WebGL/WebAudio support) - thi-ng/charlie
  • Copy link
  • Flag this comment
  • Block

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.2-alpha.7 no JS en
Automatic federation enabled
Log in
  • Explore
  • About
  • Members
  • Code of Conduct