design-ai-lab

智能设计实验工具 Artificial Intelligence for Graph Design

• 使用JavaScript易于上手
• 集成p5.js、tensorflow.js、opencv.js
• 提供示例代码
• 桌面软件，安装即用
• 可发布为本地的桌面应用
• 基础AI能力

examples

• Hello World

• 海报合成工具

• 视频合成工具

• 图像处理实验

• 海报布局提取

Clone and run for a quick way to see Electron in action.

基本的electron应用包括以下文件:

• package.json - 管理应用的入口，依赖包等.
• main.js - 应用的主进程 main process.
• src/index.html - 一个html网页，是应用的渲染进程 renderer process.

可查阅electron官方文档 Quick Start Guide.

如何使用

通过git clone此仓库，然后通过npm来进行安装、开发:

# Clone this repository
git clone https://github.com/shadowcz007/design-ai-lab.git
# Go into the repository
cd design-ai-lab
# Install dependencies
npm install
# Run the app
npm start

TODO

• 图像搜索引擎
• 多模态
• face mesh

感谢以下开源项目

@tensorflow/tfjs 3.0.0

@fortawesome/fontawesome-free

opencvjs-dist 4.4.0

fabric

@ffmpeg-installer/ffmpeg

idb-kv-store

...详见package.json

欢迎访问微信公众号 Mixlab无界社区

• 如何在fabricjs上显示gif ？ 方法1：gif经过ffmpeg转为mp4，通过video标签进行显示

x 方法2：gifuct-js把gif解析为imagedata，通过

• 如何把视频抠图后，显示在fabricjs上？

• 移动端safari WebSocket network error: The operation couldn’t be completed. (OSStatus error -9807.) websock在iphone上建立连接失败，在mac和pc和安卓都是好的

解决：ip替换成域名，或者不用https 或者用认证过的

• peerjs server部署到mixlab.top官网上