Title: I made this site using R3F (<a href="https:&#x2F;&#x2F;github.com&#x2F;pmndrs&#x2F;react-three-fiber" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;pmndrs&#x2F;react-three-fiber</a>), a React renderer for 3JS (<a href="https:&#x2F;&#x2F;threejs.org&#x2F;" rel="nofollow">https:&#x2F;&#x2F;threejs.org&#x2F;</a>).<p>The celestial bodies are Three.JS meshes.<p>I used loaders (namely &#x27;useLoader&#x27; from R3F and &#x27;GLTFLoader&#x27; from 3JS) to import 3D models, such as International Space Station. More on loading models in R3F: <a href="https:&#x2F;&#x2F;docs.pmnd.rs&#x2F;react-three-fiber&#x2F;tutorials&#x2F;loading-models" rel="nofollow">https:&#x2F;&#x2F;docs.pmnd.rs&#x2F;react-three-fiber&#x2F;tutorials&#x2F;loading-mod...</a><p>I&#x27;ve future plans for this side project. It would be great to hear from the HN community before diving into them. Enjoy!<p>P.S: Getting an empty (probably black) screen? This app shows up in browsers that support WebGL2.0 (most modern browsers do). Check this site to see whether your browser supports WebGL2.0: <a href="https:&#x2F;&#x2F;get.webgl.org&#x2F;webgl2&#x2F;" rel="nofollow">https:&#x2F;&#x2F;get.webgl.org&#x2F;webgl2&#x2F;</a><p>P.S.S: There&#x27;ll probably be responsive design issues. I&#x27;d highly encourage you to use a desktop version or rotate to landscape while using a mobile version.
Upvote: