Skip to content

Hello World example #406

Description

@nickw1

Hi,

Just come across react-native-webgpu when reading up on using Three.js and react-three-fiber in React Native.

Looks exciting!

One thing that I think could be useful is an absolute barebones Hello World example, i.e. "simplest possible thing that works". So for example, create a red box mesh using Three.js.

I have attempted to create such an example myself through experimentation. It works, though whether I've done it the very best way, I'm not sure. I used the documentation, plus Daniel Friyia's video and Copilot for resolving a Vulkan error.

It's here: https://github.com/nickw1/react-native-webgpu-hello-world/

A couple of things I noted: you shouldn't try to configure the context as React Native does it already, and it appears that in an Expo project of any description you do not need a custom Metro config, as three/webgpu is resolved correctly.

Disclaimer I am new to react-native-webgpu and just experimenting. My code is by no means an exemplar, but an experiment.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions