FedSearch - Federated network search engine

NERDDISCO · @NERDDISCO

126 followers · 462 posts · Server mastodon.social

360° viewer in #threejs + #R3F using an #equirectangular #image

```
import { OrbitControls, Environment, useTexture } from '@react-three/drei';
import * as THREE from 'three';

export default function Equirectangular() {
const texture = useTexture(`/image.jpg`);
texture.mapping = THREE.EquirectangularReflectionMapping;

return (
<>
<Environment background map={texture} />
<OrbitControls />
</>
);
}
```

(Just putting this here as I always forget how it works 😅)

#threejs #R3F #equirectangular #image

Last updated 2 years ago

Original post

claude · @mathr

288 followers · 2739 posts · Server post.lurk.org

Found a bug in #zoomasm's 360 projection (the distance estimate scaling was wrong).

Trying to do the maths by hand is too hard, so I copied my #GLSL #DualNumber implementation (for #AutomaticDifferentiation) from my fragm-examples repository, minus the #CPreProcessor macro hell, plus some quaternion-to-rotation-matrix code ported from Python that I found online.

Now it looks okish in the #equirectangular view, need to render some tests at various orientations and inject spatial metadata for viewing in VLC to be more sure I got it right...

#equirectangular #CPreProcessor #AutomaticDifferentiation #DualNumber #glsl #zoomasm

Last updated 4 years ago

Original post