Pens from Matthew Willox https://codepen.io/mwmwmw/ en nospam@codepen.io Copyright 2024 2023-06-14T05:28:53-07:00 Beziangels https://codepen.io/mwmwmw/pen/abaWPYW https://codepen.io/mwmwmw/pen/abaWPYW Matthew Willox

See the Code - See it Full Page - See Details

I was building some bezier interpolation code and half way through I settled on these jiggling creatures

]]>
Beziangels 2023-03-06T07:21:52-07:00
Hover Match Sticky https://codepen.io/mwmwmw/pen/XWYZNRK https://codepen.io/mwmwmw/pen/XWYZNRK Matthew Willox

See the Code - See it Full Page - See Details

It uses CSS properties to match an element hovered over's size, colour, and rotation. I wanted to change the mouse cursor but also pass contextual data to the mouse cursor element and could style it depending on what element I was hovering over.

]]>
Hover Match Sticky 2022-11-28T03:01:59-07:00
🎃 BUG VISION 🎃 https://codepen.io/mwmwmw/pen/YzxNrBm https://codepen.io/mwmwmw/pen/YzxNrBm Matthew Willox

See the Code - See it Full Page - See Details

What is more spooky than being tracked by 1000 eyes, or in this case, your web camera! Click to flip between different available cameras. Let me know if your front/rear facing camera works on mobile. I was unable to get it to work, but can't see why.

]]>
🎃 BUG VISION 🎃 2023-06-14T05:28:53-07:00
Warping Data Texture https://codepen.io/mwmwmw/pen/ExvPaJq https://codepen.io/mwmwmw/pen/ExvPaJq Matthew Willox

See the Code - See it Full Page - See Details

Trying to do Rayside style coordinate space mapping and not getting very far.

]]>
Warping Data Texture 2021-10-19T17:30:42-07:00
Neumorphic base styles https://codepen.io/mwmwmw/pen/oNgqovo https://codepen.io/mwmwmw/pen/oNgqovo Matthew Willox

See the Code - See it Full Page - See Details

Here you go. Everything you need to start butchering the neumorphic design trend.

]]>
Neumorphic base styles 2020-01-09T15:24:25-07:00
💐 💐 R O S E B U D Z 💐 💐 https://codepen.io/mwmwmw/pen/BaaMxGj https://codepen.io/mwmwmw/pen/BaaMxGj Matthew Willox

See the Code - See it Full Page - See Details

Proof of Concept fantasy brand for a Marijuana Dispensary. Concepting, art direction and design help from Mark Watson and Gord Montgomery. Song by me.

]]>
💐 💐 R O S E B U D Z 💐 💐 2020-08-07T14:46:00-07:00
Raycasting https://codepen.io/mwmwmw/pen/VwwqjoV https://codepen.io/mwmwmw/pen/VwwqjoV Matthew Willox

See the Code - See it Full Page - See Details

]]>
Raycasting 2022-10-11T18:54:50-07:00
Twisting https://codepen.io/mwmwmw/pen/ExxOzPq https://codepen.io/mwmwmw/pen/ExxOzPq Matthew Willox

See the Code - See it Full Page - See Details

]]>
Twisting 2022-10-11T18:56:04-07:00
Pill Intersection 3D https://codepen.io/mwmwmw/pen/GRKXmeO https://codepen.io/mwmwmw/pen/GRKXmeO Matthew Willox

See the Code - See it Full Page - See Details

This line intersection algo comes from the book "Real Time Collision Detection" by Christer Ericson https://realtimecollisiondetection.net

]]>
Pill Intersection 3D 2021-11-26T19:04:46-07:00
Pill Intersection https://codepen.io/mwmwmw/pen/BaBORzZ https://codepen.io/mwmwmw/pen/BaBORzZ Matthew Willox

See the Code - See it Full Page - See Details

This line intersection algo comes from the book "Real Time Collision Detection" by Christer Ericson https://realtimecollisiondetection.net

]]>
Pill Intersection 2019-09-19T14:35:10-07:00