troika
portfolio-3d
Our great sponsors
troika | portfolio-3d | |
---|---|---|
3 | 2 | |
1,509 | 8 | |
2.9% | - | |
6.3 | 0.0 | |
14 days ago | almost 3 years ago | |
JavaScript | JavaScript | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
troika
-
Frameworks/libraries/tools used to create these fancy animated 3d websites
troika (specifically troika-three-text)
-
Fastest possible text updates with or without React
Text is relatively hard to render with WebGL and browsers have a limit, of usually 16 framebuffers that you can use for WebGL contexts. Our charts are written for a WebGL target so we don't want to use up that precious resource for text rendering. In our specific use case we usually have a large degree of control over the browser so we can configure it, but if the target is web we don't have that control. Grabbing a WebGL context also takes a significant period of time, usually a hundred milliseconds or more on my computer, and not displaying data in that time isn't a great user experience.
-
2D Graphics on Modern GPU (2019)
There's a great WebGL library for doing that on the web using any .ttf, .otf, or .woff font - https://github.com/protectwise/troika/tree/master/packages/t...
portfolio-3d
-
Hello, everyone. I've made simple 3D portfolio with Three.js
Just started out learning about Three.js, I did try it before but didn't really caught the essence, but now I do!. [youtube video link](https://youtu.be/oCRsn\_bMzJ8) [github repo](https://github.com/109149/portfolio-3d) [website](https://109149.github.io/portfolio-3d) Feel free to ask/say anything.
-
Simple 3D Portfolio made with Three.js
youtube video link github repo website
What are some alternatives?
msdfgen - Multi-channel signed distance field generator
jeelizFaceFilter - Javascript/WebGL lightweight face tracking library designed for augmented reality webcam filters. Features : multiple faces detection, rotation, mouth opening. Various integration examples are provided (Three.js, Babylon.js, FaceSwap, Canvas2D, CSS3D...).
vello - An experimental GPU compute-centric 2D renderer.
three.js - JavaScript 3D Library.
webxr-handtracking - 👐 WebXR hand tracking examples
3d-force-graph - 3D force-directed graph component using ThreeJS/WebGL
globe.gl - UI component for Globe Data Visualization using ThreeJS/WebGL
webxr-threejs-midi-visualizer - WebXR, augmented reality MIDI data visualization, built with Three.js and Tone.js. See video: https://youtu.be/lIecCGtbqSM
libGDX - Desktop/Android/HTML5/iOS Java game development framework
react-three-fiber - 🇨🇭 A React renderer for Three.js
THREE.MeshLine - Mesh replacement for THREE.Line