Skip to main content
100%

360 map for offline rendering of an existing heavy scene

✓ Published0🌍 Public
UUtopiah
Last edited Aug 11, 2017
Created on Aug 11, 2017

The example shows a 360-degree map for offline rendering of a heavy Blender scene, producing browsable equirectangular panoramas at each grid position. It uses Blender’s Python API with the CYCLES engine and GPU device, setting the camera to PANO type with EQUIRECTANGULAR projection. The script renders full-resolution (2048x1024) JPEGs and preview images (512x256) at a 5x5 grid, translating the camera by 1 unit increments. It demonstrates a workflow for pre-rendering immersive views, with planned improvements like stereoscopic renders and shader-based warping.

AI-generated description

Similar vizzes

Loading thumbnail…

Raster Reprojection of panorama images (360°) with WebGL

This interactive WebGL visualization reprojects a 360-degree equirectangular panorama image into the stereographic projection, enabling smooth zoom and pan interactions. It displays the source panorama as a textured plane, with the fragment shader performing inverse stereographic projection and rotation calculations in real time. The implementation uses d3.v3 for DOM and event handling, while raw WebGL shaders manage the rendering pipeline, including a custom vertex-fragment shader pair and texture mipmapping. The code compiles shaders, sets up a position buffer for a fullscreen quad, and updates uniform variables for translation, scale, and rotation based on user input.

PPhilippe Rivière
64% match
Loading thumbnail…

Raster Reprojection of panorama images (360°)

This example shows a 360° panorama image reprojected onto a world map using a raster reprojection technique. The panorama is mapped to equirectangular coordinates, then projected to the screen using d3.geo.equirectangular. The visualization is interactive: users can click and drag to rotate the view, with d3.geo.zoom handling quaternion-based rotations for smooth, continuous navigation. The image is drawn to an offscreen canvas, and each pixel is remapped based on the inverse projection. Panning and zooming are handled by the d3.geo.zoom plugin, which modifies the projection’s scale and rotation in response to user input. The final result is rendered on a canvas element, allowing fluid exploration of the full 360° panoramic scene.

PPhilippe Rivière
63% match
Loading thumbnail…

Milky Way

This visualization displays a 360-degree panorama of the Milky Way, captured by the European Southern Observatory, reprojected onto a stereographic projection to simulate the night sky as seen from Earth. The interactive animation rotates the view over time, allowing exploration of the entire celestial sphere. Built using WebGL and custom shaders, the code compiles vertex and fragment shaders to perform the inverse stereographic projection and image texture mapping in real time. The source equirectangular image is loaded as a texture, with mipmaps enabling accurate rendering during continuous motion.

Mmbostock
57% match
Loading thumbnail…

Raster Reprojection of panorama images — inverse colors version

This interactive canvas visualization uses Jason Davies’ d3.geo.zoom and D3 v3 to reproject a 360° panorama image onto an equirectangular projection. The code loads the panorama, draws it to an offscreen canvas, and then inversely maps each pixel of the target canvas back through the projection, inverting the RGB channels to create a negative-color version. Users can pan and zoom the reprojected image using the d3.geo.zoom behavior and projection scale extent.

PPhilippe Rivière
57% match
Loading thumbnail…

from Blender to WebVR in 1 click

A single click in Blender exports the current 3D scene as a glTF model and publishes it to a remote server, producing a WebVR experience viewable in a browser. The script uses the Blender glTF exporter, the A-Frame library with the aframe-extras animation-mixer component, and Python’s requests module to upload the model, binary, and generated HTML files. The generated page includes an A-Frame scene with a lightblue sky and the model positioned in space, with animation-mixer removed if no actions exist. The backend is a simple PHP file that stores uploads and returns a shareable URL.

UUtopiah
56% match
Loading thumbnail…

Zoom and Rotating (Reprojecting)

This example demonstrates a dynamic equirectangular world map that is rendered onto a canvas and then applied as a texture to both a plane and a sphere in a 3D A-Frame scene, allowing for zoom and rotation. The map, sourced from a GeoJSON file, uses `d3.geoEquirectangular` projection and a `d3.geoPath` generator to draw graticules and country boundaries. A `d3.timer` drives continuous redraws to the canvas, while the A-Frame `draw-canvas` component integrates it into the virtual environment, with the sphere and camera controls enabling interactive reprojection.

AAlexanderDavidson
56% match
Loading thumbnail…

A-Frame - VR Horse-Racing

This example presents a virtual horse-racing scene within a 360-degree panoramic view. It displays a horse-racing track as a spherical skybox, allowing the viewer to see the environment in all directions. The visualization is built with the A-Frame virtual reality framework, using the `a-scene` and `a-sky` elements to render the image. It loads a single JPEG image, "horse-racing.jpg," as the environment's texture, with the scene's rotation adjusted to 170 degrees along the Y-axis. The code relies on A-Frame's built-in VR capabilities to create the immersive visual experience.

HHirosaji
55% match
Loading thumbnail…

Rotating Equirectangular

This example displays the world map using an equirectangular projection that continuously rotates horizontally. The visualization is rendered on an HTML5 Canvas element using the D3.js v3 and TopoJSON libraries, with a timer-driven animation. The projection’s rotation angle updates over time based on elapsed milliseconds, clearing and redrawing the filled land polygons each frame. World geometry comes from a remote GeoJSON file of 110-meter resolution, processed with `topojson.feature` and drawn via `d3.geo.path` with Canvas context.

Mmbostock
54% match