Daniel Beauchamp ✓
@pushmatrix · Ottawa, Ontario · joined 23 Nov 2009
Distinguished Engineer @ Shopify. Building random experiments in my spare time.
38 403Followers
445Following
6 478Posts total
5.1MViews on collected posts
Derniers posts
Recherche de nouveaux posts…
Everyone's talking about AI-generated HTML.
But have you tried giving your sites a zero-config API for saving data, file storage, AI, websockets, etc?
We did this at Shopify. Runs on a single VM that costs $200/month, and it's changed the way we work.
We call it Quick 👇🧵
842.8K views · 3K likes
· 165 reposts · 114 replies
Open on X →
This website is tearable. https://t.co/hZZc2XZztv
841.1K views · 11.1K likes
· 803 reposts · 458 replies
Open on X →
0:12
@pushmatrix checked the code but prefer it to be fragile/brittle 😄
https://t.co/pCf7MZ7PYw
7.8K views · 160 likes
· 1 reposts · 2 replies
Open on X →
0:33
It works with multitouch too on mobile.
Try it out here:
https://t.co/hUAyps6Jyz
32.7K views · 388 likes
· 15 reposts · 22 replies
Open on X →
Huh, so that's why text is called a string https://t.co/TaZB9wqocE
1.2M views · 20.5K likes
· 1.6K reposts · 418 replies
Open on X →
0:15
Hand tracking and pinch haptics feel surprisingly good for pinball
This is all done in WebXR
Try it at https://t.co/YB3RijghBB https://t.co/N6zrSZswJX
31.4K views · 218 likes
· 25 reposts · 10 replies
Open on X →
0:15
@pushmatrix three.js devs: "it's not much, just some WebGL stuff"
The stuff: literally rendering global commerce on the world's biggest LED ball at 8K 60fps
7.9K views · 99 likes
· 2 reposts · 0 replies
Open on X →
For the first time ever threejs was running IN A BROWSER on the biggest screen in the world.
But wait, there’s more. We also turned it into the largest realtime shader ball.
Want a breakdown of that one? 😛 https://t.co/EnEtW0Z7yg
112.8K views · 941 likes
· 45 reposts · 29 replies
Open on X →
0:10
Each order arc is instanced. It’s a single draw call and we can handle tens of thousands of them at once without breaking a sweat.
We stream data using Server-Sent Events, so when someone buys from any Shopify store around the world, it shows up here in under 10 seconds 😱.
17.7K views · 121 likes
· 0 reposts · 1 replies
Open on X →
But how to get this on the Exosphere?
Turns out OBS Studio has a Browser source type that lets you output the content of a webpage, at any resolution.
We collaborated closely with @SphereVegas to figure out how to ingest that video. To our surprise it was possible! https://t.co
42.8K views · 251 likes
· 10 reposts · 7 replies
Open on X →
0:08
This freed up a TON of compute cycles, which let us do things like realtime cloud shaders and postprocessing. The talented @XorDev worked with us to simulate the entire cloud shader in equirect space.
Every setting was easily adjustable. https://t.co/VMNmkHaGjQ
22K views · 244 likes
· 3 reposts · 1 replies
Open on X →
0:17
Instead of capturing the scene with a 360 camera then stitching it into equirect…
What if we output our vertices directly into equirectangular space. We didn't have a sphere, we had a plane.
In the arc vertex shader we converted from 3D position, to lat lng, to equirect. https:
20.8K views · 212 likes
· 8 reposts · 7 replies
Open on X →
0:23
But how can three.js be more performant than our Unreal scene? The trick is equirectangular projection.
This is how a flat 2:1 image maps to a spherical surface. https://t.co/vAyH6r4FxZ
24K views · 154 likes
· 4 reposts · 1 replies
Open on X →
0:06
We had to render the scene in 3D then capture it with a 360 camera. That meant 6 individual 4K captures stitched together. It struggled to get higher than 30fps.
This year we had a wild idea….What if we just did it in the browser with WebGL, three.js and react-three-fiber?
24.6K views · 194 likes
· 2 reposts · 2 replies
Open on X →
This is three.js running on the Exosphere. 🤯
Rendering in realtime from a browser at 8K / 60fps.
Here’s how Shopify just pulled it off 👇 https://t.co/dz1Gv2fgin
1M views · 4.4K likes
· 443 reposts · 109 replies
Open on X →
0:15
Last year we used Unreal Engine for this. Each arc is an order placed in realtime during Black Friday.
It was the first time anyone ever did realtime data viz on Exosphere.
But working in Unreal was a pain…
https://t.co/MQNHTlVkah
43.7K views · 187 likes
· 8 reposts · 3 replies
Open on X →
BFCM Live on the @SphereVegas
And I mean truly live! It turns out that the Sphere can be powered by the Unreal Engine, so of course we had to go there. Place an order from your phone, see it arc in front of you! https://t.co/ecsNIQhVic
824.1K views · 1.8K likes
· 216 reposts · 156 replies
Open on X →
0:30
Growth & engagement
How the posts we collected actually performed: views and reaction rate post by post, what the audience did with them, and where the follower count goes.
Views per post
24.6K28 Nov
24K
20.8K
22K
42.8K
17.7K
112.8K
7.9K
31.4K4 Dec
1.2M31 Mar
32.7K
7.8K
841.1K7 May
842.8K10 Jun
Last 14 collected posts, oldest on the left. The scale is logarithmic: one post can outrun the rest a hundred times over.
Engagement rate per post
0.82%28 Nov
0.67%
1.11%
1.13%
0.65%
0.69%
0.91%
1.27%
0.82%4 Dec
1.96%31 Mar
1.30%
2.09%
1.50%7 May
0.40%10 Jun
Reactions — likes, reposts, replies and quotes — divided by views.
What the audience does
Likes65.5%43 951 in total
Reposts5.0%3 341 in total
Replies2.0%1 340 in total
Quotes1.3%873 in total
Bookmarks26.2%17 568 in total
Share of every reaction we collected for this account. Replies mean argument, reposts mean endorsement, bookmarks mean the post was worth keeping.
The follower curve appears once this account has two daily snapshots — we take one a day, and this one is on its first.
Comptes similaires
Oleg Artemyev
@OlegMKS
76.8K followers
· 3.6K posts
Larbi SarkCess➕🇬🇭
@Larbi_SarkCess
76.8K followers
· 722.9K posts
ppłk rez. Maciej Korowaj ✓
@Maciej_Korowaj
76.8K followers
· 25.5K posts
TK_Nala ✓
@NalaThokozane
76.8K followers
· 19.7K posts
MM ۞
@MoorishMovement
76.8K followers
· 10.2K posts
Felipe Nasr
@FelipeNasr
76.8K followers
· 4.3K posts
Clippd ✓
@gotclippd
76.8K followers
· 1.6K posts
Amanda Litman ✓
@amandalitman
76.8K followers
· 626 posts