001

用代码画图,玩转 WebGL 创意视觉

draw_code.001 是一个基于 ThreeJS、WebGL 和 GLSL 的创意编程实验项目,专注于通过代码生成视觉艺术。它解决了如何用 JavaScript 和着色器语言快速构建交互式图形场景的问题,提供了从基础几何体到自定义着色器的完整示例。核心能力包括:ThreeJS 场景管理、WebGL 渲染管线封装、GLSL 着色器编写与调试,以及实时交互反馈。项目代码结构清晰,适合作为学习 WebGL 和创意编程的入门参考,也方便开发者在此基础上扩展自己的视觉作品。

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

项目数据

分类设计创意
开发团队drawcode-workshops
所属国家
官网地址
定价模式free
价格说明开源项目,MIT许可证,完全免费,无付费版本。
访问状态
是否开源是
开源协议MIT
主要语言JavaScript
技术栈/模型art,creative-coding,generative-art,threejs,webgl
GitHub 星标★ 55
30天Star增速
HF 下载量
上线时间2019-08-20 00:00:00
最近更新2026-07-13 00:00:00
维护状态低维护
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数7

使用教程

核心亮点

  • 基于 ThreeJS 成熟生态,上手门槛低,适合快速原型
  • GLSL 着色器示例丰富,覆盖常用视觉效果
  • 代码注释清晰,便于学习 WebGL 渲染原理

不足之处

  • 项目尚处早期,示例覆盖场景有限
  • 文档/社区待观察

适用场景

  • 学习 WebGL 和 GLSL 编程入门
  • 快速生成交互式 3D 视觉原型
  • 作为创意编程作品集的技术参考

替代项目

Three.js 官方示例、ShaderToy、p5.js

项目介绍

001 是计算机视觉领域的开源项目,由 drawcode-workshops 开发,2019 年首次发布。

它收录于计算机视觉分类,该分类目前共有 446 个项目,GitHub 星标数为 55。

项目已超过三个月没有代码更新,维护节奏明显放缓,最近一次代码更新于 2026-07-13。MIT许可证,完全免费,无付费版本。

它主要面向的使用场景是:学习WebGL和GLSL编程入门。同类可对比的替代方案包括 Three.js 官方示例、ShaderToy、p5.js。

上一篇:reaction-diffusion-playground

下一篇:bootcamp

同类项目推荐

modlens 开源

给纯文本编码代理装上眼睛,粘贴图片即刻获得结构化视觉证据。

The first vision plugin for DeepSeek Harness, and the vision bridge for every text-o···

★ 4019 2026-08-19
opencv 开源

开箱即用的视觉算法库,搞定图像视频处理与识别

Open Source Computer Vision Library

★ 90930 2026-08-10
OpenCVTutorials 开源

中文 OpenCV 教程,从入门到实战,边看边跑代码

OpenCV-Python4.1 中文文档

★ 1430 2026-08-20
DEIMv2 开源

用DINOv3做实时检测,又快又准,直接落地。

[DEIMv2] Real Time Object Detection Meets DINOv3

★ 2046 2026-08-14