Home▸Categories▸Rendering & Computer Graphics

🔮 Rendering & Computer Graphics

Path tracing, procedural textures and ray marching — the algorithms behind photorealistic images.

156 simulations60 fps real-time0 install steps
Quantum Electron Dynamics Simulation (2D)New📱A 2D canvas companion to the 3D atom model: drag to spin the view, watch electrons orbit the… 2D Particle Field — Curl Noise, N-Body, Boids & Lorenz (2D)New📱A CPU-side Canvas2D companion to the GPU particle system: pick curl-noise flow advection,… Invisibility Field (2D): Cloaking & Radar Detection SweepNew📱2D canvas cloaking lab: set the cloaking level, field stability and energy budget for a ring… Space Anomaly Field: Gravitational Lensing & Ray Deflection (2D)New📱A 2D field of point-mass space anomalies bends a stream of light rays through real… 2D Crystal Lattice: Bravais Grids, Packing & Lennard-Jones EnergyNew📱2D crystal-lattice lab: switch between square, triangular and honeycomb Bravais lattices,… Cyberpunk Rain Street: Terminal Velocity & Wet-Street Reflections (2D)New📱2D companion to the 3D Cyberpunk Rain Street scene: raindrops fall at their real… Magnetic Levitation Control Loop (2D)New📱A PID controller reads the gap between a steel ball and an overhead electromagnet and sets… Quantum Key Distribution: BB84 Protocol & Eavesdropper Detection (2D)New📱2D BB84 quantum key distribution lab: Alice and Bob exchange randomly polarized photons over… 3D Augmented Reality Anchor SimulationNewA hologram anchored to a fiducial marker on a tracked real-world surface, rendered through a… Quantum Tunneling: Fluctuating Barrier Wave-Packet Lab (2D)New📱2D quantum-tunneling lab: a real time-dependent Schrodinger equation solver (Visscher… Radio Interferometry Image Reconstruction LabNew📱A 2D canvas simulator of a radio-telescope array building sparse Fourier-plane (uv) coverage… Asynchronous Timewarp: VR Reprojection (2D)New📱A 2D simulator of asynchronous timewarp in VR headsets, showing a raw stale frame and a…
Stereo Camera Rig for VR Architecture Walkthroughs (2D)New📱A top-down 2D simulator of a VR stereo camera rig, comparing off-axis and toe-in projection… Light Through a Medium 2D: Phase vs Group Velocity & DispersionNew📱2D companion to the 3D quantum light system: a real wave packet crosses from vacuum into a… Kaleidoscope Fold Shader (2D)New📱2D canvas kaleidoscope built the way a fragment shader would: every output pixel's angle is… 2D Procedural TexturesNew📱A real per-pixel 2D procedural texture generator: hand-written Perlin gradient noise,… 2D Ray Marching — Sphere Tracing & SDF ExplainerNew📱A 2D sphere-tracing visualizer: real signed-distance-field math for a circle and a rounded… Metaverse Renderer 2D: LOD Rings & Frustum WedgeNew📱Top-down 2D simulation of view-frustum culling and distance-based level-of-detail: drag to… Gaze-Contingent Foveated Rendering (2D)New📱Interactive 2D foveated-rendering simulator: drag the gaze point across a schematic VR… Mixed Reality Occlusion Radar (2D)New📱A 2D lidar-style depth-buffer occlusion simulator: a fan of rays sweeps a top-down floor… Mobile AR/VR Thermal Throttling Simulator (2D)New📱A 2D chip-side simulator of mobile-GPU thermal throttling during AR/VR rendering: raise the… Data-Ink Ratio SculptorNew📱Toggle drop shadows, 3D bevels, gradient panels, gridlines and border frames on a 3D bar… VR Latency AnalysisNew📱Explore how motion-to-photon latency affects virtual reality experiences through true vs.… VR Latency AnalysisNew📱Visualize the impact of IPD on VR with a dual-viewport stereo renderer, showing real-time… Data-Ink Ratio SculptorNew📱Toggle drop shadows, 3D bevels, gradient panels, gridlines and border frames on a 3D bar… Metaverse Renderer: LOD & Frustum CullingNew📱Interactive 3D demo of the level-of-detail and view-frustum culling algorithms that let a… Mixed Reality Occlusion CompositingNew📱A real depth-buffer occlusion test for mixed reality: a voxel hologram is composited against… Mobile AR/VR Thermal Throttling SimulatorNew📱Simulate how sustained AR/VR rendering workload heats a mobile GPU under Newton's law of… Radio Interferometry Image Reconstruction LabNew📱Watch a radio-telescope array build Fourier-plane (uv) coverage as Earth rotates, form a… Asynchronous Timewarp: VR ReprojectionNew📱Interactive 3D simulator of asynchronous timewarp (ATW) in VR headsets: throttle the render… Gaze-Contingent Foveated RenderingNew📱Drag the gaze point across a virtual VR headset display and watch per-tile render resolution… Stereo Camera Rig for VR Architecture WalkthroughsNew📱Build a real stereoscopic camera rig inside a furnished 3D interior: compare off-axis… Digital Pixel CanvasNew📱Interactive raster-vs-vector canvas: tune the pixel grid resolution and watch two flowing… Mobile App Render PipelineNew📱A 3D pipeline showing how app code becomes on-screen UI across native, cross-platform… 3D Scientific ModelingNew📱Reconstruct a 3D isosurface from a scalar density field with the Marching Cubes algorithm —… Augmented Reality Development SimulatorNew📱Learn how AR apps build a SLAM point cloud, detect real-world planes, and anchor… 3D Rotating CubeNew📱This simulation showcases 3D transformations using WebGL matrices, allowing users to… Ray Tracing SimulatorNew📱This simulation demonstrates the principles of ray tracing, a core technique in computer… Quantum Electron Dynamics SimulationNew📱Explore the complex dance of electrons within an atom using our simulation. Manipulate… Augmented Reality Layering ControlsNew📱This simulation allows you to experiment with different layering techniques for augmented… Dynamic 3D Cloning System Model – Mutation Drift ModelNew📱Explore the intricate mechanics of genetic cloning with our advanced simulation. Manipulate… Cybernetic Enhancement System 3D Simulation – Power Overload ModeNew📱Explore the intricate workings of a cybernetic enhancement system through this immersive 3D… Cybernetic Enhancements System SimulationNew📱This simulation offers an interactive exploration of a cybernetic enhancements system via a… Dark Matter System – Gravitational CollapseNew📱Explore the invisible influence of dark matter through our interactive 3D simulation. Users… Shield Design – Overload FailureNew📱This interactive simulation explores the principles of projectile defense by allowing users… Interdimensional Travel System – Wormhole CollapseNew📱This simulation allows users to explore the complex mechanics of interdimensional travel by… Intergalactic Bridge System – Wormhole Pulse ControlNew📱3D intergalactic bridge network built with Three.js; a new Wormhole Pulse slider drives the… Intergalactic Transmission Network – Signal InterferenceNew📱3D intergalactic communication network simulation; a new Interference slider controls how… Interstellar Starship Navigation – FTL Drive PulseNew📱3D interstellar starship fleet with FTL drives, navigation systems and safety protocols; a… Dynamic Invisibility Field – Detection Sweep SimulationNew📱3D cloaking field simulation; a new Detection Sensitivity slider drives a scanning sweep… Levitation System - Interactive 3D ModelNew📱This interactive simulation explores the principles of magnetic levitation, allowing you to… Nanotechnology System – Assembly Pulse ControlNew📱3D nanobot assembly system visualization; a new Assembly Pulse slider controls how strongly… Parallel Universe System - Interactive 3D ModelNew📱This interactive simulation allows you to explore the complex theoretical concepts behind… Dynamic Prophecy System – Psychic InterferenceNew📱3D prophecy visualization with a Psychic Interference control that jitters vision positions… Quantum Biological Processes - Interactive SimulationNew📱This interactive 3D simulation allows users to explore quantum biology by adjusting… Quantum Chemistry System 3D SimulationNew📱This interactive 3D model allows you to manipulate molecular bonds and reactions, observing… Quantum Computing System - Interactive 3D ModelNew📱Explore a dynamic, three-dimensional simulation of a quantum computing system where you can… Quantum Cosmology: Universe SimulationNew📱This simulation provides an immersive 3D experience of quantum cosmology, letting you… Quantum Cryptography System – Eavesdropper Detection & Auto-Rotate CameraNew📱Dial in an eavesdropper's (Eve) attack strength on a simulated quantum key distribution… Quantum Electronics System – Interactive Circuit Simulation & Auto-Rotate CameraNew📱Build and explore quantum electronic circuits with current, voltage and resistance sliders,… Quantum Entanglement Decoherence LabNew📱Explore how quantum entanglement breaks down under environmental noise. Activate paired… Quantum Evolution System – Extinction EventNew📱Watch natural selection play out on a population of quantum species: raise environmental… Quantum Field Theory System - Interactive 3DNew📱An interactive 3D simulation exploring quantum field theory system - interactive 3d model.… Quantum Gravity Collapse LabNew📱Explore quantum spacetime, curvature, torsion, and metric fields in an interactive 3D model.… Quantum Bit Flip Error LabNew📱Explore quantum bits, information entropy, channel capacity, and processing fields in an… Quantum Magnetism Thermal Demagnetization LabNew📱Explore quantum magnetic fields, polarization, susceptibility, and permeability in an… Quantum Measurement Collapse LabNew📱Explore quantum particles, wave functions, the uncertainty principle, and superposition… Quantum Light – Coherence Rings & InterferenceNew📱Explore photon coherence, interference and polarization in 3D: a naming bug meant the… Quantum Light Propagation Through a MediumNew📱Witness how photons behave in a simulated quantum optical system; adjust parameters to… Quantum Statistics – Fixed Distribution RenderingNew📱Explore quantum statistical distributions in 3D: a class-method naming collision meant the… Quantum Superposition – Auto-DecoherenceNew📱Visualize quantum superposition in 3D with a new auto-decoherence toggle: enable it to watch… Quantum Teleportation Channel Noise LabNew📱Explore quantum teleportation gates, fidelity, success rate, and coherence in an interactive… Quantum Thermodynamics Heat Dissipation LabNew📱Explore quantum thermal systems, entropy, temperature, and energy fields in an interactive… Quantum Tunneling – Barrier FluctuationNew📱Explore quantum tunneling through potential barriers in 3D, now with a barrier-fluctuation… Resurrection System – Failure CascadeNew📱Explore a 3D resurrection system with a new failure-cascade button: trigger it to watch… Anomaly Field Randomizer — One-Click Cosmic ReshuffleNew📱Reshuffle the entire anomaly field in one click — anomaly count, intensity, frequency and… Art Creative 3D Modeling SimulatorNew📱This simulation allows you to explore the core mechanics of 3D sculpting and rendering,… AR Spatial Mesh Render Quality SimulatorNew📱Interactive augmented reality simulator with an adjustable render quality slider that thins… Augmented Reality Environment SimulatorNew📱This simulation allows you to explore the core concepts of augmented reality by layering… Emerging Tech Augmented Reality Advanced SimulationNew📱This simulation explores the core principles of augmented reality by visualizing how digital… Emerging Technology Augmented Reality Advanced SimulationNew📱This simulation explores the core principles of augmented reality by allowing users to… Technology Advanced Augmented Reality SimulationNew📱This simulation allows you to experiment with the core concepts of augmented reality by… Technology Augmented Reality SimulationNew📱This simulation explores how computer vision and tracking technologies create the illusion… Kaleidoscope ShaderNew📱This simulation demonstrates how shaders can be used to create kaleidoscopic patterns. It… Cyberpunk StreetNew📱This simulation creates a visually immersive environment inspired by cyberpunk aesthetics.… Neon Cyberpunk CityNew📱Experience a dynamic simulation of a futuristic neon cityscape, showcasing the interplay of… Cyberpunk Rain StreetNew📱This simulation demonstrates the principles of visual effects and atmospheric rendering… Advanced Film Studies Simulation with Fixed Analysis LoopNew📱This simulation allows you to explore advanced techniques used in filmmaking, specifically… Virtual Gallery SimulationNew📱This simulation demonstrates the principles of virtual art display. It explores concepts… Atomic Structure Exploration SimulationNew📱This simulation provides a dynamic visualization of atomic structure, allowing users to… Audio VisualizerNew📱This interactive visualization displays audio data as visual patterns. It's an exploration… Interactive 3D Engine - Cloud Model Sharing: Engine LevelNew📱This simulation explores the core architecture of a 3D engine optimized for cloud-based… Computer Graphics Explained — Rasterization, Shading, and TransformsNew📱This simulation explains the core techniques used in computer graphics – rasterization,… Computer Graphics Ray Tracing - Comprehensive GuideNew📱This simulation demonstrates the ray tracing rendering technique. It likely shows how light… Computer Graphics Rendering SimulationNew📱This simulation allows users to explore the complex process of computer graphics rendering… Creative Technology SimulationNew📱This simulation explores how technological tools and platforms can enhance creative… 3D Crystal — Three.jsNew📱This simulation creates a visually stunning 3D crystal using the Three.js JavaScript… t-SNE Interactive VisualizationNew📱Explore how t-SNE maps high-dimensional clusters into 2D space by computing Gaussian-kernel… Interactive Data Line Chart – Outlier InjectionNew📱This simulation focuses on creating effective data visualizations to communicate insights.… Emerging Technology Holographic Display SimulationNew📱This simulation explores the technology behind holographic displays. Users can manipulate… Film Cinematography SimulationNew📱This simulation provides a hands-on experience in film cinematography, allowing users to… NEXUS / Five Three.js SimulationsNew📱This simulation provides access to a collection of interactive 3D simulations built using… Atlas / Thirty-five Three.js simulationsNew📱This simulation presents a collection of interactive 3D models using the Three.js library… SimLab Loading Speed AssessmentNew📱Observe the simulated SimLab platform's resource loading performance and adjust parameters… High-Resolution Media Gallery | Science PortalNew📱This simulation provides access to a curated collection of high-resolution images and videos… Media Gallery Refresh | Science PortalNew📱This simulation showcases a regularly updated collection of multimedia resources for… Ά× Simulation Infographics | Science PortalNew📱This simulation allows users to visualize complex scientific data through interactive… Mandelbulb RaymarchingNew📱A 2D simulation using raymarching techniques to render the complex geometry of a Mandelbulb. Medical Imaging Insight Lab — Science PortalNew📱This simulation provides an interactive exploration of medical imaging technologies like MRI… Volumetric Clouds — Sunset God RaysNew📱This simulation visually demonstrates the creation of volumetric clouds and sunset god rays… Holographic InterfaceNew📱This simulation explores the concept of a holographic interface, visualizing how… Neon Cyberpunk AlleyNew📱This simulation presents a dynamic environment inspired by cyberpunk aesthetics, allowing… 3D Neon Equalizer VisualizerNew📱This simulation creates a dynamic visual representation of an equalizer using 3D neon… Ray Tracing Graphics SimulatorNew📱This simulation allows you to explore the core mechanics of ray tracing by manipulating rays… Raycast Lighting — Three.js WebGPUNew📱This simulation demonstrates ray tracing techniques for realistic lighting in a 3D… Raycasting Simulation Engine DynamicsNew📱This simulation explores the dynamics behind raytracing, focusing on how light rays are cast… Raycasting 3DNew📱This is an interactive 2D simulation exploring raycasting in 3D. Players learn how rays are… 🔫 Raycasting 3D (Wolfenstein Style)New📱This simulation replicates the raycasting technique used in classic first-person shooters… Raycasting ShadowsNew📱This simulation extends the raycasting technique to include shadow effects, simulating how… 🔦 Raycasting 3D SimulationNew📱This simulation implements raycasting to generate a 3D scene and allows the user to interact… RaymarchingNew📱This simulation demonstrates raymarching, a technique used to traverse 3D space by casting… Real-Time Collaborative 3D Engine SimulationNew📱This simulation explores the complex dynamics of real-time collaborative 3D environments,… S44 Matrix Digital RainNew📱This simulation creates a visually captivating effect resembling digital rain within a… Matrix Digital Rain — 3D Depth FieldNew📱This simulation creates a visually engaging experience with digital rain rendered in 3D. It… Shadow CastingNew📱This simulation demonstrates shadow casting, a fundamental effect in computer graphics where… Video Production SimulationNew📱This simulation illustrates the key stages of creating a video for streaming. It covers… Virtual Reality Environment CreationNew📱This simulation allows you to explore the core processes involved in creating a virtual… Virtual Reality Vr Architecture SimulationNew📱This simulation allows users to explore architectural designs in a virtual reality setting.… Audio Visualizer: Data Representation ExplorationNew📱This simulation explores how data is visually represented using various techniques like… Webgl MandelbrotNew📱The simulation generates a Mandelbrot set using WebGL, creating a visually stunning fractal… Wolfenstein RaycasterNew📱This simulation recreates the classic 'Wolfenstein 3D' raycasting algorithm, allowing users… Dance Dance Performance SimulationNew📱This simulation allows users to stage and perform dance routines in a virtual environment.… Digital Rain MatrixNew📱This simulation creates a visually dynamic effect of falling digital rain within a matrix.… Aether Spiral | Three.js SimulationNew📱This simulation creates an animated spiral effect using the Three.js JavaScript library. It… Branch Halo | Three.jsNew📱This simulation creates a visually engaging demonstration of a branch halo effect using the… Branch Ring | Three.jsNew📱This simulation creates a visually engaging demonstration of a branch ring effect using the… Digital Holography InterferenceNew📱This simulation allows you to create and manipulate holographic images through interference… Expanded 3D Fog SimulatorNew📱This simulation allows users to create and manipulate realistic fog effects in a 3D… Lumen Fall | Three.jsNew📱This simulation uses Three.js to visually represent a complex fluid dynamics scenario –… Lumen Grove | Three.jsNew📱This simulation utilizes Three.js to create a visually engaging representation of a 'grove'… Lumi Branch | Three.jsNew📱This simulation employs Three.js to demonstrate the branching of light (lumen) within a… Luminous Tide | Three.js SimulationNew📱This simulation uses Three.js to visualize a dynamic 'tide' of luminous energy, likely… Neon Fog | Three.jsNew📱This simulation generates a visually striking effect of neon fog using Three.js. It… Opal Cloud | Three.jsNew📱This simulation showcases the beauty of a cloud formation rendered using the Opal effect in… Opal Vortex | Three.jsNew📱This simulation creates a visually stunning vortex using the Opal effect within the Three.js… Orbital Sand | Three.jsNew📱This simulation creates the visual effect of sand floating in space using the Opal effect… Prism Fog | Three.jsNew📱This simulation demonstrates how fog effects can be created using the Three.js library,… Prism Orbit | Three.jsNew📱This simulation demonstrates the creation of orbital effects using the Three.js library,… Realistic 3D Runway Lighting SimulatorNew📱This simulation demonstrates the principles of lighting design for airport runways, allowing… Sand Dunes — Three.js SimulationNew📱This simulation uses Three.js to visually represent the dynamic behavior of sand dunes. It… Threejs Simulation AtlasNew📱This simulation showcases the use of Three.js for creating interactive 3D visualizations.… Wave Grid | Three.jsNew📱This simulation utilizes the Three.js library to create a dynamic visual representation of… GPGPU Particle SystemNew📱Hundreds of thousands of particles updated entirely on the GPU via ping-pong float textures.… Procedural Textures📱GLSL fragment shader procedural textures: marble, wood rings, clouds, fire, Voronoi cells… Path Tracing📱Progressive WebGL2 path tracer rendering a Cornell box scene. Each frame accumulates one… Ray Marching & SDF📱Interactive ray marching renderer using signed distance fields. Sphere-trace SDFs to render…
About the category

Rendering & Computer Graphics

Path tracing, procedural textures and ray marching — the algorithms behind photorealistic images.

Three.js · WebGL 60 FPS CC BY 4.0
Quick facts
156interactive simulations in this category
⚡runs at 60 FPS in any modern browser
🌐English, Ukrainian, Polish, Spanish, German, Japanese, Italian, Portuguese (Brazil), French, Arabic, Dutch, Chinese, Korean, Hindi, Turkish, Vietnamese, Russian, Indonesian, Persian, Bengali, Thai, Filipino, Swahili, Urdu, Malay, Tamil, Hebrew, Greek, Punjabi, Amharic, Burmese, Khmer, Georgian, Nepali, Mongolian, Armenian, Sinhala, Lao, Czech, Romanian, Hungarian, Bulgarian, Swedish, Danish, Finnish, Norwegian, Slovak, Croatian, Serbian, Slovenian, Lithuanian, Latvian, Estonian, Icelandic, Albanian, Macedonian, Bosnian, and Maltese
🎓CC BY 4.0 — free for classrooms and LMS embeds

Frequently asked questions

Do I need to install anything to run Rendering & Computer Graphics simulations?▾

No. Everything runs entirely in your browser — no downloads, plugins or accounts. Works in Chrome, Firefox, Edge and Safari; most simulations also work on mobile.

Can I use these simulations for teaching?▾

Yes — all content is free for educational use under CC BY 4.0. Link to any simulation directly or embed it in your LMS with an iframe; no API key required.

Are the models scientifically accurate?▾

They use the same mathematical formulations as professional software, integrated numerically in real time. Each simulation lists its algorithms, and many link to an article explaining the mathematics.

Related categories

What did you find?

Add reproduction steps (optional)