Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fusetools/react-native-unity2
Embed Unity content in your React Native app!
https://github.com/fusetools/react-native-unity2
android ios react-native typescript unity unity3d
Last synced: 2 days ago
JSON representation
Embed Unity content in your React Native app!
- Host: GitHub
- URL: https://github.com/fusetools/react-native-unity2
- Owner: fusetools
- License: mit
- Created: 2022-05-03T16:49:35.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-23T12:43:23.000Z (4 months ago)
- Last Synced: 2024-09-23T12:47:31.776Z (4 months ago)
- Topics: android, ios, react-native, typescript, unity, unity3d
- Language: Java
- Homepage: https://fuse.no
- Size: 81.9 MB
- Stars: 37
- Watchers: 4
- Forks: 7
- Open Issues: 13
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome - fusetools/react-native-unity2 - Embed Unity content in your React Native app! (Objective-C)
README
# react-native-unity2
[](https://www.npmjs.com/package/react-native-unity2)
[](https://www.npmjs.com/package/react-native-unity2)
[](LICENSE)
Embed Unity content in your React Native app!
* Succesfully tested with Unity 2022.x, 2021.x and 2020.x on Android and iOS.
* Includes a complete, pre-configured [Unity project](unity) and an [example app](example).
* The [example app](example) works on machines without Unity installed.
> This module started out as a fork of [react-native-unity-play](https://github.com/azesmway/react-native-unity-play), but is more or less rewritten with new and improved message passing (C# <=> TypeScript), fixing glitches and stability issues, and adding Swift support. That module was forked from other modules also, so kudos to all creators! 🤩
## Install
```shell
npm install react-native-unity2
```
## Usage
```javascript
import React from "react"
import {Button, View} from "react-native"
import {UnityModule, UnityView} from "react-native-unity2"
export default function App() {
return (
console.log(await cubeApi.setColor(randomColor()))
}
/>
console.log(await cubeApi.toggleRotate())}
/>
console.log(await cubeApi.getAccount())}
/>
console.log(await cubeApi.fail())}
/>
)
}
const onMessage = (data: any) => {
console.log("Unity message: " + data)
}
const onReady = () => {
console.log("Ready!")
}
const cubeApi = {
setColor(color: string) {
return UnityModule.callMethod("Cube", "setColorRN", color)
},
toggleRotate() {
return UnityModule.callMethod("Cube", "toggleRotateRN")
},
getAccount() {
return UnityModule.callMethod("Cube", "getAccountRN")
},
fail() {
return UnityModule.callMethod("Cube", "failRN")
},
}
const randomColor = () => {
return `#${Math.floor(Math.random() * 16777215)
.toString(16)
.padStart(6, "0")}`
}
```
## Documentation
See [getting started](docs/getting-started.md) for information on how to set up your Unity project and React Native app.
See [Unity artifacts](docs/unity-artifacts.md) for information on how to build your Unity artifacts in Android Studio and Xcode.
See the included [Unity project](unity) and [React Native app](example) for working examples.
See these source files for details about message passing in Unity:
* [`RNBridge`](unity/Assets/RNUnity/RNBridge.cs)
* [`RNPromise`](unity/Assets/RNUnity/RNPromise.cs)
* [Usage examples](unity/Assets/Example/SpinCube.cs)
## Contributing
Please [report an issue](https://github.com/fusetools/react-native-unity2/issues) if you encounter a problem, or [open a pull request](https://github.com/fusetools/react-native-unity2/pulls) if you make a patch.