What configuration is needed for WebGPU to work?

You must set 'bundleWGPU: true' in your electrobun.config.ts for Mac, Windows, and Linux to ensure the native WGPU library is included in your application bundle.

Why do I need to use DataView for GPU buffers?

GPU structs must be manually serialized. DataView is used to write data (like floats) into ArrayBuffers with explicit little-endian ordering to ensure compatibility across different CPU architectures.

What is the KEEPALIVE pattern in Electrobun WebGPU?

The KEEPALIVE pattern is a critical technique where GPU objects are stored in a persistent array to prevent Bun's garbage collector from reclaiming FFI pointers, which would cause application crashes or segfaults.

Does Electrobun WebGPU render inside the browser webview?

No, Electrobun GPU windows bypass the webview entirely and render directly to a native surface using WGPU for maximum performance.

What happens if I forget the KEEPALIVE array?

Without holding references to your GPU objects, Bun may garbage collect them while the GPU is still using them, leading to immediate segmentation faults or silent data corruption.

Electrobun WebGPU

Name: Electrobun WebGPU
Author: Dexploarer

byDexploarer

•

ゲーム開発

Implements high-performance native GPU rendering and ray-marching patterns in Electrobun desktop applications.

This skill provides a robust framework for integrating WebGPU into Electrobun desktop applications, enabling developers to bypass traditional webviews for direct native surface rendering. It guides users through critical implementation patterns such as the KEEPALIVE reference management system to prevent FFI-related segfaults, efficient render loop construction, and manual vertex buffer serialization using DataView. Perfect for building graphics-intensive desktop tools, ray-marching demos, or custom GPU-accelerated interfaces within the Bun ecosystem, this skill ensures stability and performance by addressing common pitfalls in hardware-accelerated desktop development.

主な機能

01FFI memory management using the KEEPALIVE pattern

023 GitHub stars

03Native GPU surface rendering bypassing the webview

04Performance-optimized render loop implementation

05Standardized WGSL shader templates and structures

06Manual GPU buffer serialization with DataView

ユースケース

01Implementing custom GPU-accelerated UI components in Electrobun

02Creating high-performance graphics visualization tools

03Developing real-time ray-marching desktop applications

主な機能

01FFI memory management using the KEEPALIVE pattern

023 GitHub stars

03Native GPU surface rendering bypassing the webview

04Performance-optimized render loop implementation

05Standardized WGSL shader templates and structures

06Manual GPU buffer serialization with DataView

ユースケース

01Implementing custom GPU-accelerated UI components in Electrobun

02Creating high-performance graphics visualization tools

03Developing real-time ray-marching desktop applications