Examples for @flyskywhy/react-native-gcanvas.
- GIF of Canvas 2d Demo
- GIF of Font Picker to fillText
- GIF of Zdog
- GIF of Audio Frequency Histogram
- GIF of Audio Wave Surfer
- GIF of Webgl 3d Textures
- GIF of Webgl Cube Maps
- GIF of Pixi using pixi.js-legacy@7 (also can easily modify some to use @4 @5 @6 just follow the comments in https://github.com/flyskywhy/GCanvasRNExamples/blob/master/app/components/Pixi.js)
- GIF of babylonjs Non-Declarative
npm install --legacy-peer-deps
npm run android to generate android/app/build/outputs/apk/debug/app-debug.apk for development.
npm run build-android to generate android/app/build/outputs/apk/release/app-release.apk for production.
npm run bundle-android to android/app/build/outputs/bundle/release/app-release.aab for production.
Run with Xcode 14.
If got error: Signing for "EXConstants-EXConstants" requires a development team. Select a development team in the Signing & Capabilities editor. , please follow bitrise-steplib/steps-xcode-archive#299 (comment) to Signing for "EXConstants-EXConstants" .
PS: If Xcode 13, will got error:
node_modules/expo-modules-core/ios/Swift/DynamicTypes/DynamicEnumType.swift:7:22: Protocol 'Enumerable' can only be used as a generic constraint because it has Self or associated type requirements
node_modules/expo-modules-core/ios/Swift/Objects/PropertyComponent.swift:142:9: Non-void function should return a value
If got No permission handler detected, please "Product | Clean Builder Folder" in Xcode first.
npm run web for development, then view it at http://localhost:3000 in web browser.
npm run build-web to generate files in build/ for production to deploy to https://foo.bar.com/ , and can use npx http-server@13.0.2 build to simply test it at http://127.0.0.1:8080 in web browser.
npm run web-fresh is needed after change files in node_modules/, on Windows need npm run web-clean + npm run web instead.
The babylonjs examples are ported from https://github.com/brianzinn/create-react-app-babylonjs with few code change like this commit react -> react-native: babylonjs Non-Declarative works well on Android with new version @flyskywhy/react-native-gcanvas support 3d game engine babylonjs.