Webray

<p align="center"> <!-- <img src="https://raw.githubusercontent.com/BLaZeKiLL/VloxyEngine/main/.github/assets/vloxy_logo.svg" width=256> --> <h1 align="center">WebRay</h1> </p> <p align="center"> <img width=96 src="./docs/icons/logo_rust.png"> <img width=128 src="./docs/icons/logo_web_gpu.svg"> <img width=96 src="./docs/icons/logo_web_assembly.svg"> <img width=72 src="./docs/icons/logo_svelte.svg"> </p> <p align="center"> Webray is a WebGPU powered ray tracer + Svelte based editor </p>

:warning: WebGPU: Is an experimental api. Webray is tested on the latest desktop chrome version. your system may slow down or crash during rendering. please use webray at your own risk.

<img src="./cover.png"> <p align="center"> <a href="https://github.com/BLaZeKiLL/webray/blob/main/src/data/demo_02.scene.json">Demo 02</a> 4K @ 512 Samples, 64 Bounces. 20 mins on webray-native </p>

Editor Documentation

<img src="./editor.png">

The editor is available here along Demo Scene 01 and Demo Scene 02 which can be imported.

Tools

• <img align="center" src="https://api.iconify.design/iconamoon/3d-light.svg?color=%23888888"> Objects in the current scene
• <img align="center" src="https://api.iconify.design/uil/image-download.svg?color=%23888888"> Download rendered image
• <img align="center" src="https://api.iconify.design/material-symbols/imagesmode-outline-rounded.svg?color=%23888888"> Render the current scene as an image
• <img align="center" src="https://api.iconify.design/material-symbols:android-camera-outline.svg?color=%23888888"> Camera Settings
• <img align="center" src="https://api.iconify.design/cil/tv.svg?color=%23888888"> Render Settings
• <img align="center" src="https://api.iconify.design/icon-park-outline/material.svg?color=%23888888"> Materials in the current scene
• <img align="center" src="https://api.iconify.design/gridicons/fullscreen.svg?color=%23888888"> Enter full screen image
• <img align="center" src="https://api.iconify.design/gridicons/fullscreen-exit.svg?color=%23888888"> Exit full screen image
• <img align="center" src="https://api.iconify.design/material-symbols/delete-forever-outline-rounded.svg?color=%23888888"> Delete item
• <img align="center" src="https://api.iconify.design/material-symbols/file-save-outline-rounded.svg?color=%23888888"> Download scene json file
• <img align="center" src="https://api.iconify.design/material-symbols/file-open-outline-rounded.svg?color=%23888888"> Import scene json file

WebRay Renderer

<img src="./render.png"> <p align="center"> <a href="https://github.com/BLaZeKiLL/webray/blob/main/src/data/demo_01.scene.json">Demo 01</a> HD @ 128 Samples, 32 Bounces. 4secs webray-native </p>

The renderer is implemented in rust and compiled to wasm with the core kernel implemented as a wgsl compute shader using wgpu.