TypeScript en el GPU – Cerrando la Brecha Entre Reinos

Bookmark
Rate this content

Acompáñame en un profundo análisis técnico sobre TypeGPU que, entre otras cosas, permite que tu shader de WebGPU esté compuesto de JavaScript ya sea parcial o completamente. Esto significa que una biblioteca puede estar escrita completamente en WebGPU Shading Language, pero aceptar un callback de JS que se compila e inyecta en el código del shader. Mejorando las APIs al ir más allá de solo ajustar perillas y parámetros.

En mi charla, abordaré cómo descargamos la mayor parte de este trabajo a un paso de construcción mientras seguimos apoyando escenarios dinámicos, cómo mitigamos las diferencias entre JavaScript y WebGPU Shading Language, y cómo aprovechamos las herramientas existentes como el servidor de lenguaje de TypeScript para conectar sin problemas el código de CPU y GPU a través de tipos.

This talk has been presented at JSNation US 2025, check out the latest edition of this JavaScript Conference.

Iwo Plaza
Iwo Plaza
31 min
17 Nov, 2025

Comments

Sign in or register to post your comment.
Video Summary and Transcription
Ivo Plaza presenta TypeGPU, un kit de herramientas de TypeScript para WebGPU, con una demostración en vivo de Jelly Slider. La demostración muestra características interactivas y una API personalizable para cambios de color dinámicos. TypeGPU ofrece extensibilidad para creadores de bibliotecas, permitiendo una personalización intrincada y operaciones por píxel. Demuestra el control de animación de material de GPU, soporte de WebGPU, depuración eficiente con consola de log de GPU y asignación de memoria. WebGPU permite la ejecución de programas, asemejándose a las interacciones de API REST entre front-end y back-end. TypeGPU integra shaders de JavaScript con WebGPU shading language, utilizando TGPU Resolve API para la conversión de shaders y generación de código de shaders. Cubre operaciones en tiempo de compilación, llamadas a funciones, condiciones en tiempo de ejecución en shaders y optimización de código. Se discuten el formato TINYEST de TypeGPU, la conversión de JS a AST, el uso de WebGPU y la integración con 3JS y React 3 Fiber, destacando las diferencias entre WebGL y WebGPU. La charla enfatiza la integración de TypeGPU con 3JS y React 3 Fiber, utilizando directivas de GPU, efectos de marketing, IA para la conversión de shaders y posibilidades futuras.
Video transcription and chapters available for users with access.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Embracing WebGPU and WebXR With Three.js
JSNation 2024JSNation 2024
27 min
Embracing WebGPU and WebXR With Three.js
Top Content
The 3JS project has evolved into a community-driven effort with numerous contributors over the past 14 years. It started with 3D engine work in Flash and transitioned to using SVGs for rendering in HTML5 before adopting WebGL. The project showcases various projects and frameworks, including a no-code tool powered by 3.js. The team is working on a new render using WebGPU and developing a new shader language called TSL. The hope is that WebGPU will eventually replace WebGL, offering better control and performance.
Transformers.js: Machine Learning de Última Generación para la Web
JSNation 2025JSNation 2025
27 min
Transformers.js: Machine Learning de Última Generación para la Web
Joshua introduces Transformers JS and Hugging Face, emphasizing community collaboration and pre-trained models. Transformers JS evolution led to 1.4 million monthly users, supporting 155 architectures. The library's browser-based capabilities offer real-time processing, cost-efficiency, and scalability. Integration enhancements include native web GPU execution and React Native implementation. Web ML implementation focuses on Onyx Runtime for device execution and web GPU for resource optimization. Browser-based ML applications cover vision, speech recognition, and text-to-speech. Advanced implementations include multimodal applications and educational tools. Interactive AI demonstrations showcase semantic search and conversational AI scenarios. Model licensing transitions to ECMAScript for efficiency and model redownloading factors are discussed.
El Estado de la Web
JSNation 2025JSNation 2025
32 min
El Estado de la Web
Sasha Grief discusses the state of the web through web development surveys, leading to an interactive quiz about the state of JS and usage of front end frameworks. Discussion on popular front-end libraries like React, Vue, Angular, and the rising popularity of TypeScript among developers in recent surveys. Discussion on TypeScript adoption, TC39 committee proposals, favorite CSS feature 'has,' and browser support for 'has' selector. Browser interoperability, browser vendors' initiatives, AI usage among web developers, and survey insights. Job titles linked to higher income, diversity of survey topics, top hobby among developers, and popular specific video games. Learnings on CSS features, TypeScript default, AI usage, survey benefits, challenges in reaching diverse survey participants. Surprising positivity in JavaScript usage, stable framework landscape, AI adoption challenges, mainstream AI tools, successful situp.js survey. Inconsistent respondent numbers, manual data normalization efforts, subjective question selection process, community input, mitigation of selection bias. Reason for starting surveys, transition from Meteor JS, exploration of JavaScript ecosystem.
Unreal Engine en WebAssembly/WebGPU
JS GameDev Summit 2022JS GameDev Summit 2022
33 min
Unreal Engine en WebAssembly/WebGPU
Top Content
Alex Saint-Louis, co-founder of Wunder Interactive, shares the mission of bringing Unreal Engine to the browser, enabling cross-platform 3D applications and games. They are working on a WebGPU back end for Unreal Engine to push the limits of 3D on the web. Wunder Interactive has improved compression, built their own asset file system, and offers powerful tools for game developers. They are utilizing modern web technologies like WebAssembly, WebGL, and WebGPU, and plan to support other engines like Unity and Godot. The team aims to transform the industry by bringing console-quality games to the browser and providing an alternative distribution path. They are excited to bring Unreal Engine 5 to the web with WebGPU support and are working on WebXR support for cross-platform 3D experiences, including VR.
Makepad - Aprovechando Rust + Wasm + WebGL para construir aplicaciones multiplataforma increíbles
JSNation 2022JSNation 2022
22 min
Makepad - Aprovechando Rust + Wasm + WebGL para construir aplicaciones multiplataforma increíbles
Top Content
Welcome to MakePad, a new way to build UI for web and native using WebAssembly and Rust. JavaScript is not suitable for complex applications like IDEs and design tools. Rust, a new programming language, was used to reimagine MakePad, resulting in a fast and efficient platform. MakePad offers live editing, high CPU performance, and the ability to load native instrument components. The future of MakePad includes an open-source release, a design tool, and support for importing 3D models.
Ampliando Unity WebGL con Javascript
JS GameDev Summit 2022JS GameDev Summit 2022
32 min
Ampliando Unity WebGL con Javascript
Top Content
Unity targets over 25 platforms and technologies, including desktop, mobile, and virtual reality. They use Emscripten to compile the engine and game logic into WebAssembly for web development. Unity can be extended with plugins to access browser features like WebXR's augmented reality mode. The speaker demonstrates intercepting Unity's calls to the browser to modify its behavior. Unity is actively working on mobile support for web export and improving documentation for extending Unity with web plugins.