infinite-canvas-tutorial

infinite-canvas-tutorial copied to clipboard

lesson_008 not working UI controllers

2

This is an excellent tutorial. Thank you for doing this. One thing that I do not understand is why the control (+/-; back to center) components are not visible when...

davidkutas

Thank you so much for this tutorial series!

3

I've been learning computer graphics and webgl/webgpu for a few weeks now and this series has been wonderful! I really look forward to your upcoming lessons on bezier curve rendering!...

mehmetron

WREQI

```svg ```

xiaoiver

Drop shadow filter. https://api.pixijs.io/@pixi/filter-drop-shadow/PIXI/filters/DropShadowFilter.html

xiaoiver

Use ECS to refactor current Shape mixins

1

We use [mixins](https://www.typescriptlang.org/docs/handbook/mixins.html) now. ```ts export const Shape = Shapable(Renderable(Sortable(Transformable(EventTarget)))); const shape = new Shape(); ``` [Bevy ECS](https://bevyengine.org/learn/book/getting-started/ecs/) makes Bevy’s API so elegant. ```ts const shape = world.spawn(Renderable, Sortable, Transformable);...

xiaoiver

```ts rect.fill = 'hsl(214.82, 100%, 50%)'; ``` https://d3js.org/d3-color#color_rgb https://github.com/d3/d3-color/blob/main/src/color.js#L201 But `oklab / oklch` seems not implemented yet. https://github.com/d3/d3-color/issues/87 And CSS Level 4 syntax not implemented yet. https://github.com/d3/d3-color/pull/71 ```ts rgb(252 1...

xiaoiver

In select mode, we can trigger some shortcuts in context menu, just like Recraft and Figma. https://shoelace.style/components/menu

xiaoiver

g6 https://g6.antv.antgroup.com/api/elements/edges/quadratic

ouzhou

https://github.com/xiaoiver/infinite-canvas-tutorial/actions/runs/12973061815/job/36181251082#step:8:19 ``` MESA: error: ZINK: vkCreateInstance failed (VK_ERROR_INCOMPATIBLE_DRIVER) ``` https://askubuntu.com/questions/1538587/how-to-fix-mesa-error-zink-failed-to-choose-pdev-and-glx-failed-to-create-dr

xiaoiver