Pens from Szenia Zadvornykh https://codepen.io/zadvorsky/ en nospam@codepen.io Copyright 2024 2020-11-02T16:50:53-07:00 Homer Ascii https://codepen.io/zadvorsky/pen/NWrMvvG https://codepen.io/zadvorsky/pen/NWrMvvG Szenia Zadvornykh

See the Code - See it Full Page - See Details

It's Ascii art, but with everyone's favorite Homer gif! Try it out with the camera.

]]>
Homer Ascii 2020-11-02T16:50:53-07:00
Crowd Simulator https://codepen.io/zadvorsky/pen/xxwbBQV https://codepen.io/zadvorsky/pen/xxwbBQV Szenia Zadvornykh

See the Code - See it Full Page - See Details

Hey, remember _crowds_? Made with the wonderful [open peeps](https://www.openpeeps.com/) by [Pablo Stanley](https://www.instagram.com/pablostanley/)

]]>
Crowd Simulator 2020-04-11T23:09:57-07:00
GSAP 3 demo - Cubes https://codepen.io/zadvorsky/pen/ZEEOGXg https://codepen.io/zadvorsky/pen/ZEEOGXg Szenia Zadvornykh

See the Code - See it Full Page - See Details

Exploring the new stagger options of GSAP 3 with THREE.js Click to randomize.

]]>
GSAP 3 demo - Cubes 2019-11-10T22:19:44-07:00
gsap3 demo1 https://codepen.io/zadvorsky/pen/PooZPWw https://codepen.io/zadvorsky/pen/PooZPWw Szenia Zadvornykh

See the Code - See it Full Page - See Details

]]>
gsap3 demo1 2020-03-05T22:06:05-07:00
Codevember #1 https://codepen.io/zadvorsky/pen/LBemgj https://codepen.io/zadvorsky/pen/LBemgj Szenia Zadvornykh

See the Code - See it Full Page - See Details

Another fuzzy geometry found in the wild, this time based on text. It's actually a little tricky to get a nice spread of vertices around the text geometry when generating it from a font file, so it's quite heavy on performance.

]]>
Codevember #1 2018-07-30T18:17:42-07:00
Fuzzy Creature https://codepen.io/zadvorsky/pen/xPKBBJ https://codepen.io/zadvorsky/pen/xPKBBJ Szenia Zadvornykh

See the Code - See it Full Page - See Details

A mashup of Karim Maaloul's [generative walk cycle](https://codepen.io/Yakudoo/pen/qXaNeN) and my fuzzy meshes. Look at the little guy go! Check out my [medium post](https://medium.com/@Zadvorsky/fuzzy-meshes-4c7fd3910d6f) for more details. Refresh for a random color.

]]>
Fuzzy Creature 2017-11-01T18:06:36-07:00
Simple Animated Layout Change https://codepen.io/zadvorsky/pen/OxKMbj https://codepen.io/zadvorsky/pen/OxKMbj Szenia Zadvornykh

See the Code - See it Full Page - See Details

Using TweenMax and Element.getBoundingClientRect to transition between CSS layout changes using transforms (which should be faster than changing other properties).

]]>
Simple Animated Layout Change 2017-11-28T22:10:08-07:00
THREE.BAS live code demo https://codepen.io/zadvorsky/pen/gGjvmZ https://codepen.io/zadvorsky/pen/gGjvmZ Szenia Zadvornykh

See the Code - See it Full Page - See Details

Given as part of an internal presentation at DPDK.

]]>
THREE.BAS live code demo 2017-10-12T16:02:12-07:00
Into Vertex Shader - Parametric Function https://codepen.io/zadvorsky/pen/JyXOwW https://codepen.io/zadvorsky/pen/JyXOwW Szenia Zadvornykh

See the Code - See it Full Page - See Details

This pen is part of [my WebGL tutorial series](https://medium.com/@Zadvorsky/into-vertex-shaders-594e6d8cd804). This pen is used to demonstrate motion paths based on parametric functions.

]]>
Into Vertex Shader - Parametric Function 2017-08-01T18:59:06-07:00
Into Vertex Shader - Catmull-Rom Spline https://codepen.io/zadvorsky/pen/brporW https://codepen.io/zadvorsky/pen/brporW Szenia Zadvornykh

See the Code - See it Full Page - See Details

This pen is part of [my WebGL tutorial series](https://medium.com/@Zadvorsky/into-vertex-shaders-594e6d8cd804). This pen is used to demonstrate how splines can be used to interpolate values.

]]>
Into Vertex Shader - Catmull-Rom Spline 2017-08-01T18:58:58-07:00