Configuration
Size
Bounces

Depth of Field
Blur Radius

Stretch Viewport

Environment
Constant Color
HDR Image
Exposure
Lighting
Enabled
Radius
Position
Ground
Enabled
Normal Mapping
Strength
Materials

    Diffuse
    Specular
    Transmissive
    Emissive

    Reflectivity
    Roughness
    Transparency
    Index
    Resources

    Antimatter

    Interactive WebGL path tracer, this insanity presented to you by Jean d'Arc.

    Navigation is based on a first person shooter (keep left button down), quirky I know ¯\_(ツ)_/¯


    Agreement

    This prototype uses a graphics engine that will stress your machine to its limits and, depending on your hardware, may cause your computer to become unresponsive and/or crash your graphics driver.

    This prototype has only been tested against recent versions of Chrome and Firefox.

    We strongly recommend you save all your work before proceeding, your use of this prototype is done at your sole risk! Close that spreadsheet before proceeding... mkay!

    Proceed?

    Attribution

    Thomas Butters
    source of ground texture map
    HDRI-Hub
    source of environment texture map
    sIBL Archive
    free HDRI sets
    Google Fonts
    Questrial font

    Components

    jQuery
    feature-rich JavaScript library
    pako
    browser based compression & decompression
    parse-hdr
    parses HDR (Radiance) files
    roundSlider
    jQuery circular slider
    Spectrum
    jQuery color picker
    spin.js
    animated CSS3 loading spinner

    Instructions

    Viewport

    Moving
    Movement is performed using the keyboard, hold A to move left, hold W to move forward, hold S to move backwards, hold D to move right. You can also hold a combination of keys to move left and forward, left and backwards, right and forwards or right and backwards.
    Looking
    Move the pointer over the viewport, drag (hold the left mouse button down and move) the pointer left to right and up or down to change the virtual camera's orientation.
    Focal Point
    Double click anywhere in the scene to set the focal point for depth of field calculations.

    Configuration

    Size
    Width of the rendered image, height scales proportionally. Use lower resolutions on slower machines.
    Bounces
    The maximum number of times a ray can bounce before termination. Set this value as low as possible for faster convergence, higher values are needed for transparent materials.
    Depth of Field
    Activates or deactivates Depth of Field effect.
    Blur Radius
    Controls the strength of the Depth of Field.
    Stretch Viewport
    Activates or deactivates stretching the rendered image to fill all available empty space.

    Environment

    Constant Color
    Rendered image will use a constant color as both the background and for illumination of the scene.
    HDR Image
    Rendered image will use the provided HDR Image as both the background and for illumination of the scene. The image is hardcoded for this version of the prototype and can not be modified.
    Rotation
    Use the rotation slider to rotate the environment map.
    Exposure
    Controls the brightness of the environment map.

    Lighting

    Enabled
    Activates or deactivates the spherical light source.
    Radius
    Adjusts the size of the spherical light source.
    Position
    Adjusts the position of the light source along the X, Y and Z axis respectively.

    Ground

    Enabled
    Activates or deactivates the infinite plane ground.
    Normal Mapping
    Activates or deactivates normal mapping of the ground, the normal map is hardcoded for this prototype.
    Intensity
    Adjusts the strength of the normal mapping effect.

    Resources

    Resource
    Click on the resource to load its corresponding scene, this will reset any changes you have made to light source and ground materials. The name and size in kilobytes of the scene are displayed below each resource.
    Attribution
    Where applicable a link to the source of the original model is provided as a form of attribution, these models granted a royalty free license for all extended uses at the time of download.
    Tesla Model X
    This model was purchased from 3d Molier International via TurboSquid.
    Lamborghini Aventador
    This model is based on an original whose source is listed as unknown.

    Materials

    Materials
    Lists all editable materials present in the scene. Click on a material in the list to make it the active selection for editing.
    LIGHT
    Material properties of the spherical light source.
    GROUND
    Material properties of the infinite plane ground.
    Diffuse
    Color of the material under pure white light.
    Specular
    Color of the specular reflection.
    Transmissive
    Color of the light allowed to filter through the material.
    Emissive
    Color of the light emitted by the material, alongside the intensity multiplier.
    Reflectivity
    Controls the probability of the ray reflecting off the material.
    Roughness
    Adjusts the surface roughness, lower values result in smoother surfaces.
    Transparency
    Controls the probability of the ray refracting through the material.
    Index
    Combined refractive and reflective index of the material.

    Software Failure. Unable to initialize graphics context.

    Guru Meditation #82010003.00001BDI