Patrick Matte

Updated demo reel alert! patrickmatte.com/?p=1040

@XRarchitect The scan is so nice. What's the Three splat library you're using? The MKKellog one?

Added Gaussian Splat support to the editor and decided to re-arrange my living room. Still can’t believe this is a three.js scene running on the web 👀

To automate your scrolls, clicks, swipes, and text inputs you can use the Scroll Capture extension. This tool allows you to create smooth, professional video demos of your #websites and #ux/#WebDesign projects.

Bug fixing

@thespite @thespite Try my chrome extension! chrome.google.com/webstore/detai…

Captured with my phone, because rendering millions of polygons is fine, but recording the screen is a feat that exceeds Windows capabilities

@0xca0a Resizing on width instead of height is great, especially for portrait layouts like mobile, but I think I would do this instead. codesandbox.io/s/reurope-thre… It's much much simpler to simply change the camera zoom on resize

@patmat in imperative codebases establishing separation is one of the hardest tasks bc there's no common ground. experienced three programmers pack things away in classes with fns for resize, render etc, but they still have to be called everywhere and you can't readily share it.

reddit asks "why use react for threejs?" same reason you use it for the dom. three arguably is even more unruly than the dom as every "thing" is wired into everything. the snapshot is from my react-europe talk, a simple search for "cube" (yellow) reveals the difference 1/3

Quick proof of concept. Controlling the Unity editor from a web page using C# WebSocket server github.com/sta/websocket-…

@meusPartum A quick proof of concept I made last week. WebSocket communication with the Unity editor. patrickmatte.com/stuff/unity-we…

Still after 14 years of developing all kinds of crazy shit, sockets and real time connection between devices feel like magic and is such a neat thing to see work. From the initial ping/pong to seeing things react and move based on another device is so radical.

Web designers, developers, producers, I made a Chrome extension that might be helpful to a lot of you. Watch the demo. chrome.google.com/webstore/detai…

@mrdoob Expressive Web and Productive Web

What do people think about "Functional Web" and "Expressive Web" as category names? Functional Web: gmail, nytimes, wikipedia, twitter, etc Expressive Web: flashy campaigns, webgl experiments, etc

@edankwan This was a total hit with my nephew fisher-price.com/en-us/product/…

Any good toys recommendation for 2-3 yo boy?

@JonasBadalic I used @plotly_js on one project last year. I had to hack my own animations with css and js but at least it provided the basic layouts. plotly.com/javascript/

Fellow engineers, what charting libs are you using these days? I'm exploring some options (currently using chartJS and we honestly haven't had very painful issues with it), but I wanna see if we are missing out on something - main priority is ease of use and customization.

@sitnikcode @robpenner Sure thing, you can expect a PR later today. 👍

@patmat @robpenner Thanks for noticing it. Do your want to send PR to save your name in this project’s history? github.com/ai/easings.net…

SHOCKER! The CSS cubic-bezier easing functions found in the top google search results are off, and sometimes way off, compared to @robpenner's orignal code. Use these instead 👇gist.github.com/patrickmatte/e… @sitnikcode

@robpenner @sitnikcode That's how I was able to countercheck easings.net numbers with the ones from your code.

@robpenner @sitnikcode IBM has two css easing methods in their branding guidelines, expressive: cubic-bezier(0.4, 0.14, 0.3, 1) and productive: cubic-bezier(0.2, 0, 0.38, 0.9). I wrote a cubic bezier API in JS to be able to use those exact numbers.

4. The next generation network ibm.com/industries/tel…

3. Today's consumer goods and retail landscape ibm.com/industries/ret…

Checking in these IBM microsites made with the Mill in NYC. 1. Digital transformation in the banking environment ibm.com/industries/ban…