Acbox Liu
Acbox Liu
# Newcar介绍 Newcar是一个现代化的前端动画引擎，基于CanvasKit-WASM，在Skia的WebAssembly版本的加持下，既保证了它的性能，又带来了强大的绘图功能 ## 特点 1. 高度可自定义化的API 2. 链式语法，区别于传统动画引擎和游戏引擎需要将物体保存为变量的方式，链式语法会让开发效率更高 3. 拥有类似于Vue的diff算法的内核，进一步保证了动画的效率和“按需更新”的进行 4.可以在浏览器上运行，也可以配合ffmpeg在本地（nodejs）上运行 ## 未来计划 1. 可以从项目根目录下的mods目录看，目前newcar已经发布了数学模块（包括数轴，平面直角坐标系，函数图像等），未发布的有：几何模块，markdown模块，动态图表模块，ui模块，物理模块，思维导图模块等等 2. 未来将推出事件系统，让他变成动画游戏二合一引擎 3. 一些小的东西比如动画树 ## 背景故事 我初三的时候上数学课时，老师掏出了他清朝老幻灯片进行讲解，结果里面的flash课件打不开，因为电脑没有安装flash。于是我就在想，既然flash功能那么强大但没落了，我为什么不自己写一个类似于flash的库呢？说干就干，在2022年9月份开始思考，一直到12月份开始编写代码 刚开始的newcar十分简陋，甚至是基于原生Canvas的，性能非常差，动画编写的步骤也很繁杂。后来的newcar除了模仿flash，也集合了Manim等动画引擎及svg动画的设计原理。目前的Newcar的最新版本是重写重设计后的版本，但是未来会有更强大的功能 - 文档：[newcar.js.org/zh](https://newcar.js.org/zh) - GitHub: [github.com/dromara/newcar](https://github.com/dromara/newcar) -...
### Description The LaTex function for `@newcar/mod-math` ### API Example: ```typescript new Tex('latex content...', { style: { h1Size: 100, ... } }) ``` way: use `texsvg` packages, and use other...
When I write the API References for my opensource project, it maybe get a mess if you use common markdown. I don't know how to solve it until I discover...
It's like the title
In most of case, you can use `changeProperty` API to custom your attributes animation, but in recent using, i find many bug and unexpected points. ## Bugs If you use...
### Description # Tech-Stacks - Vue - Vite - TailwindCSS - Shadcn-UI ### Task List - [ ] Make the dashborad more beautiful.
**Describe the bug** Before playing the animation (called `app.play()`), you can freely change the visible of a widget, but after playing, you can only show and cannot hide, and the...
Playground needs a great maintainer to keep! The new page of playground that I have 50% done:  It's in **branch `playground`**, if you are interested in this, please comment...
There is a special usage in JSON Schema: ```json { "$schema": "http://json-schema.org/draft-07/schema#", "properties": { "root": { "type": "object", "properties": { "type": { "type": "string" }, "arguments": { "type": "array" },...
首先，我很开心能找到这个项目 Remotion有一个包基于react-native-skia封装了一些做视频用的组件： [https://www.remotion.dev/docs/skia/skia-canvas](https://www.remotion.dev/docs/skia/skia-canvas) 而我们团队正在开发一个叫VueMotion([https://github.com/Bug-Duck/vuemotion](https://github.com/Bug-Duck/vuemotion))的动画引擎，准备集成入Skia, 最初方案是CanvasKit-WASM, 但是如果封装下去工程量会非常大，所以我无意间搜索到了vue-skia 但是我研究了一下发现无法渲染到离屏画布上, 请问有什么解决方案？如果没有的话，我觉得可以封装类似于以下的API: ```vue // ... const ele = ref(null) const { surface } = useOffscreenCanvas(ele) // ... ... ``` 最终的需求是获取到图片的Blob对象。 如果看到了麻烦看一眼，谢谢！！！！！！！！！qwq