Pens from Paulina Hetman https://codepen.io/pehaa/ en nospam@codepen.io Copyright 2024 2022-12-20T13:06:46-07:00 Three.js Snow Globe https://codepen.io/pehaa/pen/WNKNVKP https://codepen.io/pehaa/pen/WNKNVKP Paulina Hetman

See the Code - See it Full Page - See Details

With my best seasonal wishes to all of you. Merry Christmas. Some technical details: Scene is built in Blender and exported as compressed glb file, next loaded with DRACOLoader. The globe is added in Three.js using MeshPhysicalMaterial. Snow uses MeshSurfaceSampler (base position is on the curvy surface) and shaders.

]]>
Three.js Snow Globe 2022-12-20T13:06:46-07:00
CodePen - Three.js-powered Hover Effect https://codepen.io/pehaa/pen/popMNEM https://codepen.io/pehaa/pen/popMNEM Paulina Hetman

See the Code - See it Full Page - See Details

]]>
CodePen - Three.js-powered Hover Effect 2022-04-27T14:20:10-07:00
With Love https://codepen.io/pehaa/pen/wvPgboY https://codepen.io/pehaa/pen/wvPgboY Paulina Hetman

See the Code - See it Full Page - See Details

Saint Valentine's seasonal pen, built with Three.js with some help from GSAP.

]]>
With Love 2022-07-15T15:14:54-07:00
Animate Grid with FLIP https://codepen.io/pehaa/pen/YzreJZG https://codepen.io/pehaa/pen/YzreJZG Paulina Hetman

See the Code - See it Full Page - See Details

]]>
Animate Grid with FLIP 2021-12-31T07:21:43-07:00
Santa was here. https://codepen.io/pehaa/pen/OJxgKbE https://codepen.io/pehaa/pen/OJxgKbE Paulina Hetman

See the Code - See it Full Page - See Details

A tiny seasonal CSS-only illustration. Heartwarming to work on

]]>
Santa was here. 2022-04-16T08:07:54-07:00
Three.js dancing Tree (for Xmas) https://codepen.io/pehaa/pen/KKXMKMN https://codepen.io/pehaa/pen/KKXMKMN Paulina Hetman

See the Code - See it Full Page - See Details

A three.js experiment. That's how I learned some more about instanced geometry (instanced mesh should do the job as well - I just had no time to try it). Anyway, that took me some time to make things work but I kind of like the final result. Merry Xmas

]]>
Three.js dancing Tree (for Xmas) 2022-07-15T14:57:27-07:00
Arachnophobes stay away https://codepen.io/pehaa/pen/ExvPVRQ https://codepen.io/pehaa/pen/ExvPVRQ Paulina Hetman

See the Code - See it Full Page - See Details

]]>
Arachnophobes stay away 2021-10-15T16:25:32-07:00
Lavalamp - experimenting with fragment shaders https://codepen.io/pehaa/pen/QWMbxNP https://codepen.io/pehaa/pen/QWMbxNP Paulina Hetman

See the Code - See it Full Page - See Details

]]>
Lavalamp - experimenting with fragment shaders 2021-10-13T13:59:58-07:00
Debounced Instant Search with Jetpack Search https://codepen.io/pehaa/pen/MWmVgOP https://codepen.io/pehaa/pen/MWmVgOP Paulina Hetman

See the Code - See it Full Page - See Details

]]>
Debounced Instant Search with Jetpack Search 2021-08-05T11:16:59-07:00
React component - WordPress with GraphQL https://codepen.io/pehaa/pen/zYZvwEG https://codepen.io/pehaa/pen/zYZvwEG Paulina Hetman

See the Code - See it Full Page - See Details

]]>
React component - WordPress with GraphQL 2021-05-11T08:50:37-07:00