Show HN: I made a site where you can travel in space in the browser

• racing-game

  19 2,094 0.0 TypeScript

  🏎 Open source racing game developed by everyone willing

  

  The racing game works on desktop Firefox on Ubuntu. Kind of. I get only jumpy spinning random frames once the car starts. Maybe it's https://github.com/pmndrs/racing-game/issues/152

  The space travel site works on desktop Firefox but I can only click and drag. I didn't find any way to zoom. Basically I'm stuck on the objects I can see: Earth, Moon and Mars. But I didn't even looked for help in the other comments. Got work to do now.

  Thanks for answering :-)

• three.js

  449 98,752 9.9 JavaScript

  JavaScript 3D Library.

  I made this site using R3F (https://github.com/pmndrs/react-three-fiber), a React renderer for 3JS (https://threejs.org/).

  The celestial bodies are Three.JS meshes.

  I used loaders (namely 'useLoader' from R3F and 'GLTFLoader' from 3JS) to import 3D models, such as International Space Station. More on loading models in R3F: https://docs.pmnd.rs/react-three-fiber/tutorials/loading-mod...

  I've future plans for this side project. It would be great to hear from the HN community before diving into them. Enjoy!

  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: https://get.webgl.org/webgl2/

  P.S.S: There'll probably be responsive design issues. I'd highly encourage you to use a desktop version or rotate to landscape while using a mobile version.

• SurveyJS

  surveyjs.io

  sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-three-fiber

  113 25,832 9.1 TypeScript

  🇨🇭 A React renderer for Three.js

  

  I made this site using R3F (https://github.com/pmndrs/react-three-fiber), a React renderer for 3JS (https://threejs.org/).

  The celestial bodies are Three.JS meshes.

  I used loaders (namely 'useLoader' from R3F and 'GLTFLoader' from 3JS) to import 3D models, such as International Space Station. More on loading models in R3F: https://docs.pmnd.rs/react-three-fiber/tutorials/loading-mod...

  I've future plans for this side project. It would be great to hear from the HN community before diving into them. Enjoy!

  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: https://get.webgl.org/webgl2/

  P.S.S: There'll probably be responsive design issues. I'd highly encourage you to use a desktop version or rotate to landscape while using a mobile version.

• uncharted

  1 52 10.0 JavaScript

  Visualization of our solar neighborhood using three.js

  fwiw I created a version of this a couple years ago that does actually do distances to scale, and tries to simulate actual motion: http://uncharted.bpodgursky.com/

  It's gone stale and has some visual glitches, but should still mostly work. (source https://github.com/bpodgursky/uncharted)

Suggest a related project