001

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

开源 🏷️完全免费 🔧 仅开源项目,无在线服务,需自行部署 设计创意 🍴 复刻 6 🐛 待处理 16 👀 关注 8
GitHub ↗
GitHub 星标 ★ 55
维护状态 低维护
是否开源 开源
定价模式 🏷️完全免费 开源项目,MIT许可证,完全免费,无付费版本。

项目预览

001 项目界面预览图
图片来源:GitHub 官方仓库名片

项目数据

分类设计创意
开发团队drawcode-workshops
定价模式🏷️完全免费
价格说明开源项目,MIT许可证,完全免费,无付费版本。
访问状态🔧 仅开源项目,无在线服务,需自行部署
是否开源是
开源协议MIT
主要语言JavaScript
技术栈/模型art,creative-coding,generative-art,threejs,webgl
GitHub 星标★ 55
上线时间2019-08-20 00:00:00
代码更新2023-01-04
仓库体积3.3 MB
本站数据更新2026-11-08
维护状态低维护
收录时间2026-08-09
浏览次数8

项目介绍

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

Star 增长趋势

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

数据来源:GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 55

核心亮点

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

不足之处

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

适用场景

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

替代项目

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

上一篇:reaction-diffusion-playground

下一篇:bootcamp

同类项目推荐

shiping 开源

按快捷键截屏,AI 立刻看懂并解答屏幕内容

识屏 Shiping:截屏 + AI,看懂屏幕上的任何内容。代码、报错、题目、图表、外文资料,按快···

★ 1175 2026-11-06
onepanel 开源

一站式搞定计算机视觉项目,从标注到部署全流程自动化

The open source, end-to-end computer vision platform. Label, build, train, tune, dep···

★ 733 2026-08-09
CC-Pan 开源

用扩散模型高效融合遥感图像,全色锐化又快又准

[TMM 2026] Official implementation for "CC-Pan: Channel-wise Compression based Diffu···

★ 156 2026-08-09
pytorch-image-models 开源

一行代码调用数百个预训练视觉骨干,省去复现选型成本

The largest collection of PyTorch image encoders / backbones. Including train, eval,···

★ 37267 2026-09-14
APTM 开源

用自然语言精准找目标人物,多属性提示学习提升检索准确率

The official code of "Towards Unified Text-based Person Retrieval: A Large-scale Mul···

★ 177 2026-08-10
GPT4Point 开源

让AI看懂3D点云,听懂人话,直接生成和编辑3D模型。

[CVPR'24 Highlight] GPT4Point: A Unified Framework for Point-Language Understanding ···

★ 445 2026-08-09
pyod 开源

一站式异常检测库,60+算法开箱即用,自动选最优模型

A Python library for anomaly detection across tabular, time series, graph, text, ima···

★ 10082 2026-08-09
001 开源

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

draw_code.001 — ThreeJS, WebGL & GLSL

★ 55 2026-08-09