Displaying 1 to 20 from 190 results

encom-boardroom - 📈 Web tribute to the Tron: Legacy Boardroom Scene

  •    Javascript

An HTML5 recreation of the Boardroom Scene in Disney's Tron: Legacy. It currently displays realtime data from GitHub and Wikipedia to make it a bit more fun. View it in action at https://www.robscanlon.com/encom-boardroom/ . While I attempted to stay true to the film, it simply wasn't practical to recreate every element that is portrayed in the scene. The graphics displayed in the film contain a remarkable amount of detail despite only being visible for a couple of seconds. I am in awe of those that put it together.

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.

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.




drei - 🌭 useful helpers for react-three-fiber

  •    Javascript

A growing collection of useful helpers and abstractions for react-three-fiber. The native route of the library does not export Html or Loader. The default export of the library is web which does export Html and Loader.

gltfjsx - 🎮 Turns GLTFs into JSX components

  •    Javascript

The usual GLTF workflow is cumbersome: objects can only be found by traversal, changes are made by mutation, making contents conditional is hard. Gltfjsx creates a nested graph of all the objects and materials inside your asset, it will not touch or modify your files in any way. Now you can easily make the data dynamic, alter contents, add events, etc. 1️⃣ First you run your model through gltfjsx. npx allows you to use npm packages without installing them.

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.

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.


potree - WebGL point cloud viewer for large datasets

  •    Javascript

Install dependencies, as specified in package.json, and create a build in ./build/potree. Go to http://localhost:1234/examples/ to test the examples.

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.

theatre - Motion design editor for the web

  •    TypeScript

Theatre.js is an animation library for high-fidelity motion graphics. It is designed to help you express detailed animation, enabling you to create intricate movement, and convey nuance. Theatre can be used both programmatically and visually.

encom-globe - 🌎 WebGL globe based on the boardroom scene from Tron: Legacy

  •    Javascript

The Encom Globe is a WebGL-based clone of the globe from the boardroom scene in Tron: Legacy. If you don't recall that scene, check out Bradley Munkowitz's excellent writeup about its production for more information. This version attempts to stay as true to the in-movie original as possible while maintaining a high frame rate on low powered machines and devices. It is getting pretty close to acheiving that goal and mimics most of the details seen on screen, including the loading animations for the globe hexagon particles, the satellites, and the markers.

kframe - :package: Kevin's collection of A-Frame components and scenes.

  •    Javascript

Kevin's collection of A-Frame components and scenes. A page should open in your browser. You can develop on the source code and the server will handle live compilation and bundling.

THREE.MeshLine - Mesh replacement for THREE.Line

  •    Javascript

First, create the list of vertices that will define the line. MeshLine accepts THREE.Geometry (looking up the .vertices in it) and Array/Float32Array. THREE.BufferGeometry coming soon, and may be others like Array of THREE.Vector3. Once you have that, you can create a new MeshLine, and call .setGeometry() passing the vertices.

Wagner - Effects composer for three.js

  •    Javascript

Please use it only for review and test purposes. Don't hesitate to add issues or open a conversation about design decisions. Most of the shaders are from https://github.com/evanw/glfx.js. Others are from different sources and forums, papers, or my own.

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.

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.

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.

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.






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.