I implemented an editor based on Vello using WASM.
I implemented an editor based on Vello using WASM.
https://infinitecanvas.cc/experiment/vello
These are some of the features currently available:
- Viewport culling & dirty flag check on top of vello
- Basic 2D shapes such as Rect, Ellipse, Polyline and Path.
- Shaping & layout Text with parley
- Image. I have to draw image to an offscreencanvas then pass imagedata to vello. I'm not sure if this causes any performance issues.
- Gradients include linear, radial and conic
- Rough style based on [roughr](https://github.com/orhanbalci/rough-rs/tree/main/roughr)
<img width="686" height="372" alt="Image" src="https://github.com/user-attachments/assets/623a4288-dd80-4cdf-8120-0fa9a445af6d" />
Next, I plan to do the following:
- Share the same device/queue with wgpu. So that I can render [a responsive grid](https://infinitecanvas.cc/guide/lesson-005) under vello.
- Or render brush with [stamp](https://infinitecanvas.cc/guide/lesson-025#brush-mode).
- Do some [post-processing effects](https://infinitecanvas.cc/guide/lesson-030).
- Enhance the performance. I notice some frame dropped when a lot of image inside canvas.
<img width="1364" height="562" alt="Image" src="https://github.com/user-attachments/assets/9e74440c-431e-4b90-99a5-7ba4477eebbe" />
Once again, thank you for the excellent vello project
0 条评论