Pinned Tweet

we did it

21

8

584

I still think this project is so damn cool. This guy implemented a state chart from the 80's using #xstate by

@statelyai

and it still behaves exactly as you'd expect. Talk about long term robustness.

github.com

GitHub - andyjakubowski/statechart-watch: A replica of the Citizen Quartz Multi Alarm III watch...

A replica of the Citizen Quartz Multi Alarm III watch based on the 1987 paper introducing statecharts built with XState and React - GitHub - andyjakubowski/statechart-watch: A replica of the Citize...

3

15

Great to hear the journey of how

@steveruizok

built Perfect Freehand. Globs! #creativecoding

London Creative Coding

1

4

21

Steve Ruiz Retweeted

London Creative Coding

@LDNCreativeCode

16h

And we're live youtube.com/watch?v=rvODFW! A huge thanks to

&

for making this happen. And of course the awesome speakers

@sephiroth_14

and

@steveruizok

youtube.com

Meetup December 2021!

3

8

Someone ran Gource (gource.io) on the

@tldraw

repo. Look at

@steveruizok

going to town on the code! 🙇‍♂️⌨️🎇🙇‍♂️⌨️🎆🎇🙇‍♂️⌨️🎇🙇‍♂️⌨️🎇🙇‍♂️⌨️🎇🙇‍♂️⌨️ 🎆

youtube.com

tldraw/tldraw - Grource visualisation

Url: https://github.com/tldraw/tldrawAuthor: tldrawRepo: tldrawDescription: A tiny little drawing app.Starred: 89Forked: Top Languages: TypeScript 98.8% | Ja...

1

3

Steve Ruiz

@steveruizok

19h

cool image from the early days of

@tldraw

GIF

1

43

Topics to follow

Sign up to get Tweets about the Topics you follow in your Home timeline.

Carousel

Steve Ruiz

@steveruizok

22h

oh this canvas will do it all

0:22

7.3K views

8

12

258

Steve Ruiz

@steveruizok

Dec 16

I'll say video experience counts as specific UX, so

@MuxHQ

works here too

1

2

As contrast examples, I'd say unity is a no because "games" it's too broad, retool closer ("internal tools") but not really UX. Google forms very close, though not really considered dev infrastructure (or maybe it is?)

2

Can you help me think of companies that provide "UX infrastructure", ie tools / tech for making it easier to develop a specific type of user experience? (salesforce comes to mind for online retail, stripe for checkout, mapbox for maps)

22

28

The code:

Generate a rotated cursor based on a cursor and rotation.

Generate a rotated cursor based on a cursor and rotation. - useCursor.ts

2

13

If you're curious, here's how it's done:

gist.github.com

Generate a rotated cursor based on a cursor and rotation.

Generate a rotated cursor based on a cursor and rotation. - useCursor.ts

6

high performance cursors

GIF

Quote Tweet

Nathan Manousos

@trafnar

· Dec 15

Replying to @steveruizok and @jonastreub

Will it smoothly rotate the cursor while rotating shapes? I love that detail in Drama (drama.app)

1

2

26

rotated cursors

GIF

11

16

283

t-shirt sizing the mental anguish required to implement canvas-level rotation (eg rotating a map)

1

15

Steve Ruiz

@steveruizok

Dec 15

Pretty sure we can make cursors a declarative part of the state chart, too. ie if a state has a custom cursor, show that cursor while the state is active. Child state cursors win over parent cursors.

1

9

Show this thread