William Candillon
wcandillon.bsky.social
William Candillon
@wcandillon.bsky.social
790 followers 73 following 20 posts
Maker of the “Can it be done in React Native?” YouTube series http://youtube.com/wcandillon
Posts Media Videos Starter Packs
Reposted by William Candillon
Expo @expo.dev · Jul 22
🎮 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...
How to Build 2D Game-Style Physics with Matter.js and React Native Skia
Learn how to build real-time 2D physics with Matter.js, Skia, and Reanimated in a React Native + Expo app. Perfect for games, simulations, or fun UIs.
expo.dev
Reposted by William Candillon
Thanks @expo.dev for letting me publish this fun article 🙂
expo.dev Expo @expo.dev · Jul 22
🎮 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...
How to Build 2D Game-Style Physics with Matter.js and React Native Skia
Learn how to build real-time 2D physics with Matter.js, Skia, and Reanimated in a React Native + Expo app. Perfect for games, simulations, or fun UIs.
expo.dev
What are pages on BlueSky? ☺️ I dunno why but I always love this green retro style design.
Reposted by William Candillon
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-...
Reposted by William Candillon
That was a great presentation 👏

Wish I had more time to play with Skia and WebGPU 😭
Reposted by William Candillon
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-...
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-...
compute.toys running on top of React Native WebGPU
Reposted by William Candillon
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.
Reposted by William Candillon
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...
Reposted by William Candillon
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 ☺️☺️
Reposted by William Candillon
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 🙏☺️