#WebGL

keras-js - 在浏览器中运行Keras模型,利用WebGL提供GPU加速
TensorFlow.jsKerasWebGLNode.jsMNISTGithub开源项目
Keras.js项目已停止更新,建议使用TensorFlow.js。该项目允许在浏览器中运行Keras模型,并利用WebGL提供GPU支持。用户可以访问交互演示和文档,体验MNIST卷积网络、ResNet50、Inception v3等模型的应用。虽然Keras.js不再更新,但现有演示仍可使用,并且支持在Node.js中以CPU模式运行模型。
imageprocessing-labs - 实现计算机视觉与图像处理的开源项目
Image processing机器学习计算机视觉FFTWebGLGithub开源项目
该项目在网页和Node环境中实现了计算机视觉、图像处理和机器学习功能,包括FFT、立体匹配、Poisson图像编辑等。还支持决策树、K-Means++、逻辑回归等机器学习算法,并提供WebGL样例和ONNX Runtime支持。项目开源,采用MIT许可证。
FILTER.js - 用于图像和视频处理的纯JavaScript库
FILTER.js图像处理视频处理JavaScriptWebGLGithub开源项目
FILTER.js是一款纯JavaScript库,专注于图像和视频处理,支持HTML5特性如Canvas、Web Workers、WebAssembly和WebGL,并兼容Node.js环境。提供多种功能强大的滤镜和插件,实现高效的CPU和GPU并行处理。支持自定义构建,适用于各种应用需求。
jeelizFaceFilter - 精确的面部检测与追踪库,适用于多种3D引擎的增强现实应用
JavaScriptWebGL增强现实面部追踪轻量化Github开源项目
这款JavaScript库利用WebRTC技术从摄像头视频流中实时检测和追踪面部,并可以叠加3D内容用于增强现实应用。该库设计轻量,独立于任何第三方库或3D引擎,提供原始面部数据确保能兼容任意框架。涵盖多个示例和辅助工具,便于快速实现高级应用,如头部运动追踪和面部滤镜。支持THREE.JS、BABYLON.JS等多种主流3D引擎,且持续更新新演示,是开发基于面部增强现实应用的理想选择。
angle - 跨平台图形渲染引擎 实现OpenGL ES多API转换
ANGLEOpenGL ES图形渲染跨平台WebGLGithub开源项目
ANGLE是一个开源图形渲染引擎,能将OpenGL ES API调用转换为多种硬件支持的API,实现跨平台WebGL和OpenGL ES内容运行。支持OpenGL ES 2.0至3.1版本,可转换为Vulkan、OpenGL、Direct3D等多种API。广泛应用于主流浏览器的WebGL后端和着色器处理,并提供实验性OpenCL支持。
sandspiel - 在线落沙游戏模拟粉末物理交互
Sandspiel沙子游戏WebGLRustWebAssemblyGithub开源项目
Sandspiel是一款基于Rust和WebGL开发的落沙游戏,模拟粉末颗粒的物理交互。玩家可在线创作沙画作品,并支持分享和衍生。游戏提供了细胞自动机环境,未来计划开放自定义元素编程接口。Sandspiel旨在激发用户的创造力和探索欲望。
scatter-gl - WebGL驱动的交互式3D/2D散点图渲染库
ScatterGL3D绘图数据可视化WebGL交互式图表Github开源项目
scatter-gl是一个基于WebGL的开源3D/2D散点图渲染库,源自TensorFlow的嵌入投影仪。它能高效渲染和交互处理数万个数据点,支持多种渲染模式和自定义样式。scatter-gl适用于大规模数据可视化,开发者可通过npm或CDN轻松集成,实现高性能的交互式数据展示。
kitti360LabelTool - KITTI-360数据集标注工具
KITTI-360标注工具数据集计算机视觉WebGLGithub开源项目
KITTI-360 Annotation Tool是一个开源的Web应用框架,用于标注KITTI-360数据集。该工具基于Python和JavaScript开发,结合cherrypy和WebGL技术,提供了直观的用户界面。它支持多用户协作、任务分配和权限管理,有助于提高标注效率和准确性。研究人员可以使用此工具查看、编辑和提交标注结果,为城市场景理解研究提供数据支持。
pixijs - 快速轻量的2D渲染库 构建跨平台交互式图形应用
PixiJS2D渲染库WebGLWebGPUHTML5游戏Github开源项目
PixiJS是一款高性能2D渲染库,支持WebGPU和WebGL技术,适用于各类设备。开发者可轻松创建交互式图形、跨平台应用和游戏,无需深入了解WebGL。该库提供简洁API、完整场景图、资源加载器和滤镜系统,并支持丰富的社区插件。PixiJS适合开发图形密集型网站、应用和HTML5游戏,具有优秀的跨平台兼容性和性能表现。
vizceral - WebGL网络流量可视化开源组件
Vizceral流量数据可视化WebGL网络图NetflixGithub开源项目
Vizceral是一个基于WebGL的开源网络流量可视化组件。它可以动态渲染节点间的连接流量,并支持全局、区域和服务三个层级的流量图表展示。虽然目前不再活跃维护,但仍可进行自定义开发。这个组件主要用于大规模网络流量的监控和分析,能够高效地处理和展示复杂的流量数据。
ammo.js - 将Bullet物理引擎移植到JavaScript的开源项目
ammo.jsBullet物理引擎JavaScriptWebGLEmscriptenGithub开源项目
ammo.js是一个将Bullet物理引擎移植到JavaScript的开源项目。它利用Emscripten将C++代码转换为JavaScript,保留了Bullet的全部功能。项目包含WebGL演示、自动生成的API绑定和详细文档。开发者可以使用ammo.js在Web环境中实现刚体、软体、车辆等复杂物理模拟效果。该项目为Web物理引擎开发提供了强大而灵活的解决方案。
three.js - 跨浏览器JavaScript 3D图形库 简化Web 3D开发
three.js3D库WebGLJavaScript渲染器Github开源项目
three.js是一个JavaScript 3D库,致力于简化Web 3D图形开发。它具有易用性、轻量级和跨浏览器兼容性,主要基于WebGL渲染,同时支持WebGPU、SVG和CSS3D。该库允许开发者创建3D场景、动画和交互效果,应用于游戏、数据可视化和虚拟现实等领域。three.js提供了全面的文档、示例和社区支持。
umbrella - 多功能TypeScript库生态系统
thi.ng/umbrellaTypeScript函数式编程响应式编程WebGLGithub开源项目
thi.ng/umbrella是一个由198个独立TypeScript库组成的开源生态系统,涵盖函数式编程、响应式编程、数据结构、WebAssembly、几何和图形等多个领域。它采用模块化设计,开发者可根据需求选择和组合不同的库。项目提供丰富的示例和文档,便于学习和使用。thi.ng/umbrella不是框架,而是一套可组合的工具集,为构建各类应用提供基础设施。
pixi-live2d-display - 高性能Live2D模型渲染和交互框架 适用于PixiJS
pixi-live2d-displayLive2DPixiJSCubismWebGLGithub开源项目
pixi-live2d-display是一个通用Live2D框架,适用于PixiJS。该框架支持所有版本的Live2D模型,提供简化的API接口和自动交互功能。它统一了不同版本Live2D模型的使用方式,支持PIXI.RenderTexture和PIXI.Filter,并提供Pixi风格的变换API。框架完全支持TypeScript,便于开发者快速集成和控制Live2D模型。
sigma.js - WebGL驱动的大规模图形可视化JavaScript库
Sigma.js图形可视化JavaScript库WebGLgraphologyGithub开源项目
Sigma.js是一个基于WebGL的开源JavaScript图形可视化库,专为处理大规模网络数据而设计。它能高效渲染包含数千节点和边的复杂图形,提供流畅的交互体验。该库基于graphology构建,具有简单的集成方式和全面的文档支持,适用于科研分析和数据可视化等多种场景。
color4bg.js - 基于WebGL的动态抽象背景生成工具
color4bg.js背景生成WebGLJavaScript动态背景Github开源项目
color4bg.js是基于WebGL和JavaScript的工具,用于生成网页动态抽象背景。它具有高性能,支持自定义颜色、动画效果和一致性模式。开发者可通过设置颜色数组、种子值和循环参数,轻松创建独特背景。该工具提供多种背景类型,适用于不同网页设计需求,是一个简洁高效的背景设计解决方案。
Babylon.js - 开源Web 3D渲染引擎 构建高性能交互式3D应用
Babylon.js3D引擎WebGLJavaScript游戏开发Github开源项目
Babylon.js是一个开源的Web 3D渲染引擎,提供丰富的工具和API用于创建高性能、跨平台的3D应用和游戏。支持WebGL和WebGPU,具备场景管理、物理引擎和粒子系统等功能。适用于开发游戏、数据可视化和AR/VR等多种3D交互体验。
phaser - 开源且高性能的HTML5游戏框架
PhaserHTML5游戏框架WebGLCanvas游戏开发JavaScriptGithub开源项目
Phaser是一个开源的HTML5游戏框架,支持WebGL和Canvas渲染,适用于桌面和移动网页浏览器。它允许使用JavaScript或TypeScript开发游戏,并可通过第三方工具编译为移动应用。Phaser具有活跃的社区支持和持续的维护更新,提供开发友好的API和快速的技术支持,是GitHub上广受欢迎的游戏开发框架之一。
WebGLInput - Unity WebGL 输入增强插件 支持IME和多平台兼容
InputFieldWebGLGithub开源项目IMEWebGLInputUnity
WebGLInput是一款专为Unity WebGL项目设计的输入增强插件。支持IME输入、复制粘贴、移动设备兼容,并集成TextMesh Pro、标签焦点切换和UI Toolkit功能。开发者只需添加WebGLInput组件即可使用,无需额外配置。提供全屏模式切换,有效提升WebGL应用用户体验。
genome-spy - 基于WebGL的基因组数据可视化工具包 支持多样本分析与交互
GenomeSpy基因组可视化数据可视化WebGL生物信息学Github开源项目
GenomeSpy是一款基因组数据可视化工具包,采用Vega-Lite风格的语法和WebGL渲染技术。它能处理数千个患者样本,提供分面、过滤、排序和分组功能。此外,GenomeSpy具备交互式界面,支持会话管理、URL哈希和书签,方便研究人员分析复杂的基因组数据。
deepscatter - 大规模交互式数据可视化JavaScript库 支持百万级数据点渲染
Deepscatter大数据可视化WebGLApache Arrow交互式图表Github开源项目
deepscatter是一款高性能JavaScript库,专为浏览器中的大规模数据集交互式可视化而设计。该库采用Apache Arrow格式、WebGL渲染和GPU计算技术,实现快速数据处理和渲染,可流畅处理百万级数据点。deepscatter适用于创建地图、文献分析等大规模数据可视化应用,支持静态部署。库提供丰富API,允许自定义颜色、大小、抖动等可视化效果。
three-gpu-pathtracer - WebGL 2驱动的高性能GPU路径追踪项目
WebGL路径追踪three.jsGPU渲染物理渲染Github开源项目
three-gpu-pathtracer是一个基于WebGL 2的GPU路径追踪项目。它使用three-mesh-bvh加速渲染,支持GGX表面模型、材质信息、纹理、法线贴图等功能。该项目实现了物理基础渲染、景深、HDR图像等特性,可进行高质量的真实感渲染。项目还提供了多种演示和工具,包括动画渲染和环境光遮蔽材质。three-gpu-pathtracer为开发者提供了高效的GPU路径追踪解决方案。
GaussianSplats3D - Three.js驱动的实时3D高斯点渲染引擎
Three.js3D Gaussian Splatting渲染器WebGL点云Github开源项目
GaussianSplats3D是基于Three.js的3D高斯点渲染引擎,能将2D图像转换为实时交互的3D场景。它支持.ply、.splat和.ksplat格式,集成了WebXR、球谐函数渲染和优化的剔除排序算法。该项目可独立运行或与Three.js场景集成,为3D渲染提供灵活解决方案。GaussianSplats3D适用于Web环境,支持大规模点云渲染,性能优化突出。
splat - WebGL驱动的实时3D高斯泼溅渲染器
3D Gaussian SplattingWebGL实时渲染点云透明度渲染Github开源项目
splat项目基于WebGL技术,实现了3D高斯泼溅的实时渲染。该渲染器可将一组图片转换为可交互的逼真3D场景,并在普通图形硬件上高效运行。支持键盘、鼠标和触摸等多种交互方式,用户可拖放.ply文件转换为.splat格式或通过URL参数加载自定义文件。项目采用渐进加载和异步排序等优化技术,提供流畅的3D场景浏览体验。作为轻量级WebGL实现,无需外部依赖即可运行。它采用CPU异步排序技术,优化了大规模点云数据的渲染效果。该项目还提供了多个预加载的3D模型示例,方便用户快速体验和测试。
detect-gpu - GPU性能检测与分级优化工具
GPU检测性能分级WebGL帧率图形渲染Github开源项目
detect-gpu是一个基于3D渲染基准测试的GPU性能分级工具。它通过分析帧率将GPU划分为不同级别,为开发者提供图形密集型应用的性能优化参考。该工具支持移动和桌面设备,兼容所有支持WebGL的浏览器,包括IE 11。detect-gpu提供详细API,方便开发者根据GPU性能级别调整应用设置,有助于提升图形应用的整体性能和用户体验。
TalkingHead - 实时3D虚拟人物交互与唇形同步系统
TalkingHead3D头像实时对话唇形同步WebGLGithub开源项目
TalkingHead是一个开源的JavaScript类,用于创建具有实时语音和唇形同步功能的3D虚拟形象。该系统集成了Ready Player Me全身3D头像和Mixamo动画,并支持字幕显示。借助Google Cloud TTS实现文本转语音,TalkingHead还提供英语、芬兰语和立陶宛语的内置唇形同步。通过ThreeJS/WebGL进行3D渲染,开发者可以将其轻松集成到各种网页应用中。
gemini-viewer-examples - WebGL建筑工程三维可视化解决方案
gemini-viewerWebGLDxfViewerBimViewerVRViewerGithub开源项目
gemini-viewer是一款WebGL建筑工程可视化SDK。它由DxfViewer、BimViewer和VRViewer三个模块组成,分别用于2D图纸、3D BIM模型和全景图的查看。支持多种文件格式,提供测量、剖切等功能。该SDK适用于建筑设计和施工过程中的可视化需求,具有易集成和高性能的特点。
3d-force-graph-vr - 3D力导向图在虚拟现实中的应用与展示
3D Force-Directed GraphVRA-FrameWebGL图数据可视化Github开源项目
3d-force-graph-vr是一个基于Web的3D力导向图组件,专为虚拟现实环境设计。项目利用A-Frame实现VR渲染,采用d3-force-3d作为布局物理引擎。其特点包括支持异步加载大规模图数据、自定义节点和连接样式、实时数据更新等。该工具通过3D可视化技术,有效呈现复杂网络关系,为数据分析和探索提供新的可能性。
aframe-gaussian-splatting - A-Frame高斯散射组件实现实时3D点云渲染
A-Frame3D Gaussian SplattingWebGL渲染组件Github开源项目
aframe-gaussian-splatting是一个A-Frame组件,用于实现实时3D高斯散射渲染。该组件支持.splat和.ply文件,提供像素比调整和裁剪等功能以优化性能。适用于VR/AR开发,可通过浏览器或NPM集成。它简化了高质量3D点云渲染的实现过程,适合展示3D扫描和摄影测量数据。
threeify - 现代化TypeScript 3D图形库 高性能替代方案
threeifyTypeScript3D库WebGL渲染Github开源项目
threeify是一个新兴的TypeScript 3D图形库,为开发者提供高性能的替代选择。它支持WebGL 2渲染,未来计划支持WebGPU。该库提供物理基础材质,后期效果和动画功能正在开发中。threeify以小型构建文件、树状结构和完整的TypeScript支持为特色,适合构建现代化、高效的3D应用。目前处于积极开发的alpha阶段,持续优化中。
sour - 多平台现代化版 Cube 2 Sauerbraten 开源项目
SourSauerbraten多平台WebGL开源FPSGithub开源项目
Sour 是 Cube 2: Sauerbraten 的现代化多平台开源项目,通过单一 Docker 镜像实现部署。该项目提供完整的网页版游戏体验,支持移动设备,实现与桌面玩家的跨平台对战。Sour 具备先进的游戏服务器功能,包括服务器多路复用、私人游戏服务器创建、Discord 认证和持久化地图编辑等。此外,项目还包含处理 Sauerbraten 相关内容的工具和库,方便开发者使用和扩展。
react-ogl - React渲染器实现OGL场景的声明式构建
react-oglOGLReact3D渲染WebGLGithub开源项目
react-ogl是一个轻量级React渲染器,用于构建OGL场景。它支持以声明式方式创建可复用的场景组件,这些组件可响应状态变化并参与React生态系统。react-ogl能将JSX直接转换为OGL元素,无需额外包装,简化了3D图形开发流程。其简约设计和模块化架构为开发者提供了灵活高效的开发体验。
four - 精简 3D 图形渲染库 支持 WebGL 和 WebGPU
WebGLWebGPU3D渲染图形编程three.jsGithub开源项目
Four 是一个精简的 3D 图形渲染库,提供简洁 API 支持 WebGL 和 WebGPU。包含核心 3D 对象、几何体、材质和渲染功能,注重性能和易用性。适用于快速构建各类 3D 图形应用,从基础场景到复杂可视化项目。
troika - JavaScript交互式3D图形工具集 专注WebGL和数据可视化
Troika JSWebGL数据可视化Three.js交互式图形Github开源项目
Troika是一个用于浏览器中创建交互式3D图形的JavaScript工具集,优化了WebGL和数据可视化应用。它包括Troika框架和独立的Three.js工具,简化了交互式图形开发中的复杂任务。这个开源项目旨在简化常见但难以管理的交互式图形开发任务,使其变得更加容易和高效。Troika支持3D条形图、分层时间轴、协议威胁图、3D文本渲染和GPU实例化等功能,适用于创建高性能和丰富交互的3D场景。
t3d.js - 轻量级、Web优先的可扩展3D渲染库
ThingJS3D渲染WebGLJavaScript库开源项目Github
t3d.js是一个轻量级、Web优先的3D渲染库,既可作为ThingJS的Web3D渲染引擎,也可独立使用。它提供简洁API,支持npm和CDN导入。t3d.js具备场景管理、光照、材质和几何体处理等功能,并拥有后期效果、粒子系统和全景图等扩展工具,适用于多种3D渲染场景。t3d.js支持WebGL2渲染,提供PBR材质系统,并可通过其扩展生态实现高级渲染效果。
two.js - 跨平台2D绘图库 支持多种渲染方式
Two.js二维绘图APIWebGLCanvas2DSVGGithub开源项目
Two.js是一款面向现代浏览器的二维绘图库,支持WebGL、Canvas2D和SVG等多种渲染方式。它提供统一的API,方便开发者创建交互式2D图形和动画。该库兼容ES6模块,可集成到React和Angular等主流框架中,也支持无头环境运行。Two.js拥有完善的文档和示例,适用于多种2D图形应用开发场景。