With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more â
Top 23 TypeScript Threej Projects
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
camera-controls
A camera control for three.js, similar to THREE.OrbitControls yet supports smooth transitions and more features.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
-
gpu-io
A GPU-accelerated computing library for running physics simulations and other GPGPU computations in a web browser.
-
detect-gpu
Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
-
etherealengine
iR Engine - Bringing us together on the open social spatial web. đ¤ đ đ đšī¸ đ§đŋâđ
-
netplayjs
Make P2P multiplayer browser games, no server hosting or synchronization code required. Powered by rollback netcode + WebRTC.
-
composer-suite
A suite of libraries for making game development with Three.js and React not only awesome, but so good, it would feel wrong to use anything else.
-
cadhub
We're out to raise awareness and put CodeCAD on the map. The success of CadHub can be measured by the amount it promotes the use of CodeCAD within the mechanical/manufacturing industry and the strength the CadHub community.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
this is perfect then. a large part of the threejs userbase is using https://github.com/pmndrs/react-three-fiber (roughly 1/4, and growing) and this is also where you find lots of job opportunities. fiber has a vast eco system, but if you can pair this with your knowledge of shaders you'll find a job tomorrow if you wanted.
For anything more advanced than a simple easing function or some basic keyframes on one or two channels you'll quickly run into the limitations of this approach.
I've been using Theatre.js the last few years and really loving it. It's a library divided into two parts; one is a studio UI with a timeline for editing keyframes and bezier curves, and the other is a runtime for taking those keyframes and interpolating values in relation to a timeline. Try it for anything that requires coordinated animations.
https://www.theatrejs.com/
Project mention: How to make Orthographic Camera follow the player without changing the angle? | /r/threejs | 2023-06-27but maybe check out https://github.com/yomotsu/camera-controls this allows you to pan, or i think they call it "truck".
By the way, Vue does this very often: - https://www.vuemail.net/ is a port of https://react.email/ - https://tresjs.org/ is a port of https://threejs.org/ etc etc.
Project mention: Triplex: Visually Edit React Three Fiber Components | news.ycombinator.com | 2023-10-03
Project mention: Show HN: Checkers Twist â The game Checkers/Draughts/Dames on an irregular grid | news.ycombinator.com | 2024-05-03- some corners will connect less than 4 tiles. This does the opposite of the previous point, as this removes diagonals. This limits your moves in a specific direction, but can also protect you from your opponents. It's the kind of features that can be used both as a defense and as attack.
And the boards are procedurally generated, so you can play unique games each time (or you can re-use the same boards if you like). It is done with my engine Polygonjs ( https://polygonjs.com/ ), and if you're curious about how the grid is built, here is an example scene you can play with: https://polygonjs.com/gui/irregular_quad_relaxation/edit .
The game is not free on Steam/iOS, but the demo has no time limit, it just gives you a handful of boards to play with.
I hope that's fun!
- Trailer: https://www.youtube.com/watch?v=GAfUvwuLueI
Project mention: Show HN: 3D Framework for the Web. Built on Svelte and Three.js | news.ycombinator.com | 2024-04-29Thanks! Threlte is "just" offering a declarative way to express Three.js. If you know how the `` component and its props and event handlers work, you can use the Three.js documentation for everything else.
Apart from that with Threlte I personally practice documentation-driven-development, so ecosystem packages are exhaustively documented. If you're missing something, let us know via an issue[1] or on Discord[2].
Accessibility is a topic we didn't care enough yet to be perfectly honest. Accessibility doesn't stop at screen readers though, it's about contrast, size, colors, motion, reachability, and so much more that we cannot provide and are a consumer topic. Naturally WebGL apps suffer from being practically invisible to screenreaders. There are workarounds[3] but essentially this has to be solved by consumers of Threlte (devs) and hopefully by browser vendors at some point in the future.
[1] https://github.com/threlte/threlte/issues
[2] http://chat.threlte.xyz
[3] https://github.com/pmndrs/react-three-a11y
Project mention: Q: How are online games like Street Fighter 6 able to synchronize inputs from two players at a high frame rate? (60fps) | /r/gamedev | 2023-05-22Since you come from a web background check this JS rollback library: https://github.com/rameshvarun/netplayjs
Project mention: How do I have my users use OpenSCAD program over web with code hidden? | /r/openscad | 2023-07-08
TypeScript Threejs related posts
-
Coding Minecraft in < 1 Hour (TypeScript and Rust)
-
Show HN: Multiplayer Voxel Personal Portfolio
-
Retro Flight Simulator
-
Show HN: Build Your Own Web-Based Minecraft (Multiplayer)
-
Virtual JavaScript worlds at planetary scales for threejs or react-three-fiber
-
How do I have my users use OpenSCAD program over web with code hidden?
-
Would an open-source lightweight object/scene framework on top of ThreeJS be useful?
-
A note from our sponsor - SurveyJS
surveyjs.io | 19 May 2024
Index
What are some of the best open-source Threej projects in TypeScript? This list will help you:
Project | Stars | |
---|---|---|
1 | react-three-fiber | 26,175 |
2 | theatre | 10,814 |
3 | trois | 4,076 |
4 | riffusion-app | 2,540 |
5 | uikit | 2,024 |
6 | ipyvolume | 1,914 |
7 | camera-controls | 1,839 |
8 | tres | 1,751 |
9 | lume | 1,242 |
10 | gpu-io | 1,176 |
11 | detect-gpu | 989 |
12 | THREE-CustomShaderMaterial | 745 |
13 | triplex | 724 |
14 | self-parking-car-evolution | 710 |
15 | expo-three | 699 |
16 | etherealengine | 693 |
17 | r3f-perf | 563 |
18 | polygonjs | 553 |
19 | react-three-a11y | 517 |
20 | netplayjs | 452 |
21 | composer-suite | 446 |
22 | cadhub | 305 |
23 | koestlich | 305 |
Sponsored