jeregrine

jeregrine

Phoenix Core Team

Easel - an Elixir 2D drawing library based on canvas for LiveView and Wx!

This is a canvas compatible api where I used the WebIDL for the CanvasRendering2d module from Firefox/Safari and converted all its functions from camelCase to snake_case and attributes to setter functions. Allowing you to write elixir and get out art or animations or charts on a canvas. Initially this was just going to be for LiveView but I realized an LLM could help me port those function calls to Wk and it did just that!

https://easel-demo.fly.dev

Above a demo site with some drawings showing some pretty stressful cases for this style of work but hopefully showing the capabilities here. Great way to get your fly machine cpu throttled lol.

For the examples I simply asked an LLM (opus4.6 and codex5.3) to create them and it had no trouble one-shotting all of them. Which makes sense because canvas is most likely well represented in it’s dataset and its trivial for it to translate it.

I did have to massage the Boids example and add templating/instancing to make it work better and also “quantization” aka chomping the precision off the floats to avoid sending mb’s of data to do 60fps. With Wx this was not an issue of course.

Here is the source and it’s up on hex/hexdocs as well.

https://github.com/jeregrine/Easel

Happy to answer any questions or take feedback.

First 2 of 2 Posts Switch mode

mudasobwa

mudasobwa

Creator of Cure

Looks fantastic.

I’d wild guess you use daisyUI and it’s not updated for system-wide dark theme (which it detects anyway,) resulting in:

jeregrine

jeregrine OP

Phoenix Core Team

Yeah makeup didn’t pickup the dark mode haha. I’ll poke around this afternoon thanks for the heads up.

— All posts loaded —

Where Next?

Trending in Announcing Top

bluzky
You may know https://ui.shadcn.com/, a UI component library for React. I really love it’s design style and components. I’ve built some co...
387 14960 120
New
JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
shahryarjb
The Chelekom project is a library of Phoenix and LiveView components generated via Mix tasks to fit developer needs seamlessly. One of i...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge & Solve. They are GUI (Emerge) and State management (S...
New
ausimian
Emily is an Elixir library that runs Nx computations on Apple’s MLX. Install it as the default Nx backend and Nx, defn, Axon, Nx.Serving,...
New
wintermeyer
There are three potential reasons for members of this forum to have a look at https://vutuv.de You are tired or annoyed of LinkedIn. Yo...
New

Other Trending Topics Top

type1fool
I just stumbled on a newly redesigned elixir-lang.org. :tada: It looks like @Software_Mansion did the work, and I think it is generally a...
New
akoutmos
@hugobarauna and I (Alex Koutmos) have been hard at work on writing a book on Nerves that takes you from simply blinking LEDs to building...
New
juhalehtonen
There has been a thread to discuss the Stack Overflow Developer Survey on this forum every year since 2018, so here’s yet another one for...
New
bjorng
We want to introduce a new native datatype to Erlang: native records. Although replacing all tuple records with native records is not our...
New
spammy
I’m looking to build a personal workflow to quickly deploy web applications written in elixir/phoenix, for local consumption (ie not on t...
New
alexslade
Fly’s CEO posted this recently - Turn And Face The Strange · The Fly Blog It says that Fly is going all-in on sprites, which is a worry ...
New

We're in Beta

About us Mission Statement