BlogsGoogleWebGL and 3D Web Rendering

WebGL and 3D Web Rendering

WebGL and 3D Web Rendering

18
posts
2006–2026

WebGL has evolved to enable rich 3D graphics and interactive experiences directly within web browsers. Early efforts focused on introducing WebGL as a beta technology, providing developers with the tools to render 3D graphics using the HTML5 canvas element and JavaScript. Subsequent developments have seen its widespread adoption, performance optimizations, and integration into various web applications and frameworks, paving the way for a more immersive and dynamic web. This includes the development of interactive displays using web technologies, enabling the creation of dynamic visualizations and control interfaces for various devices and systems.

2026

Turn creative prompts into interactive XR experiences with Gemini- Google Developers Blog

2/19/2026

Introduces the use of Gemini's generative capabilities to create interactive XR experiences by leveraging WebGL and Three.js for 3D web graphics generation and WebXR APIs for XR conversion. Details a process for developers to use 'XR Gems' and prompts within Gemini to build and iterate on 3D prototypes, enabling faster development of immersive content.

2024

Introducing the Android XR SDK Developer Preview- Google Developers Blog

12/12/2024

Introduces the Android XR SDK developer preview, a new platform for extended reality (XR) headsets and glasses built on existing Android foundations. It enables spatialization of apps with 3D elements and spatial audio, supports multimodal interaction (hands and eyes), and makes most existing Android apps available on Android XR. It offers the Jetpack XR SDK for Kotlin/Android Studio developers, Android XR Extensions for Unity, WebXR support for web developers, and OpenXR 1.1 for native development. New Android Studio tools include the XR Emulator and updated Layout Inspector. Unity integration starts with Unity 6 and includes new XR packages and extensions. WebXR support leverages open standards for cross-platform compatibility. The SDK is built on OpenXR 1.1 and expands it with vendor extensions for hand mesh, depth textures, light estimation, and new trackables. It also supports glTF 2.0 and OpenEXR formats.

2018

Open Sourcing Seurat: bringing high-fidelity scenes to mobile VR- Google Developers Blog

5/4/2018

This post announces the open-sourcing of Seurat, a library that enables the rendering of high-fidelity 3D scenes on mobile VR devices. Seurat leverages WebGL and other web technologies to achieve this, allowing for more immersive virtual reality experiences on mobile platforms.

2016

Daydream Labs: animating 3D objects in VR- Google Developers Blog

6/28/2016

This post introduces Daydream Labs, a VR development environment that allows for animating 3D objects. It leverages WebGL for rendering and interaction within VR experiences, demonstrating an application of 3D web rendering in virtual reality.

Use the Web to make interactive displays out of almost anything- Google Developers Blog

6/2/2016

This post introduces the use of web technologies, specifically WebGL and related APIs, to create interactive displays for various hardware. It highlights how web applications can be used to control and visualize data from devices like Arduino and Raspberry Pi, enabling the creation of custom dashboards and control interfaces. The article demonstrates the flexibility of web development for hardware interaction and real-time data visualization.

2013

“A Journey through Middle-earth”: A Chrome Experiment for the multi-device web- Google Developers Blog

11/20/2013

This post introduces "A Journey through Middle-earth", a Chrome Experiment that demonstrates multi-device web experiences using 3D graphics. It highlights the use of WebGL and related technologies to create interactive and immersive content that adapts across different devices, showcasing advancements in web rendering and cross-device compatibility.

2012

Introducing Technitone: Showcasing the Web Audio API, multiplayer and live in WebGL- Google Developers Blog

2/28/2012

This post introduces Technitone, a project that demonstrates the integration of the Web Audio API, multiplayer functionality, and live WebGL rendering. It highlights how these technologies can be combined to create interactive and dynamic web experiences.

2011

Dreams in 3D: a WebGL experience for the modern browser- Google Developers Blog

5/13/2011

This post introduces "Dreams in 3D", a WebGL experience designed for modern browsers, demonstrating the potential of WebGL for rich 3D graphics and interactive content. It highlights the use of the HTML5 canvas element and JavaScript for rendering 3D graphics.

Creating 2D Games with JavaScript & HTML5- Google Developers Blog

5/9/2011

This post introduces the capabilities of JavaScript and HTML5 for creating 2D games, highlighting the use of the canvas element for rendering and the potential for rich, interactive experiences on the web. It serves as an early exploration into leveraging web technologies for game development.

Visualizing geographic data with the WebGL Globe- Google Developers Blog

5/5/2011

This post introduces the WebGL Globe, a dynamic 3D visualization of geographic data built using WebGL. It details how the Globe leverages WebGL for rendering, showcasing its capabilities for interactive data exploration and visualization on the web. The post highlights the technical aspects of creating such a visualization, including data handling and rendering techniques.

2010

WebGL now in Beta: here comes the 3D web!- Google Developers Blog

12/16/2010

This post announces the beta release of WebGL, a JavaScript API for rendering interactive 2D and 3D graphics within any compatible web browser without the use of plug-ins. It highlights the potential for a '3D web' by enabling developers to leverage the GPU for complex graphics rendering directly from the browser, opening up new possibilities for web applications, games, and visualizations.

Creating Rich Experiences In The Browser With HTML5- Google Developers Blog

5/18/2010

This post introduces WebGL as a beta technology, enabling developers to render 3D graphics and complex visual effects directly within web browsers using the HTML5 canvas element and JavaScript. It highlights the potential for creating rich, interactive experiences and showcases early examples of its application.

HTML5 + Quake II- Google Developers Blog

4/5/2010

This post introduces a demo of Quake II running in a web browser using HTML5 and WebGL, demonstrating the feasibility of porting complex 3D games to the web. It highlights the use of Emscripten to compile C++ code to JavaScript and WebAssembly, enabling the execution of native game code within the browser environment. The demo showcases advanced graphics capabilities and interactive gameplay achievable with these web technologies.

2009

O3D update: New capabilities and expanded compatibility- Google Developers Blog

6/29/2009

This post announces updates to O3D, a 3D graphics API for the web. New capabilities include improved animation playback, scene graph manipulation, and shader programming. Compatibility has been expanded to include Firefox, in addition to Chrome.

Toward an open web standard for 3D graphics (part 2): Introducing O3D- Google Developers Blog

4/21/2009

This post introduces O3D, an open web standard for 3D graphics, as a continuation of efforts to enable rich 3D rendering in browsers. It builds upon the foundation of technologies like WebGL by proposing a new standard that aims to provide a more robust and efficient platform for high-performance 3D graphics within the web environment.

Toward an open web standard for 3D graphics- Google Developers Blog

3/24/2009

This post announces the development of an open web standard for 3D graphics, aiming to bring 3D capabilities to the web. It highlights the potential for rich 3D graphics and interactive experiences directly within web browsers, building upon the foundation of technologies like the HTML5 canvas and JavaScript.

Monster Mesh - A Google Chrome Experiment- Google Developers Blog

3/18/2009

Introduced "Monster Mesh", a Google Chrome Experiment that demonstrates the power of WebGL for rendering complex 3D scenes and interactive visualizations within the browser. This experiment highlights the potential of WebGL for creating immersive web experiences.

2006

New Project: ExplorerCanvas- Google Developers Blog

3/28/2006

Introduced ExplorerCanvas, a JavaScript library designed to simplify the creation of interactive 2D and 3D graphics on the web. ExplorerCanvas leverages the HTML canvas element and provides a higher-level API for graphics manipulation, aiming to make advanced graphics programming more accessible to web developers.