q5.js

用 WebGPU 轻松画交互艺术,小白也能秒上手

q5.js 是一个面向初学者、基于 WebGPU 的图形库,旨在让交互式艺术创作更简单。它解决了传统图形库(如 p5.js)在性能上的局限,通过 WebGPU 提供硬件加速,同时保持极低的上手门槛。核心能力包括:简洁的绘图 API(类似 p5.js 风格)、自动处理 WebGPU 的复杂初始化、支持现代浏览器的高性能渲染,以及针对交互艺术优化的实时反馈。项目处于早期阶段,但已具备基本绘图、动画和事件处理功能,适合快速原型设计和教育场景。

开源 free 设计创意
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 422
维护状态 活跃
是否开源 是
定价模式 free

项目预览

项目数据

分类设计创意
开发团队q5js
所属国家
官网地址https://q5js.org
定价模式free
价格说明开源项目,LGPL-3.0许可,完全免费,可自行部署使用。
访问状态
是否开源是
开源协议LGPL-3.0
主要语言JavaScript
技术栈/模型art,creative-coding,design,education,generative-art,graphics,interactive-art,p5,p5js,p5xjs,q5,q5js,q5xjs
GitHub 星标★ 422
30天Star增速
HF 下载量
上线时间2023-02-07 00:00:00
代码更新—
仓库体积—
本站数据更新—
维护状态活跃
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数3

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

核心亮点

  • API 设计极简,几乎零学习成本,适合编程新手
  • 基于 WebGPU,性能远超 Canvas 2D,流畅运行复杂动画
  • 自动处理 WebGPU 样板代码,开发者只需关注创意逻辑

不足之处

  • 项目早期,API 稳定性待观察,可能频繁变动
  • 依赖 WebGPU 支持,部分旧浏览器无法使用
  • 文档和示例较少,社区生态尚未建立

适用场景

  • 创意编程教学与入门实践
  • 浏览器端交互艺术与动态视觉设计
  • 快速原型验证和 WebGPU 技术尝鲜

替代项目

p5.js、Three.js、Processing

项目介绍

q5.js 是设计创意领域的开源项目,由 q5js 开发,2023 年首次发布。

它收录于设计创意分类,该分类目前共有 165 个项目,GitHub 星标数为 422。

项目目前处于活跃维护状态,最近一次代码更新于 2026-10-02。LGPL-3.0许可,完全免费,可自行部署使用。从国内网络环境看,可直接访问。

它主要面向的使用场景是:创意编程教学与入门实践。同类可对比的替代方案包括 p5.js、Three.js、Processing。

上一篇:fragment

下一篇:inkField

同类项目推荐

open-design 开源

让 AI 代工做界面,本地跑完随手改

Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. ️ L···

★ 99334 2026-08-09
Excalidraw 开源

开源虚拟白板协作工具

Virtual whiteboard for sketching hand-drawn like diagrams

★ 133468 2026-08-19
morph 开源

用数据直接生成设计、动画和交互可视化

Morph is a free and open-source tool for creating designs, animations or interactive···

★ 126 2026-08-09
ChatGPT-MidJourney-prompt 开源

输入一句话,AI帮你生成Midjourney完整提示词

This is a ChatGPT based prompt generation model for MidJorney. The purpose of this m···

★ 344 2026-08-09