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.

face tracking detection snapchat 3d webgl deep-learning face-detection face-tracking threejs babylonjs webcam faceswap library picojs augmented-reality face-filters trackingjs msqrd

ipyvolume - 3d plotting for Python in the Jupyter notebook based on IPython widgets using WebGL

•    Jupyter

---

3d plotting for Python in the Jupyter notebook based on IPython widgets using WebGL.

ipython-widget jupyter jupyter-notebook visualisation volume-rendering virtual-reality plotting dataviz scientific-visualization webgl threejs rendering-3d-volumes quiver

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.

dataviz astronomy cartography orbit

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 globe datavisualization io 3d web webgl

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.

threejs game gamedev indiedev nodejs javascript-game

vue-3d-model - 📷 vue.js 3D model viewer component

•    Javascript

---

3D models viewer with vue.js

vue components webgl threejs vue-3d-model three.js component

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.

map webgl threejs typescript heremaps 3d harpgl heremaps-js

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.

webgl threejs demo device browser hardware gpu detection benchmarks pixijs babylonjs adaptive progressive-enhancement webgl2 detect three.js three babylon 3d typescript

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

•    Javascript

---

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

visualization threejs webgl graph

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 reactjs threejs webgl canvas

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.

component interface react react-component reactjs ui webgl threejs svg floorplans draw floorplanner plan 3d home-design interior-design react.js

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.

webgl threejs opengl texture unity-3d lighting blender-3d shading zbrush matcap litsphere envmap non-photorealistic

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.

react webgl threejs starter tailwind react-three-fiber

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.

html5 webgl 3dsmax exporter studio threejs game-engine pbr

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.

sketch 2d processing js p5js 3d webgl gl opengl threejs canvas canvas2d generative art generativeart

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 webgl threejs 3d postprocessing react-postprocessing three @react-three/fiber

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.

react threejs animation renderer fiber 3d