At present, the experience of most flow consumers is limited. Projects are running sluggishly and users are striving for profit / return. Interflow is a platform that adds value to NFT projects for their customers. From the user side, Interflow provides a platform for entertainment and socialising.
NFT projects can be carried out within the Interflow platform:
Users and consumers can be within the Interflow platform:
Time has been the biggest difficulty in this process. Interflow is an app with an immersive 3D experience. We wanted to bring many more features and examples of what is possible for the user, and we had to limit ourselves and illustrate our ideas in a short way.
Nevertheless, we managed to make great progress!
On the technical side, we had problems using FCL natively. We wanted to offer a hybrid interflow wallet account with another wallet flow provider, but we could not get the transaction signatures to work...
We had a breakthrough and were able to do full native authentication by modifying the fcl package locally, but it only worked perfectly for Blocto Wallet.
Within the app it is possible to authenticate with Dapper Wallet, but we did a little hack.
3D
In the 3D space, we encountered a significant obstacle while implementing the React Three Fiber library into a native app. This is because the documentation for a native implementation was minimal. Our primary challenge was loading GLB/GLTF models, but we overcame this by understanding how the react-native loader works.
Avatar Animations.
The import of the Avatar emotes and movements were difficult and then the engine that powers the movement across the Interspace and games were a big challenge because the engine has to transition smoothly into the right animation.
Avatar Configurator UI
Our Avatar Configurator UI features a basic WheelMenuComponent, it provides the user a seamless and intuitive experience. Achieving this level of functionality needed to ensure the correct alignment of items and accurate animation of the wheel upon user drag gesture. To accomplish this, we had to gain a solid understanding of trigonometry to properly align the items, as well as learn about the PanResponder class from React-native to enable animation of the wheel in response to user drag gesture.
And finally the development and design of the infrastructure that connects all those modules was an incredible challenge.
Tracks Applied (5)
Flowverse 🌊 - Discover Flow Blockchain
Flovatar
Discussion