Webgl on Noureddine RAMDIhttps://ramdi.fr/tags/webgl/Recent content in Webgl on Noureddine RAMDIHugoenSat, 23 May 2026 20:41:27 +0000A comprehensive resource for frontend GIS development: Exploring joewdavies/awesome-frontend-gishttps://ramdi.fr/github-stars/a-comprehensive-resource-for-frontend-gis-development-exploring-joewdavies-awesome-frontend-gis/Sat, 23 May 2026 20:41:14 +0000https://ramdi.fr/github-stars/a-comprehensive-resource-for-frontend-gis-development-exploring-joewdavies-awesome-frontend-gis/An extensive curated collection of frontend geospatial tools and libraries for browser-based GIS development, highlighting architectural tradeoffs and practical navigation tips.DualSDF: A two-level signed distance function approach for semantic 3D shape manipulationhttps://ramdi.fr/github-stars/dualsdf-a-two-level-signed-distance-function-approach-for-semantic-3d-shape-manipulation/Sat, 23 May 2026 20:41:14 +0000https://ramdi.fr/github-stars/dualsdf-a-two-level-signed-distance-function-approach-for-semantic-3d-shape-manipulation/DualSDF separates coarse semantic structure from fine geometric detail in 3D shape modeling using a two-level signed distance function. It enables intuitive shape edits with pretrained models and a WebGL demo.Efficient particle system rendering with three.quarks in TypeScripthttps://ramdi.fr/github-stars/efficient-particle-system-rendering-with-three-quarks-in-typescript/Sat, 23 May 2026 20:41:14 +0000https://ramdi.fr/github-stars/efficient-particle-system-rendering-with-three-quarks-in-typescript/Explore three.quarks, a TypeScript library built on Three.js for flexible, batched particle system rendering. Learn its architecture, technical strengths, and how to get started.liquidGL: real-time WebGL glassmorphism on DOM elements with offscreen snapshot renderinghttps://ramdi.fr/github-stars/liquidgl-real-time-webgl-glassmorphism-on-dom-elements-with-offscreen-snapshot-rendering/Sat, 23 May 2026 20:41:14 +0000https://ramdi.fr/github-stars/liquidgl-real-time-webgl-glassmorphism-on-dom-elements-with-offscreen-snapshot-rendering/liquidGL applies a real-time WebGL glassmorphism effect to fixed DOM elements by snapshotting the background with html2canvas and shader-based refraction, bypassing WebGL pixel restrictions.3d-periodic-table: a data-driven 3D periodic table visualization in TypeScripthttps://ramdi.fr/github-stars/3d-periodic-table-a-data-driven-3d-periodic-table-visualization-in-typescript/Mon, 04 May 2026 10:23:02 +0000https://ramdi.fr/github-stars/3d-periodic-table-a-data-driven-3d-periodic-table-visualization-in-typescript/Explore the 3d-periodic-table repo, a TypeScript project rendering an interactive 3D periodic table in the browser using data-driven architecture and WebGL.3dsvg: client-side SVG extrusion to interactive 3D scenes with React Three Fiberhttps://ramdi.fr/github-stars/3dsvg-client-side-svg-extrusion-to-interactive-3d-scenes-with-react-three-fiber/Mon, 04 May 2026 10:23:02 +0000https://ramdi.fr/github-stars/3dsvg-client-side-svg-extrusion-to-interactive-3d-scenes-with-react-three-fiber/3dsvg extrudes SVG paths into 3D scenes using React Three Fiber, with a Next.js editor rendering the same components for WYSIWYG parity and client-side export to PNG, video, and 3D models.mini-tokyo-3d: real-time 3D visualization of Tokyo transit with Mapbox GLhttps://ramdi.fr/github-stars/mini-tokyo-3d-real-time-3d-visualization-of-tokyo-transit-with-mapbox-gl/Mon, 04 May 2026 10:23:02 +0000https://ramdi.fr/github-stars/mini-tokyo-3d-real-time-3d-visualization-of-tokyo-transit-with-mapbox-gl/Explore how mini-tokyo-3d renders Tokyo’s transit network in real-time 3D using live ODPT data and Mapbox GL, with a Node.js build pipeline and multi-language support.