solar-system-threejs - The Solar System: Modeled to scale with Three.js

  •        589

This is a project powered by Three.js and WebGL. All objects within this project have been modeled to scale based on real astronomical data. The scene currently renders the sun, all eight planets (nine if you side with Pluto being a planet), each planet's moons, the asteriod belt and thousands of stars.

http://sanderblue.github.io/solar-system-threejs/
https://github.com/sanderblue/solar-system-threejs

Dependencies:

gulp : ^3.9.0
gulp-sass : ^2.1.0
three-text2d : ^0.2.2

Tags
Implementation
License
Platform

   




Related Projects

jeelizFaceFilter - Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters

  •    Javascript

This JavaScript library detects and tracks the face in real time from the webcam video feed captured with WebRTC. Then it is possible to overlay 3D content for augmented reality applications. We provide various demonstrations using main WebGL 3D engines. We have included in this repository the release versions of the 3D engines to work with a determined version (they are in /libs/<name of the engine>/). This library is lightweight and it does not include any 3D engine or third party library. We want to keep it framework agnostic so the outputs of the library are raw: if the a face is detected or not, the position and the scale of the detected face and the rotation Euler angles. But thanks to the featured helpers, examples and boilerplates, you can quickly deal with a higher level context (for motion head tracking, for face filter or face replacement...). We continuously add new demontrations, so stay tuned ! Also, feel free to open an issue if you have any question or suggestion.

asteroids_atlas_of_space - Code, data, and instructions for mapping orbits of asteroids in the solar system

  •    Jupyter

This repository explains how to make a map of the solar system using open-source code and data from NASA. Software used includes Python 3.7.1, NASA HORIZONS, Illustrator CC 2019 and Photoshop CC 2019. If you have comments or suggestions for this tutorial, please let me know on my blog! You can buy the finished map here. Python dependencies: matplotlib astropy numpy pandas os time urllib. Dependencies can be installed with pip install -r requirements.txt.

Planets 3D

  •    C++

No longer actively maintained - take over maintenance! A graphical tool for the simulation of the solar system, based on gravity power calculations. Focus lies on a nice OpenGL graphic and user friendly modification possibilities. Subject Astronomy

giojs - 🌏 A Declarative 3D Globe Data Visualization Library built with Three.js

  •    Javascript

Gio.js is an open source library for web 3D globe data visualization built with Three.js. What makes Gio.js different is that it is simple to use Gio.js to customize a 3D data visualization model in a declarative way, add your own data, and integrate it into your own modern web application. Gio.js is an open source library for web 3D globe data visualization built with Three.js. What makes Gio.js different is that it is simple to use Gio.js to customize a 3D data visualization model in a declarative way, add your own data, and integrate it into your own modern web application.


threejs-app - Some opinionated structure for a complex/scalable ThreeJS app

  •    Javascript

My current organization for medium & large WebGL apps (i.e. must scale to a large team and run the course of a few months).⚛ This branch only includes bare WebGL. If you want UI (with Preact), see the preact branch.

wizardwarz - WebGL Multiplayer game with NodeJS backend

  •    Javascript

WizardWarz is a ThreeJS WebGL/Javascript multiplayer shoot-em-up game. It has unique generated maps with a NodeJS backend where maps are generated and it also supports multiplayer.

harp.gl - 3D web map rendering engine written in TypeScript using three.js

  •    TypeScript

harp.gl is an experimental and work in progress open-source 3D map rendering engine written in TypeScript. If you want to learn more about the applications you can create, please check the Getting Started Guide.

detect-gpu - Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications

  •    TypeScript

Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications. Think of it like a user-agent detection for the GPU but more powerful. By default we use the UNPKG CDN to host the benchmark data. If you would like to serve the benchmark data yourself download the required benchmarking data from benchmarks.tar.gz and serve it from a public directory.

graphosaurus - 3D graph viewer powered by WebGL (three.js)

  •    Javascript

A three-dimensional static graph viewer. JSDoc generated API documentation can be found here.

react-three - React bindings to create and control a 3D scene using three.js

  •    Javascript

Create/control a three.js canvas using React. To use React for drawing 2D using WebGL, try react-pixi.

react-planner - :pencil2: A React Component for plans design

  •    Javascript

react-planner is a React component which can be used to draw model buildings. Drag & drop from a catalog of customizable and ready-to-use objects, you can start from 2D wireframes and land on 3D models. As a developer you can provide your users with new objects by adding them to the catalog.

matcaps - Huge library of matcap PNG textures organized by color

  •    Javascript

A huge library of MatCap textures in PNG and ZMT. MatCap (Material Capture, also known as LitSphere) are complete materials, including lighting and reflections, so you can add it to an object and not have any need for, well, lighting and reflections. MatCaps allows you to create a surface material and lighting environment simply by painting an object so that it looks like how you want your surface to appear. This opens up all sorts of interesting possibilities for non-photoreal image rendering.

react-three-next - React Three Fiber, Nextjs, Tailwind starter

  •    Javascript

First Load JS of 74Kb. This starter will automatically pick the marked R3F components and inject them into a canvas layout so we can navigate seamlessly between the pages with some dynamic dom and canvas content without reloading or creating a new canvas every time. Inform the nextjs page that the component is a Threejs component. For that, simply add the r3f property to the parent component.

3D-CSS-Solar-System - Solar System data visualisation done in HTML/CSS and a bit of Javascript.

  •    Javascript

Solar System data visualisation done in HTML/CSS and a bit of Javascript.

sea3d - An open-source format and tools for game developers :video_game:

  •    CSharp

Open-source format and tools for game developers. Free cross-platform 3D IDE for games.

canvas-sketch - [beta] A framework for making generative artwork in JavaScript and the browser.

  •    Javascript

This is in early beta stages, don't expect it to work reliably across versions yet. I'm looking for collaborators and beta testers, so please post an issue if you find any problems or want to help out with this project in some way. canvas-sketch is a loose collection of tools, modules and resources for creating generative art in JavaScript and the browser.

react-postprocessing - 📬 postprocessing for react-three-fiber

  •    TypeScript

react-postprocessing is a postprocessing wrapper for @react-three/fiber. This is not (yet) meant for complex orchestration of effects, but can save you hundreds of LOC for a straight forward effects-chain. This library provides an EffectPass which automatically organizes and merges any given combination of effects. This minimizes the amount of render operations and makes it possible to combine many effects without the performance penalties of traditional pass chaining. Additionally, every effect can choose its own blend function.

react-three-fiber - 🇨🇭 A React renderer for Three.js

  •    TypeScript

react-three-fiber is a React renderer for threejs. Build your scene declaratively with re-usable, self-contained components that react to state, are readily interactive and can tap into React's ecosystem.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.