InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards. Learn more →
Top 23 TypeScript Threej Projects
-
That parenthetical “or anything declarative really” is doing a lot of work, given that:
React is a tool for writing 3D scenes that can handle state updates: https://github.com/pmndrs/react-three-fiber
React is a tool for writing music that can handle state updates: https://github.com/FormidableLabs/react-music
React is a tool for writing infrastructure-as-code templates that… um… could with some additional work handle state updates: https://www.linkedin.com/pulse/aws-terraform-generator-using...
-
InfluxDB
Purpose built for real-time analytics at any scale. InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.
-
Project mention: Top 15 Animation Libraries for React & Modern Javascript Apps | dev.to | 2024-07-17
Theatre.js is an advanced animation library for creating and controlling animations programmatically. With over 11k stars on GitHub, it provides a timeline-based approach for animations.
-
-
-
-
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.
-
camera-controls
A camera control for three.js, similar to THREE.OrbitControls yet supports smooth transitions and more features.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
-
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.
-
-
Project mention: Triplex: Visually Edit React Three Fiber Components | news.ycombinator.com | 2023-10-03
-
-
-
Yes, minimizing clutter was a priority, and still is. I've tried to avoid those arrows for a long time, but the pawn movements wasn't clear enough without them. And I agree it's not the optimal display.
Displaying them on some tiles only is something I have not thought of. My first reaction is that it may feel harder to read, as tiles with an arrow may look like they would act differently than those without? We may induce the idea that it has a different purpose. So for now, I'd prefer a solution that would look the same on all tiles, I think that's much easier to parse. But then I should probably give this a try before rejecting it.
You do have a good point regarding the wood texture, I've tried other textures, but couldn't find a better one yet. But I'm sure that's possible. Nevertheless for now, you can also display different skins: https://imgur.com/a/zitKlpz
And thanks a lot for mentioning the four colour theorem. I'm looking at its wikipedia page now. I'm sure I came across it many times before, but I did not think about it when tackling this part of the problem. My implementation is here is anyone can spot my mistake: https://github.com/polygonjs/polygonjs/blob/master/src/engin...
-
-
Project mention: Show HN: 3D Framework for the Web. Built on Svelte and Three.js | news.ycombinator.com | 2024-04-29
Thanks! 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
-
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.
-
dusk
Build multiplayer web games played by millions! 👾 You focus on your game, Dusk handles everything else, incl. backend and networking 🚀 Make your game using JavaScript / TypeScript and any frontend web framework such as React, Svelte, Vue, Threejs, PixiJS, Phaser. You can even use plain HTML and CSS. Perfect for web devs interested in gamedev. (by dusk-gg)
Project mention: Rune Announces Open Source Grant for Multiplayer Web Games | news.ycombinator.com | 2024-03-08 -
lba2remake
A Little Big Adventure 2 / Twinsen's Odyssey reimplementation in JavaScript / Three.js / React
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
TypeScript Threejs discussion
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 - InfluxDB
www.influxdata.com | 12 Sep 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 | 27,063 |
| 2 | theatre | 11,224 |
| 3 | trois | 4,121 |
| 4 | riffusion-app | 2,581 |
| 5 | uikit | 2,580 |
| 6 | tres | 2,109 |
| 7 | camera-controls | 1,969 |
| 8 | ipyvolume | 1,934 |
| 9 | lume | 1,312 |
| 10 | gpu-io | 1,203 |
| 11 | detect-gpu | 1,026 |
| 12 | THREE-CustomShaderMaterial | 842 |
| 13 | triplex | 793 |
| 14 | expo-three | 735 |
| 15 | self-parking-car-evolution | 719 |
| 16 | polygonjs | 611 |
| 17 | r3f-perf | 595 |
| 18 | react-three-a11y | 547 |
| 19 | netplayjs | 478 |
| 20 | composer-suite | 465 |
| 21 | cadhub | 315 |
| 22 | dusk | 258 |
| 23 | lba2remake | 251 |
Sponsored
Purpose built for real-time analytics at any scale.
InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.
www.influxdata.com