HomeCategoriesRendering & Computer Graphics

🔮 Rendering & Computer Graphics

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

123 simulations60 fps real-time0 install steps
Path TracingProgressive WebGL2 path tracer rendering a Cornell box scene. Each frame accumulates one… Procedural TexturesGLSL fragment shader procedural textures: marble, wood rings, clouds, fire, Voronoi cells… Ray Marching & SDFInteractive ray marching renderer using signed distance fields. Sphere-trace SDFs to render… GPGPU Particle SystemNewHundreds of thousands of particles updated entirely on the GPU via ping-pong float textures.… 3D Rotating CubeNewThis simulation showcases 3D transformations using WebGL matrices, allowing users to… Ray Tracing SimulatorNewThis simulation demonstrates the principles of ray tracing, a core technique in computer… Quantum Electron Dynamics SimulationNewExplore the complex dance of electrons within an atom using our simulation. Manipulate… Augmented Reality Layering ControlsNewThis simulation allows you to experiment with different layering techniques for augmented… Dynamic 3D Cloning System Model – Mutation Drift ModelNewExplore the intricate mechanics of genetic cloning with our advanced simulation. Manipulate… Cybernetic Enhancement System 3D Simulation – Power Overload ModeNewExplore the intricate workings of a cybernetic enhancement system through this immersive 3D… Cybernetic Enhancements System SimulationNewThis simulation offers an interactive exploration of a cybernetic enhancements system via a… Dark Matter System – Gravitational CollapseNewExplore the invisible influence of dark matter through our interactive 3D simulation. Users…
Shield Design – Overload FailureNewThis interactive simulation explores the principles of projectile defense by allowing users… Interdimensional Travel System – Wormhole CollapseNewThis simulation allows users to explore the complex mechanics of interdimensional travel by… Intergalactic Bridge System – Dynamic ConstructionNewThis simulation lets you construct and manage an intergalactic bridge system in a dynamic 3D… Intergalactic Transmission Network SimulationNewExplore the complex dynamics of intergalactic communication through this simulation. Adjust… Interstellar Starship Navigation SystemNewThis simulation models the complex navigational challenges faced by a starship traveling… Dynamic Invisibility Field Manipulation SimulationNewThis immersive simulation explores the complex physics behind cloaking technology by… Levitation System - Interactive 3D ModelNewThis interactive simulation explores the principles of magnetic levitation, allowing you to… Nanotechnology System - Interactive 3D Model: NanobotsNewExplore the fascinating world of nanobots through our interactive 3D model! This simulation… Parallel Universe System - Interactive 3D ModelNewThis interactive simulation allows you to explore the complex theoretical concepts behind… Dynamic Prophecy System SimulationNewThis simulation allows you to manipulate a complex prophecy system in real-time, observing… Quantum Biological Processes - Interactive SimulationNewThis interactive 3D simulation allows users to explore quantum biology by adjusting… Quantum Chemistry System 3D SimulationNewThis interactive 3D model allows you to manipulate molecular bonds and reactions, observing… Quantum Computing System - Interactive 3D ModelNewExplore a dynamic, three-dimensional simulation of a quantum computing system where you can… Quantum Cosmology: Universe SimulationNewThis simulation provides an immersive 3D experience of quantum cosmology, letting you… Quantum Cryptography System SimulationNewExplore the principles of quantum cryptography through this interactive simulation. Users… Quantum Electronics System – Interactive Circuit SimulationNewExplore the fundamental principles of quantum electronics through this interactive… Exploring Quantum Entanglement DynamicsNewThis simulation allows you to explore the complex dynamics of quantum entanglement by… Quantum Evolution System SimulationNewExplore the complex dynamics of quantum systems with our interactive simulation. Users can… Quantum Field Theory System - Interactive 3DNewAn interactive 3D simulation exploring quantum field theory system - interactive 3d model.… Quantum Gravity System Interactive ModelNewExplore the complex interplay between quantum mechanics and gravity through this interactive… Quantum Information System SimulationNewExplore the complex interactions within a simulated quantum information system. This… Quantum Magnetism System - Magnetic Field DynamicsNewThis simulation explores the complex relationship between magnetic fields and quantum… Quantum System Dynamics VisualizationNewThis simulation allows users to visualize the complex dynamics of quantum systems by… Manipulating Quantum Light for Interactive ExplorationNewExplore the fascinating world of quantum optics by manipulating individual photons'… Quantum Light Propagation Through a MediumNewWitness how photons behave in a simulated quantum optical system; adjust parameters to… Interactive Quantum Statistics SimulationNewThis interactive simulation allows you to explore the complex relationship between quantum… Quantum Superposition System Interactive 3D ModelNewThis interactive 3D model allows you to visualize and manipulate quantum superposition by… Quantum Teleportation System – Interactive ModelNewExplore the complex process of quantum teleportation through an interactive 3D model. Adjust… Quantum Thermodynamics System SimulationNewThis simulation explores the fundamental principles of quantum thermodynamics, demonstrating… Quantum Tunneling System – Dynamic VisualizationNewExplore the bizarre phenomenon of quantum tunneling through this interactive simulation.… Resurrection System Interactive ModelNewExplore the complex biochemical processes behind simulated resurrection through a detailed… Interactive Space Anomaly Control SystemNewThis interactive simulation explores the complex dynamics of a space anomaly control system,… Art Creative 3D Modeling SimulatorNewThis simulation allows you to explore the core mechanics of 3D sculpting and rendering,… AR Visualization Rendering SettingsNewThis simulation allows you to fine-tune the visual parameters of AR rendering, including… Augmented Reality Environment SimulatorNewThis simulation allows you to explore the core concepts of augmented reality by layering… Emerging Tech Augmented Reality Advanced SimulationNewThis simulation explores the core principles of augmented reality by visualizing how digital… Emerging Technology Augmented Reality Advanced SimulationNewThis simulation explores the core principles of augmented reality by allowing users to… Technology Advanced Augmented Reality SimulationNewThis simulation allows you to experiment with the core concepts of augmented reality by… Technology Augmented Reality SimulationNewThis simulation explores how computer vision and tracking technologies create the illusion… Augmented Reality Development SimulatorNewLearn how AR apps build a SLAM point cloud, detect real-world planes, and anchor… 3D Scientific ModelingNewReconstruct a 3D isosurface from a scalar density field with the Marching Cubes algorithm —… Mobile App Render PipelineNewA 3D pipeline showing how app code becomes on-screen UI across native, cross-platform… Kaleidoscope ShaderNewThis simulation demonstrates how shaders can be used to create kaleidoscopic patterns. It… Cyberpunk StreetNewThis simulation creates a visually immersive environment inspired by cyberpunk aesthetics.… Neon Cyberpunk CityNewExperience a dynamic simulation of a futuristic neon cityscape, showcasing the interplay of… Cyberpunk Rain StreetNewThis simulation demonstrates the principles of visual effects and atmospheric rendering… Advanced Film Studies Simulation AnalysisNewThis simulation allows you to explore advanced techniques used in filmmaking, specifically… Aether Spiral | Three.js SimulationNewThis simulation creates an animated spiral effect using the Three.js JavaScript library. It… Virtual Gallery SimulationNewThis simulation demonstrates the principles of virtual art display. It explores concepts… Atomic Structure Exploration SimulationNewThis simulation provides a dynamic visualization of atomic structure, allowing users to… Audio VisualizerNewThis interactive visualization displays audio data as visual patterns. It's an exploration… Branch Halo | Three.jsNewThis simulation creates a visually engaging demonstration of a branch halo effect using the… Branch Ring | Three.jsNewThis simulation creates a visually engaging demonstration of a branch ring effect using the… Interactive 3D Engine - Cloud Model Sharing: Engine LevelNewThis simulation explores the core architecture of a 3D engine optimized for cloud-based… Computer Graphics Explained — Rasterization, Shading, and TransformsNewThis simulation explains the core techniques used in computer graphics – rasterization,… Computer Graphics Ray Tracing - Comprehensive GuideNewThis simulation demonstrates the ray tracing rendering technique. It likely shows how light… Computer Graphics Rendering SimulationNewThis simulation allows users to explore the complex process of computer graphics rendering… Creative Technology SimulationNewThis simulation explores how technological tools and platforms can enhance creative… 3D Crystal — Three.jsNewThis simulation creates a visually stunning 3D crystal using the Three.js JavaScript… Data Science Data Visualization SimulationNewThis simulation explores the principles of data visualization, allowing players to create… Interactive Data Line Chart – Outlier InjectionNewThis simulation focuses on creating effective data visualizations to communicate insights.… Digital Holography Interference LabNewThis simulation allows you to create and manipulate holographic images through interference… Emerging Technology Holographic Display SimulationNewThis simulation explores the technology behind holographic displays. Users can manipulate… Film Cinematography SimulationNewThis simulation provides a hands-on experience in film cinematography, allowing users to… Expanded 3D Fog SimulatorNewThis simulation allows users to create and manipulate realistic fog effects in a 3D… NEXUS / Five Three.js SimulationsNewThis simulation provides access to a collection of interactive 3D simulations built using… Atlas / Thirty-five Three.js simulationsNewThis simulation presents a collection of interactive 3D models using the Three.js library… SimLab Loading Speed AssessmentNewObserve the simulated SimLab platform's resource loading performance and adjust parameters… Lumen Fall | Three.jsNewThis simulation uses Three.js to visually represent a complex fluid dynamics scenario –… Lumen Grove | Three.jsNewThis simulation utilizes Three.js to create a visually engaging representation of a 'grove'… Lumi Branch | Three.jsNewThis simulation employs Three.js to demonstrate the branching of light (lumen) within a… Luminous Tide | Three.js SimulationNewThis simulation uses Three.js to visualize a dynamic 'tide' of luminous energy, likely… High-Resolution Media Gallery | Science PortalNewThis simulation provides access to a curated collection of high-resolution images and videos… Media Gallery Refresh | Science PortalNewThis simulation showcases a regularly updated collection of multimedia resources for… Ά× Simulation Infographics | Science PortalNewThis simulation allows users to visualize complex scientific data through interactive… Mandelbulb RaymarchingNewA 2D simulation using raymarching techniques to render the complex geometry of a Mandelbulb. Medical Imaging Insight Lab — Science PortalNewThis simulation provides an interactive exploration of medical imaging technologies like MRI… Volumetric Clouds — Sunset God RaysNewThis simulation visually demonstrates the creation of volumetric clouds and sunset god rays… Neon Fog | Three.jsNewThis simulation generates a visually striking effect of neon fog using Three.js. It… Holographic InterfaceNewThis simulation explores the concept of a holographic interface, visualizing how… Neon Cyberpunk AlleyNewThis simulation presents a dynamic environment inspired by cyberpunk aesthetics, allowing… 3D Neon Equalizer VisualizerNewThis simulation creates a dynamic visual representation of an equalizer using 3D neon… Opal Cloud | Three.jsNewThis simulation showcases the beauty of a cloud formation rendered using the Opal effect in… Opal Vortex | Three.jsNewThis simulation creates a visually stunning vortex using the Opal effect within the Three.js… Orbital Sand | Three.jsNewThis simulation creates the visual effect of sand floating in space using the Opal effect… Prism Fog | Three.jsNewThis simulation demonstrates how fog effects can be created using the Three.js library,… Prism Orbit | Three.jsNewThis simulation demonstrates the creation of orbital effects using the Three.js library,… Ray Tracing Graphics SimulatorNewThis simulation allows you to explore the core mechanics of ray tracing by manipulating rays… Raycast Lighting — Three.js WebGPUNewThis simulation demonstrates ray tracing techniques for realistic lighting in a 3D… Raycasting Simulation Engine DynamicsNewThis simulation explores the dynamics behind raytracing, focusing on how light rays are cast… Raycasting 3DNewThis is an interactive 2D simulation exploring raycasting in 3D. Players learn how rays are… 🔫 Raycasting 3D (Wolfenstein Style)NewThis simulation replicates the raycasting technique used in classic first-person shooters… Raycasting ShadowsNewThis simulation extends the raycasting technique to include shadow effects, simulating how… 🔦 Raycasting 3D SimulationNewThis simulation implements raycasting to generate a 3D scene and allows the user to interact… RaymarchingNewThis simulation demonstrates raymarching, a technique used to traverse 3D space by casting… Real-Time Collaborative 3D Engine SimulationNewThis simulation explores the complex dynamics of real-time collaborative 3D environments,… Realistic 3D Runway Lighting SimulatorNewThis simulation demonstrates the principles of lighting design for airport runways, allowing… S44 Matrix Digital RainNewThis simulation creates a visually captivating effect resembling digital rain within a… Matrix Digital Rain — 3D Depth FieldNewThis simulation creates a visually engaging experience with digital rain rendered in 3D. It… Sand Dunes — Three.js SimulationNewThis simulation uses Three.js to visually represent the dynamic behavior of sand dunes. It… Shadow CastingNewThis simulation demonstrates shadow casting, a fundamental effect in computer graphics where… Video Production SimulationNewThis simulation illustrates the key stages of creating a video for streaming. It covers… Threejs Simulation AtlasNewThis simulation showcases the use of Three.js for creating interactive 3D visualizations.… Virtual Reality Environment CreationNewThis simulation allows you to explore the core processes involved in creating a virtual… Virtual Reality Vr Architecture SimulationNewThis simulation allows users to explore architectural designs in a virtual reality setting.… Audio Visualizer: Data Representation ExplorationNewThis simulation explores how data is visually represented using various techniques like… Wave Grid | Three.jsNewThis simulation utilizes the Three.js library to create a dynamic visual representation of… Webgl MandelbrotNewThe simulation generates a Mandelbrot set using WebGL, creating a visually stunning fractal… Wolfenstein RaycasterNewThis simulation recreates the classic 'Wolfenstein 3D' raycasting algorithm, allowing users… Dance Dance Performance SimulationNewThis simulation allows users to stage and perform dance routines in a virtual environment.… Digital Rain MatrixNewThis simulation creates a visually dynamic effect of falling digital rain within a matrix.…
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
123interactive 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)