All Projects → takahirox → online-wgsl-editor

takahirox / online-wgsl-editor

Licence: MIT license
A tiny WGSL online editor

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to online-wgsl-editor

wgsl reflect
A WebGPU Shading Language parser and reflection library for Javascript.
Stars: ✭ 79 (-38.28%)
Mutual labels:  webgpu, wgsl
deno-wgpu
Experimental Deno bindings to Mozilla's gfx-rs WebGPU implementation. See https://github.com/denoland/deno/issues/7863
Stars: ✭ 22 (-82.81%)
Mutual labels:  webgpu
webgpu recorder
WebGPU debugging tool for recording and playing back of WebGPU commands.
Stars: ✭ 15 (-88.28%)
Mutual labels:  webgpu
Wgpu
Safe and portable GPU abstraction in Rust, implementing WebGPU API.
Stars: ✭ 3,305 (+2482.03%)
Mutual labels:  webgpu
webgpu-renderer
A simple renderer implemented by WebGPU, includes a builtin path tracing pipeline.
Stars: ✭ 122 (-4.69%)
Mutual labels:  webgpu
Babylon.js
Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.
Stars: ✭ 15,479 (+11992.97%)
Mutual labels:  webgpu
rendiation
Rendiation Rendering Framework
Stars: ✭ 31 (-75.78%)
Mutual labels:  webgpu
webgpu-cca
Experiment implementation of Multiple Neighborhoods Cellular Automata using WebGPU
Stars: ✭ 31 (-75.78%)
Mutual labels:  webgpu
Wgpu Rs
Rust bindings to wgpu native library
Stars: ✭ 1,694 (+1223.44%)
Mutual labels:  webgpu
Bgfx
Cross-platform, graphics API agnostic, "Bring Your Own Engine/Framework" style rendering library.
Stars: ✭ 10,252 (+7909.38%)
Mutual labels:  webgpu
webgpu-particles
Calculate and render particles with WebGPU
Stars: ✭ 20 (-84.37%)
Mutual labels:  webgpu
WebGPU.NET
This repository contains low-level bindings for WebGPU used in WaveEngine.
Stars: ✭ 35 (-72.66%)
Mutual labels:  webgpu
Three.js
JavaScript 3D Library.
Stars: ✭ 78,237 (+61022.66%)
Mutual labels:  webgpu
hello-webgpu
Cross-platform C++ example for WebGPU and Dawn
Stars: ✭ 132 (+3.13%)
Mutual labels:  webgpu
WebGPU-Step-By-Step
WebGPU Tutorial: Step-by-step graphics programming with WebGPU - the next-generation graphics API for the web.
Stars: ✭ 232 (+81.25%)
Mutual labels:  webgpu
webgpufundamentals
webgpufundamentals.org
Stars: ✭ 56 (-56.25%)
Mutual labels:  webgpu
Webdnn
The Fastest DNN Running Framework on Web Browser
Stars: ✭ 1,850 (+1345.31%)
Mutual labels:  webgpu
vscode-wgsl
VsCode Syntax highlight for WGSL files
Stars: ✭ 55 (-57.03%)
Mutual labels:  webgpu
RASM
3D Ray-Tracing WebGPU Game Engine Written in Rust WebAssembly.
Stars: ✭ 20 (-84.37%)
Mutual labels:  webgpu
webgpu-native-examples
Collection of C-language examples that demonstrate basic rendering and computation in WebGPU native.
Stars: ✭ 165 (+28.91%)
Mutual labels:  webgpu

online-wgsl-editor

online-wgsl-editor is a tiny online WGSL (WebGPU Shading language) editor.

You can test WGSL on your web browser. It is good especially for people who want to learn WGSL.

Demo

Online demo

Use Chrome for the Demo. It doesn't run on FireFox and other browsers yet.

Presentation

WebGL + WebGPU Meetup - January 2022 / Slides

Screenshots

How to run locally

$ git clone https://github.com/takahirox/online-wgsl-editor.git
$ cd online-wgsl-editor
$ npm install
$ npm run start
# Access http://localhost:8080 on your web browser

Note: To run the demo locally, download Google Chrome Canary and enable #enable-unsafe-webgpu flag via chrome://flags.

Thanks to

I referred to Three.js and glMatrix for WebGPU and Math.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].