manapotion
react-three-flex
manapotion | react-three-flex | |
---|---|---|
2 | 4 | |
178 | 1,602 | |
- | 0.0% | |
9.7 | 2.6 | |
17 days ago | over 1 year ago | |
TypeScript | TypeScript | |
MIT License | 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.
manapotion
react-three-flex
-
magnifiers, refraction and scroll pages
i guess if that were a serious project i would use flexbox https://github.com/pmndrs/react-three-flex
-
How do you go about making a TheeJS experience responsive?
a real responsive with overlap or wrapping and such needs a layout engine. this for instance is based on yoga, an open source flex implementation https://github.com/pmndrs/react-three-flex
-
Ask HN: Frameworks for game-style UI with WebGL?
I think you can do a lot of this with [React-three-fiber](https://docs.pmnd.rs/react-three-fiber/getting-started/intro...) in combination with [React-three-flex](https://github.com/pmndrs/react-three-flex). React-three-fiber lets you make three.js components in react, and react-three-flex will let you do flexbox style layouts to make interesting UIs. You still get all of the capabilities of three.js with a lot of the plumbing done for you. Check out the examples from react-three-flex for some examples close to what it sounds like you want to achieve.
-
How can I create rows of 3D models on a web page?
there is https://github.com/pmndrs/react-three-flex which is a flexbox implementation for threejs. here's a demo site made with it: https://7psew.csb.app but yeah, it's react + threejs ๐คทโโ๏ธ
What are some alternatives?
r3f-world-with-character - A 3D world with nature objects and a character that can move around using your keyboard. Let the character walk, run or dance.
react-three-fiber - ๐จ๐ญ A React renderer for Three.js
triplex - โต The React Three Fiber visual IDE.
R3F-CRA-Starter - A starter project for React-Three-Fiber bootstrapped with Create-React-App and some useful packages
react-postprocessing - ๐ฌ postprocessing for react-three-fiber
r3f-perf - Easily monitor your ThreeJS performances.
component-material - ๐งฉ Compose modular materials in React
Ink - ๐ React for interactive command-line apps
PixiJS - The HTML5 Creation Engine: Create beautiful digital content with the fastest, most flexible 2D WebGL renderer.
ct-js - Ct.js is a desktop game engine that makes learning programming fun and game development easy by its visual editors and well-documented code library
Godot - Godot Engine โ Multi-platform 2D and 3D game engine
Phaser - Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering. [Moved to: https://github.com/phaserjs/phaser]