vue-gl - 以 vue 组建的形式动态渲染 webgl 图形，给予 three.js
regl - webgl 操作库，可简化很多操作
evanw/glfx.js - 基于 webgl 的滤镜库，代码很清晰。这个人是 webgl 专家
antvis/g - 阿里的 2d 绘图引擎，统一 api 支持 canvas, svg，代码清晰。
picogl.js - 极简的 Webgl2 渲染库
claygl @github - webgl 引擎，zrender 作者开发
popmotion @github - js 的动画工具库，驱动 vuesue/motion ⭐⭐⭐
luma.gl @github - 高性能 webgl 渲染引擎，专注于数据可视化，由 uber 维护，是 deck.gl, kepler.gl 和 avs.auto 背后的引擎。 ⭐⭐⭐
ogre - 通用的 3d 绘图引擎，基于 c++
black - 号称最快的 html 2d 游戏引擎，综合不错
q5xjs - p5.js 复刻版，只有 33kb，单文件，非常好。 ⭐⭐⭐
js13k-2d - 为 js13k 写的 2d sprite 渲染引擎，使用 webgl，非常快，压缩后只有 2kb，是很好的学习素材。 ⭐⭐⭐
oasis-engine/engine - 阿里的图形引擎，支持 2d 和 3d，支持 webgl，后期可能会开放编辑器。结构和文档都费非常好。 ⭐⭐⭐
spritz.js - 精灵动画库
zzsprite - 像素化图标自动生成
canvas sprite animations - 单文件精灵动画库
timeliner @github - 时间线编辑控件，类似于 pr，ae，可用于动画编辑等。 ⭐⭐⭐
awesome webgl - webgl 资源清单
webglx - 统一 webgl1 和 webgl2 的 api
canvas screenshot - 将 canvas 内容保存为截图
canvas record - 将 canvas 动画录制为视频
canvas thumbnail cache - 将内容绘制在备用 canvas 中提升性能
canvas context - 创建 canvas2d, webgl, webgl2 等形式的 context, 可以创建为 offscreen
raf-perf - canvas 对象性能组件
shader particle engine - 基于 three.js 的 glsl 着色器
glsl canvas - 在 canvas 中加载 glsl 效果
fast voxel raycast - 更快速的光线追踪实现
zeus playground - 一个可视化编程的 voxel 开放世界，原始，但原创，不错
froggy - 用 ts 写的 blockly 可视化编辑引擎，原始，但原创，不错，ts + less + react，与 zeus playground 统一作者，froggy interpreter 是配套的代码转换器。
magica voxel - voxel 图形编辑器，高端，不开源，但可到处多种格式，有格式标准和配套插件，有配套的 viewer，有不少配套资源。 ⭐⭐⭐
webgl voxel - 结合使用 magicavoxel 模型、threejs 和 webgl 的范例
qake @ 在线 demo - 非常好的 voxel 引擎，基于 threejs，代码结构清晰，含有完整的素材，是很好的参考。这个作者是出色的 voxel 项目维护者，还有其他很多可参考项目，具体可见其主页。
oranj/voxel - voxel 模型生成工具，ts
voxel-engine @官网 - voxel 引擎，代码结构简单充实，有丰富的资源和参考，是非常好的开始。 ⭐⭐⭐
noa - 目前位置最完善的 voxel 引擎，基于 babylon.js 进行 3d 渲染，派生出如 voxelsrv 等值得参考的实现，可通过 noa-example 仓库快速入门，作者还有大量相关有参考价值的项目，如：快速光线追踪、轻量级实体系统、物理引擎等，具体可以参考其 github 主页。 ⭐⭐⭐
voxelsrv 和 voxelsrv-server - 基于 noa 的仿 minecraft 实现，效果很好，服务器端采取插件机制。
voxel-engine - 无依赖 voxel 引擎
voxel art creator @在线 demo - voxel 模型编辑器，类似于 magica voxel
bloq - voxel 搭建游戏
voxel tools @在线 demo - voxel 图形的基本算法和渲染实现
craft - 优秀的 minecraft 仿制，c + opengl，渲染效果好，自带基于 python 的多人对战服务器，代码只有几千行，体积只有 2.2 mb
pixi editor - 像素画编辑器，界面类似 ps，基于 .net5 开源，只有 3Mb，目前闪退
slate - 像素画编辑器。 ⭐⭐
pixel art icons - 像素化图标库，图标列表。 ⭐⭐⭐
bitty 和 b8 - 国人开发的像素画游戏引擎和制作工具，在 steam 出售，闭源，但思路可以参考
psvg - 可编程 svg，让 svg 的编写更程序化，由林东开发维护，含解析器、编译器和丰富的案例。 ⭐⭐⭐
joy, ptsjs, cindyjs, threejs, triojs, zrender, cax
joy.js - 文字界面的创意编程体系，首选，结合 p5.js, q5xjs, pts, cindyjs 等库。 ⭐⭐⭐
openprocessing - 这里有众多编程创意和游戏，基于 processing。 ⭐⭐⭐
three.js - web 3d 内容首选引擎，首页就是案例。 ⭐⭐⭐
tixy land @github- 创意高尔夫球矩阵，极简
p01 - Mathieu 创意编程项目列表
aem1k.com - Martin Kleppe 创意编程项目列表
chip8 @github - 用 js 实现的 chip8 模拟器，含配套工具
awesome creative coding - 创意编程信息总表
cantelope - 创意列表 ⭐⭐⭐
nicky case repositories - nicky case 的创意宝藏 ⭐⭐⭐
redblobgames - 宝藏
thing editor - pixi.js 5 在线游戏编辑器 ⭐⭐⭐
note craft @github - 创意音乐游戏场景。 ⭐⭐⭐
honeycomb - 六边形网格库。 ⭐⭐⭐
hexa sphere - 以六边形覆盖星球。
ml5-library - 浏览器中的机器学习
p5.js showcase - p5.js 的案例清单
love-maze - 迷宫对战，解答题目才能前进
automaton - 创意编程动效库
audiofabric @github - 音频可视化
rolyatmax/sktches @github - webgl 绘图作品列表
processing sketchs @github - processing 作品清单，高大上
p5pen @github - 非常有创意的 p5.js 在线绘图
p5.js playground - p5.js 在线编辑器，可用于绘制作品
generative design list @github - 书籍 generative design 的范例，有一个基础库
generated space @github - p5.js generative art 作品列表
mathbox - 数学的图形化展示，基于 webgl，效果好。
mojulo @github- 可视化展现数学公式，可以创建自己的，很有创意
alchemy online @github - 在线化学反应、合成魔法。 ⭐⭐⭐
shaderbooth - 结合人工智能的变脸。
glsleditor - 展示了如何在 codemirror 中集成 ui widget
words and buttons @github - 不断增加的在线互动教程，包括数学、集合、算法等，非常多的资源和参考。 ⭐⭐⭐
poki - 类似与 itch 的小游戏平台
immersive math - 全互动的线性代数教程。 ⭐⭐⭐
ykob/sketch-threejs - 基于 threejs 的作品集
kd tree - 非常快的 k-d 树，在线范例：蜘蛛、颜色搜索
leetcode patterns - 按模式对 leetcode 题目进行归类
https://webglfundamentals.org/webgl/lessons/zh_cn/
book of shaders - 中文版
留言服务: commento
[excalidraw]](https://github.com/excalidraw/excalidraw)
翻译和改编 codedrops 文章
翻译和加强 codedrops 的 css 手册
翻译和加强 tiny renderer 系列课程
翻译 23 条创业项目规则
学习 写一个自定义的 dom
vcyc/modV: modular audio visualisation powered by JavaScript
meyda/meyda: Audio feature extraction for JavaScript
gameprogrammingpatterns.com
www.craftinginterpreters.com
qiao/euphony: MIDI visualizer in WebGL
naknomum/hexicon: Like identicons, but a hexagon, and svg
glslsandbox.com
integrate Marp with Slidev
awesome-glsl
creativelifeform/three-nebula: WebGL based particle system engine for three.js
a-star demo
https://github.com/yomotsu/meshwalk: TPS game development with three.js
https://github.com/gl-transitions/gl-transitions: collection of GL Transitions
https://github.com/yomotsu/camera-controls: similar to THREE.OrbitControls yet supports smooth transitions and more features
https://github.com/yomotsu/gl-slideshow: 2D slideshow with WebGL
https://github.com/alyssaxuu/mapus: A map tool with real-time collaboration
https://github.com/gilnd/vue3-smooth-dnd: Vue3 wrapper components for smooth-dnd
https://github.com/giscafer/travel-map: Recorded the city on the map where i have been travelled.
https://github.com/foliojs/pdfkit: A JavaScript PDF generation library for Node and the browser
https://github.com/Hopding/js-visualizer-9000-client: A React app to interactively visualize JavaScript's Event Loop
https://github.com/Hopding/pdf-lib: Create and modify PDF documents in any JavaScript environment
https://github.com/Brooooooklyn/canvas: High performance skia binding to Node.js. Zero system dependencies and pure npm packages without any postinstall scripts nor node-gyp.
https://github.com/Milkshake-Inc/ecs: Typescript Entity Component System Game Engine
dset in 182 bytespython -> web 绘制的参考。tweakpane - 类似于 dat.gui 的参数调节面板 ⭐⭐⭐
easy stars - js 路径寻找库 ⭐⭐⭐
json server - 快速生成 json 假数据的服务器 ⭐⭐⭐
sein.js - web 3d 游戏引擎，基于 hilo
licia - 零依赖 js 库，含 400+ 模块 ⭐⭐
赫蹏 - 中文版式设计规范和增强 ⭐⭐⭐
codemirror-movie - codemirror 编辑器内容打字特效
bit by bit - 可视化编程教学工具 ⭐⭐⭐
cindyjs @github - 目前为止最好的用于教学的数学和物理库，含有丰富的实例和翔实的文档。该库主要是参考传统的类似软件 Cinderella，这个公司专注于教学创意和教学可视化，软件和硬件都值得学习。 ⭐⭐⭐
itdevbooks/pdf - 计算机书籍 pdf 版，可用于设计课程的参考 ⭐⭐⭐
openblockcc/openblock-gui - 基于 scratch3 的 arduino 编辑器，其中 openbockcc 是国内公司，自带很多开源项目 ⭐⭐⭐
teaching.vip @github - 基于 scratch3 的在线教学平台，可作参考。重新包装的 scratch3 模块 easy-scratch3 可作为改造的参考。⭐⭐⭐
doersino/tixyz - 编程实时反馈，小，有创意，三维
aemkei/tixy - 编程实时反馈，小，创意，二维
https://github.com/code-golf/code-golf
trtc - 腾讯开源的 rtc 组件，支持多端
reveal-md - 用markdown 写 ppt，基于 reveal.js
visual-drag-demo - vue 拖拽范例，包括原理分析和在线预览，是一个很好的开始模板 ⭐⭐⭐
pixel craft @github - 简洁明了的像素作品创作工具 ⭐⭐⭐
excalidraw @github- 手绘风格流程图软件 ⭐⭐⭐
logic flow @github- 滴滴开源的流程图可视化方案 ⭐⭐⭐
chroma.js - 颜色操控库
howler.js - web 音频操作库，可编程作曲、回放 ⭐⭐⭐
justauth - 小而全而美的第三方登录开源组件。支持微信 ⭐⭐⭐
editor.js - 在线编辑器，json 设置
typical - 小巧的打字特效实现，0.4 kb
rete.js - 流式可视化编程，主要参考，使用 ts 开发：https://github.com/retejs/rete
网页手绘库，很小，不错，https://github.com/jakubfiala/atrament.js
webduino - 硬件可视化编程可以参考，https://github.com/webduinoio/webduino-blockly，https://webduino.io/，https://webbit.webduino.io/blockly/
nodered - 流式可视化编程，https://github.com/node-red/node-red
xod - 可视化控制硬件平台，开源，不错的设计，https://github.com/xodio/xod，https://xod.io/
waterbear - 原创的类似于 blockly 的可视化编程环境，简单，不一样，另有配套的语言 moonshine，https://github.com/aosabook/500lines/blob/master/blockcode/blockcode.markdown，https://github.com/waterbearlang/moonshine，https://github.com/waterbearlang/waterbear
jspdf - 在浏览器中生成 pdf 文件，https://github.com/MrRio/jsPDF
interact.js - 浏览器拖放、缩放等操作库，https://github.com/taye/interact.js
rxdb - 实时高校的 js 数据库，https://github.com/pubkey/rxdb
colyseus - 基于 nodejs 的多人游戏服务器，https://github.com/colyseus/colyseus
fantasy map generator - 基于浏览器的幻想地图生成器，https://github.com/Azgaar/Fantasy-Map-Generator
mxgraph - draw.io 的底层绘图库，https://github.com/jgraph/mxgraph
screenfull.js - 跨浏览器全屏 API，https://github.com/sindresorhus/screenfull.js
save svg as png - 将 svg 保存为 png，https://github.com/exupero/saveSvgAsPng
svg.js - svg 操作库，https://github.com/svgdotjs/svg.js
js code to flowchart - 将 javascript 代码以流程图的形式呈现，使用 svg 绘制，https://github.com/Bogdan-Lyashenko/js-code-to-svg-flowchart
vm.js - 支持小程序和 ES6 的 js 运行环境，中文，ts，基于 jsjs，https://github.com/axetroy/vm.js
can.js - js 运行环境，中文，只依赖 acron，代码结构清晰，https://github.com/jrainlau/canjs
jsjs.js - js 运行环境，中文，ts，https://github.com/bramblex/jsjs
js-interpreter - 独立的 js 运行环境，blockly 官方使用，https://github.com/NeilFraser/JS-Interpreter
cax - 小程序、小游戏、WEB 通用的 Canvas 渲染引擎，https://github.com/dntzhang/cax
topology - 使用 typescript + canvas 开发的绘图引擎，很不错，https://github.com/le5le-com/topology
vue-draggable-workflow - 基于 jsplumb 的流程图编辑器
vue-jsplumb-editor - 基于 jsplumb 的流程图编辑器
jsplumb - 流程图绘制库的 community 版本
mxgraph - svg 绘图库，是 draw.io 的绘图引擎
seafox - 用 Typescript 写的 js 解析器，快，支持 es2021
vue-gl - vue, threejs, webgl
sunniejs/vue-canvas-poster - vue 海报生成，一些功能可做参考，如二维码。
https://github.com/weolar/miniblink49
https://groups.google.com/g/blockly/c/ssAXhXoDHQw/m/aBtk9toWAwAJ
https://github.com/dhruvmisra/Pathfinding-Visualizer-ThreeJS
https://github.com/NativeScript/NativeScript
https://github.com/alyssaxuu/flowy
https://github.com/kekkorider/threejs-starter
https://github.com/troisjs/trois
https://github.com/vueuse/sound
budibase - 低代码平台，采取客户端 + api 接入的方式
kelper.gl - 基于 mapbox 和 deck.gl 的地理数据可视化，效果不错
turfjs @github - 地理位置工具库，很全面，demo 完美。 ⭐⭐⭐
jsbin - jsbin 源代码
shiki/shiki @github - 轻量代码高亮库，可渲染为 html 和 svg
jsfuck @github - 用 []()!+ 这六个字符编写任意 js 代码 ⭐⭐⭐
mmd.js - 1kb markdown 解析库，很好的参考。
snake - 263 字节的贪吃蛇游戏
draggabilly - 拖拽库，支持 ie10 和触屏。
bbo - 零依赖 js 工具库，很不错。 ⭐⭐⭐
lin-cms-vue - 基于 vue + element 的 cms 系统
ffcreator 和 ffcreator lite - 基于 ffmpeg 和 nodejs 的视频加工库，腾讯出品，非常好。 ⭐⭐⭐
page-diff - 页面内容差异比较库。代码清晰明了。
nectar.js - 将 js 代码编译为原生应用 ⭐⭐⭐
glass website - 单页 html +css 页面，玻璃质感，效果和排版可以作为参考
prompts - 用于开发命令行工具的提示和输入，简单、清晰、符合直觉。 ⭐⭐⭐
vue-super-flow - vue 流程图
flax engine - 类似于 unity，unreal，godot 的一体化引擎
tree sitter @ github - 解析编程语言的库，支持 js，c 等，非常好
lezer @ github - 编程语言解析器，基于 tree sitter ，用 ts 编写，由 codemirror 开发维护。 ⭐⭐⭐
tracery - 程序化生成故事
penpot/penpot - 在线原型编辑器，基于 svg 格式
白天模式 + 黑夜模式
先定义白天模式，再以 dark 嵌套黑夜模式
每种模式含裸调和色调
纯色和渐变色分开设置
黑夜模式
每一种色调包括：
元素色彩关系
优先考虑元素单独显示在背景上（按钮、图标
{
DEFAULT: 缺省内容
tint: 浅色，用于注释、分割线、分类标题底色等
deep: 深色，用于强调、下划线，或显示浅色背景上的内容，如：信息框、对话框
content: {
DEFAULT: 互动元素的内容颜色，如：按钮上的字体和图标
accent: 互动元素的内容强调色，用于按钮悬停、获得焦点时
container: {
DEFAULT: 容器元素的内容颜色，如：信息框、对话框的字体和图标
accent: 容器元素的的内容强调色，用于按钮悬停、获得焦点时
}
}
border: {
DEFAULT: 互动元素的边框色，如：按钮、图标
accent: 悬停时的互动元素边框色，用于按钮悬停、获得焦点时
container: {
DEFAULT: 容器元素的边框颜色，如：信息框、对话框的字体和图标
accent: 容器元素的的边框强调色，用于按钮悬停、获得焦点时
}
}
bg: 互动元素的底色，如：按钮、带底色图标
gradient: {
begin:
end:
}
block: {
}
}
编程与数学
编程与语文
编程与英语
编程与绘画
编程与音乐
编程与游戏
编程与物理
编程与化学
编程与地理
编程与历史
编程与天文
编程与生物
编程与社会
编程与体育
趣码岛历险记 - 系列
写给家长的编程书
青少年趣味编程-基础
青少年趣味编程-进阶
青少年趣味编程-算法
青少年趣味编程-创意
青少年趣味编程-机器人
青少年趣味编程-人工智能
https://github.com/takahirox/riscv-rust risc-v 模拟器，可以在线运行 linux
https://github.com/takahirox/mmd-viewer-js 训练舞蹈动作、大招的动画，good
https://github.com/takahirox/nes-js nes 模拟器，代码清晰
https://github.com/thx/gogocode 代码 ast 和转换工具，中文，good
https://github.com/jneen/parsimmon 语言解析，单文件，可解析数学公式等，good
https://github.com/microsoft/maker.js 造物绘图，参数化，代码清晰，good
https://github.com/jscad/OpenJSCAD.org 参数化 cad 绘图建模
https://github.com/wixette/8800-simulator 将字体转换为 svg 路径
https://github.com/wixette/8800-simulator 8080 cpu 模拟器
https://github.com/wixette/jsmanuscript 将中文转为稿纸格式
https://www.khronos.org/developers/reference-cards/ webgl 卡，官方
https://github.com/sketchpunk/FunWithWebGL2 webgl 范例，有 youtube 频道讲解
https://github.com/donmccurdy/three-pathfinding three.js 路径可视化
http://daniel-lundin.github.io/snabbt.js/ 小、快的动画库，可作为互动教材，源代码非常清晰
https://github.com/WhitestormJS/whs.js web 3d 引擎，基于 three.js
https://github.com/hirako2000/riju 通过 web 运行多种类型代码
https://github.com/jwagner?tab=repositories https://29a.ch/ 大量图形：水、火、地形、雾
https://github.com/w8r?tab=repositories 几何图形运算，树形结构
https://mei.org.uk/appsgames 英国数学教育创新机构
https://github.com/mathigon 宝藏，互动教科书，格式，开源库，网站：https://mathigon.org/
https://www.desmos.com/ 数学几何互动教学
https://github.com/robhagemans/hoard-of-bitfonts bitmap font 收集
https://github.com/daybrush/moveable good，配合 sortable.js
https://github.com/ggambetta/computer-graphics-from-scratch 好书，学习、翻译
https://github.com/engine262/engine262 用 js 实现最新的 js 语法标准
https://github.com/jamiebuilds/itsy-bitsy-data-structures good
https://github.com/yjs/yjs 可共享的数据类型，网络协议无关，可自动同步、合并、协作
https://github.com/mikelovesrobots/mmmm voxel 模型集
https://github.com/marp-team/marp ppt 和课件撰写引擎
https://github.com/markdown-it/markdown-it marpit 基于 markdown-it
https://github.com/maxwellito/triangulr/blob/master/triangulr.js
https://github.com/Mugen87/yuka Standalone AI Engine
state machine: https://github.com/matthewp/robot
参考：https://github.com/pshihn/legra good 各种形状绘制算法
参考：椭圆、方形的实现
https://github.com/davidbonnet/astring
学习：https://daisyui.com/
学习：https://github.com/woai3c/visual-drag-demo
学习：https://github.com/choojs/nanostate，https://github.com/choojs/nanobounce
https://github.com/xem/miniPixelFont 将字体转换为像素风格 good
https://github.com/stemkoski/HTML-Joysticks/blob/master/index.html
音乐家场景
管理后台
tree
3d 场景优选 taro
录音并绘制声调曲线：https://github.com/dtinth/pitch/blob/main/index.html
基于 p5.js/q5.js 的练习，含书，https://github.com/CodeAsCreativeMedium/exercises
vorg/timeline.js - good
creative coding, live coding, golf coding, generative, hexagon, isometic, tile, geometry, pattern, procedural, interactive。不仅搜索项目，还要搜索作者。、