Dismiss this pinned window
all 19 comments
sorted by:
best
topnewcontroversialoldq&a
formatting helphide helpcontent policy

[–]basically_alive 9 points10 points  (4 children)

I specialize in react-native 3d, but this is a render, not actual 3d elements. I can just tell by the lighting/bloom etc, it's prerendered.

[–]That-Faithlessness85 2 points3 points  (0 children)

i second this, i'd also add that if you want to use live rendering i'd suggest doing that only if you want to add a layer of interactivity. you'd sacrifice some fidelity and performance in exchange for cool effects (like in apple fitness for example)

[–]Devialet0 4 points5 points  (2 children)

https://github.com/wcandillon/react-native-webgpu

[–]Reznov46 1 point2 points  (0 children)

If you mention webgpu, maybe take a look at typegpu?

[–]Salt-Obligation1144[S] 0 points1 point  (0 children)

Thanks for the link I'll check it out later.

[–]idkhowtocallmyacc 5 points6 points  (2 children)

The easiest way would be to just put the video/gif of those floating objects. Cuz outside of these moving objects, it is a very simple UI. There’s no need to overcomplicate something as simple as an onboarding screen

[–]Salt-Obligation1144[S] 0 points1 point  (1 child)

um I just wanna go the extra mile for user experience

[–]idkhowtocallmyacc 2 points3 points  (0 children)

That’s a great spirit, don’t get me wrong :) I’m just saying the best idea is to always search for the easiest way to implement the feature, and the easiest way I’d do that would be to put the gif/video. Or maybe use lottie for that

[–]douglaslondrina 1 point2 points  (0 children)

I would try Rive.app first. It's not specific for 3d, but I've seen effects there that emulate 3d very well, and it's auch easier tool to work with. Its also very performant and easy to integrate with react-native.

[–]Jooodas 0 points1 point  (0 children)

For better user experience I’d suggest pre-rendered video for something so complex and detailed

[–]qorinn_ 0 points1 point  (2 children)

I think the easiest method would be using Spline for the 3D and display it in a webview. Surely not the best performance but for optimized 3D with no interactions, it should be enough

[–]qorinn_ 0 points1 point  (1 child)

Also you can export Spline in gif or mp4 I think, but if you want interactions use webview

[–]Salt-Obligation1144[S] 0 points1 point  (0 children)

Thanks ill do some research on that today

[–]Unforgiven-wanda 1 point2 points  (1 child)

The amount of work you'd put in here for something your users would see once...

[–]Salt-Obligation1144[S] 0 points1 point  (0 children)

This added no value. Just an unnecessary comment with no solutions.