🎮 Build 2D physics-based visuals in your React Native app with Matter.js + Skia.
In this new blog post, @wa2goose.bsky.social shows how to simulate motion, collisions, and interaction—all using Expo, with TypeScript and zero native config.
Link + starter project inside 👇
expo.dev/blog/build-2...
Thanks @expo.dev for letting me publish this fun article 🙂
React Native Skia + Skia Graphite = 🔥
The 2D/3D composition demo at zero is quite groundbreaking, 👏 @wcandillon.bsky.social
shopify.engineering/webgpu-skia-...
What are pages on BlueSky? ☺️ I dunno why but I always love this green retro style design.
Thanks @wcandillon.bsky.social for giving me the opportunity to update the gesture example in the “can it be done” repo with simultaneous transformations! These Instagram / Social media features are so fun to make with Skia!
github.com/wcandillon/c...
We gave a sneak peek of Skia Graphite, a new backend of Skia that runs on top of WebGPU. This experimental version of React enables 2d and 3d primitives to be nicely composable with one another at zero-cost just like on the Web.
WebGPU has inspired a cascade of improvements to React Native Skia:
⚡️ Up to 3x performance improvement on animation time and time to first animation frame.
🛠️ 98% of Android crashes fixed and a 13% smaller codebase
📺 Now available on macOS, tvOS, and node.
The game is on: we are bringing WebGPU to React Native. This update enables:
🐎 Seamless Reanimated integration for UI thread rendering
🧊ThreeJS and React Three Fiber are a major focus to bring stunning 3d experiences to React Native.
www.youtube.com/watch?v=t9t-...
That was a great presentation 👏
Wish I had more time to play with Skia and WebGPU 😭
The React Native animation ecosystem keeps improving
This ~40min video keeps dropping impressive announcements that it's impossible to summarize
The future is bright: compose and interleave 2D/3D animations in a performant way across all platforms 🤗
Game On: join us for a special event on May 6th, 5pm Zürich time
We came to play
www.youtube.com/watch?v=t9t-...
“Chess isn't always competitive. Chess can also be beautiful.” ― Beth Harmon www.youtube.com/watch?v=wUsF...
compute.toys running on top of React Native WebGPU
Skia, web, mobile, and TV, all in the same Expo app 😀 github.com/react-native...
My TypeGPU & Koota ECS game project works on React Native! 🎮 (cc @pmnd.rs)
It's been a great test bed for JavaScript shaders, as well as for discovering any edge-cases we don't yet support.
#webgpu #typegpu #gamedev #javascript
Not related to Skia really, simple stuff like pure js matrix multiplication and other algorithmic tasks that feel very slow on release mode on mid-low end Android devices.
Faster Hermes would change everything for me.
Thanks to Ruud and @wcandillon.bsky.social for adding TV support to react-native-skia! I got @wa2goose.bsky.social 's excellent victory-native tutorial working today...
Can it be done in React Native, yes!
At WWDC 2024, Apple added a new API for creating custom UI effects using Metal shaders. I wanted to see if you could do the same with React Native. With react-native-skia, you can! Left is the Apple demo, right is skia on react-native-macos 😃
you clearly have a knack for these ☺️☺️
Success! For Christmas this year, I got React Native Skia working on macOS!
Along the way I learned quite a bit about Shaders, WebGPU, and just how extensively Skia is used. It's such an interesting space! I'm glad there are still new things to learn in UI dev 😎
Thank you for the shoutout 🙏☺️
☺️☺️
React Skia v1.7.2 is apparently the 200th release of the library
github.com/Shopify/reac...
what’s the best way to create a compilation database on a React Native project (iOS or Android). I haven’t found a good way yet, would like to run clang-tidy on my project
Does this app means the end of "link in the comment" and other shenanigans where people fold to the algorithm instead other way around? That'd be nice 😊
hey everyone is on this app that’s awesome ☺️
ohh you guys are here ☺️ then I’m happy ☺️
This is a PSA to upgrade to RN Skia 1.5.10 as it contains substantials improvements on Android.
