DOCSEARCHbyAlgolia
Submit Docs

YJVis High-Performance Rendering Engine

website·Indexed 31 days ago

https://yjvis.simversus.com

A high-performance rendering library supporting GB-level model rendering and interaction with a streamlined pipeline compatible with WebGPU and WebGL. It features advanced capabilities such as instanced rendering, PBR materials, FBX loading, raycasting, and vector glyphs for data visualization.

Tokens
70.9K
Snippets
577
Records
749
Agent score
45%

What's inside YJVis

  1. Overview of High-Performance Rendering Capabilities

    The rendering engine supports fluid rendering and interaction for GB-scale models. It utilizes a streamlined, efficient rendering pipeline and maintains compatibility with both WebGPU and WebGL.

  2. Overview of High-Performance Rendering Capabilities

    The rendering engine supports fluid rendering and interaction for GB-scale models. It utilizes a streamlined, efficient rendering pipeline and maintains compatibility with both WebGPU and WebGL.

  3. Overview of YJVis High-Performance Rendering

    YJVis provides a streamlined and efficient rendering pipeline designed to support the smooth rendering and interaction of large-scale models (up to GB-level). The system is compatible with both WebGPU and WebGL APIs to ensure broad browser support and high performance.

  4. Overview of YJVis Renderer

    YJVis is a high-performance scientific visualization component used for building Web and PC client applications that require CAD/CAE large-file rendering, 3D interaction, and scientific data visualization. The core rendering engine, yjvis-renderer, is a lightweight Web-based engine featuring an optimized rendering pipeline, an advanced material system, and dual graphics API support.

  5. Overview of High-Performance Rendering capabilities

    The rendering engine supports fluid rendering and interaction for GB-level models. It utilizes a streamlined, efficient rendering pipeline that is compatible with both WebGPU and WebGL.

  6. Overview of YJVis High-Performance Rendering

    YJVis provides a streamlined and efficient rendering pipeline designed to support the smooth rendering and interaction of large-scale models (up to GB-level). The system is compatible with both WebGPU and WebGL standards.

  7. Use the Picker class for CPU-based object selection

    The Picker class provides a CPU-based picking mechanism. While it has lower performance than GPU picking, it has the advantage of being able to pick units or models that are occluded by other objects.
    const picker = new Picker();

  8. Camera class overview and instantiation

    The Camera class is used to define the viewing parameters for a 3D scene. It extends the Transform class, meaning it possesses spatial properties like position, rotation, and scaling. It can be instantiated using the new Camera() constructor.
    const camera = new Camera();

  9. Manage color spaces using the ColorManagement object

    The ColorManagement object in @simversus/yjvis is used to handle conversions between different color spaces. It maintains a working color space and provides methods to convert colors to and from that space or between any two specified spaces.

  10. High-performance rendering capabilities for large-scale models

    The rendering engine supports fluid rendering and interaction for GB-level models. It utilizes a streamlined and efficient rendering pipeline that is compatible with both WebGPU and WebGL.

  11. Manage multiple models using Group for collective transformations

    The Group feature allows for the unified management of multiple models. It is specifically designed for scenarios such as assemblies or multi-object coordinated transformations, enabling the developer to apply translation, rotation, and scaling to the entire group as a single unit rather than manipulating each model individually.

  12. Use the Interactor class for input handling

    The Interactor class manages user interactions within a CSS/WebGPU screen pixel coordinate system (where the origin is the top-left corner). It provides utilities to track pointer positions, calculate movement deltas, and map pointer events to normalized or logical coordinates.
    const interactor = new Interactor(domElement);