Search Results for "react"

GoCity is an implementation of the Code City metaphor for visualizing Go source code. The UI is built with React and uses babylon.js to plot 3D structures. The front-end source code is available in the front-end branch. The Number of Lines of Source Code (LOC) represents the build color (high values makes the building dark) The Number of Variables (NOV) correlates to the building's base size. The Number of methods (NOM) correlates to the building height.

Placing content in THREE.js is hard. @react-three/flex brings the webs flexbox spec to react-three-fiber. It is based on Yoga, Facebook's open-source layout engine for react-native. Simply create layouts by wrapping your 3D objects in different <Box /> instances inside a <Flex /> container. This way they will be automatically placed in the 3D space following the flexbox specification just like in the DOM.

I wanted to code something similar to react-three-fiber but for VueJS. I started from scratch, I will rewrite some of my WebGL demos to see if this little toy can do the job. The most popular WebGL library, with a good support on both desktop and mobile. With TroisJS you can easily create 3D content for your website using VueJS components. Really fast development time with ViteJS/HMR !