Skip to content
Copied!

0. Technologies

Two pages cover the technology needed to call raytracing_demos from VitePress. The first page addresses the three-layer Cargo workspace structure (common, r1XX-*, raytracing-demos), crate naming conventions, the procedure for adding a new demo, the build process, and the design rationale behind passing PPM strings from Rust to JavaScript. The second page covers the Vue component PPMRenderer, which receives those PPM strings and draws them to a Canvas inside VitePress, including how the conflict with Vue's reactivity system was resolved.

Complete2 chaptersStarted:
  1. 1. Structure of raytracing_demos

    This page covers the WASM setup specific to the Ray Tracing project. For general VitePress WASM loading constraints (the fetch + Blob URL pattern and related re…

  2. 2. PPMRenderer

    The PPMRenderer component calls a WebAssembly function and renders the PPM-format data it returns. VitePress lets you register components site-wide so they can…