troika
jeelizFaceFilter
Our great sponsors
troika | jeelizFaceFilter | |
---|---|---|
3 | 2 | |
1,509 | 2,619 | |
2.9% | 1.1% | |
6.3 | 5.2 | |
16 days ago | 3 months ago | |
JavaScript | JavaScript | |
MIT License | Apache License 2.0 |
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...
jeelizFaceFilter
-
Adding AR Filters in a 100ms Video Call - Part 1
Ikr! That's what I was thinking when I came across Jeeliz. Now I have worked with tensorflow.js based libraries in the past but they're usually quite CPU intensive for a live video use case. Jeeliz looked promising as it's designed for this use case. So I thought why not try it out by adding some 3d AR filters to our video calls. Well! that is what we're going to do.
-
Best Web-Based Face Tracking Library?
I created a demo face filter web app using jeeliz. It has great features however, I found that the tracking performance wasn't perfect. Media pipe seems to require building out custom features manually to achieve the face filter app I need. I'm wondering if building a more custom app with mediapipe would be worth the extra effort over Jeeliz.
What are some alternatives?
msdfgen - Multi-channel signed distance field generator
mediapipe - Cross-platform, customizable ML solutions for live and streaming media.
portfolio-3d - 3D portfolio
shader-web-background - Displays GLSL fragment shaders as a website background. Supports offscreen buffers and floating point textures on almost any browser and hardware. Compatible with Shadertoy.
vello - An experimental GPU compute-centric 2D renderer.
three-stdlib - 📚 Stand-alone library of threejs examples designed to run without transpilation in node & browser
three.js - JavaScript 3D Library.
download-snap-memories - Script to download all memories from Snapchat
webxr-handtracking - 👐 WebXR hand tracking examples
model-browser - model-browser is a command line tool available on npm, for browsing local 3D models via a web browser. It currently only supports GLB files.
3d-force-graph - 3D force-directed graph component using ThreeJS/WebGL