Pens from Austin Mayer https://codepen.io/austinmayer/ en nospam@codepen.io Copyright 2024 2020-09-16T05:37:35-07:00 A Pen by Austin Mayer https://codepen.io/austinmayer/pen/MxjwGB https://codepen.io/austinmayer/pen/MxjwGB Austin Mayer

See the Code - See it Full Page - See Details

]]>
A Pen by Austin Mayer 2019-03-04T16:53:22-07:00
A Pen by Austin Mayer https://codepen.io/austinmayer/pen/pQrywQ https://codepen.io/austinmayer/pen/pQrywQ Austin Mayer

See the Code - See it Full Page - See Details

]]>
A Pen by Austin Mayer 2018-11-19T21:12:36-07:00
WebGL Annotations (three.js) https://codepen.io/austinmayer/pen/XYbqjj https://codepen.io/austinmayer/pen/XYbqjj Austin Mayer

See the Code - See it Full Page - See Details

]]>
WebGL Annotations (three.js) 2018-06-22T12:36:55-07:00
Parallax Hover https://codepen.io/austinmayer/pen/BrYMxb https://codepen.io/austinmayer/pen/BrYMxb Austin Mayer

See the Code - See it Full Page - See Details

]]>
Parallax Hover 2020-09-16T05:37:35-07:00
Fried Chicken Simulator https://codepen.io/austinmayer/pen/MKRwgX https://codepen.io/austinmayer/pen/MKRwgX Austin Mayer

See the Code - See it Full Page - See Details

The stuff dreams are made of... well, my dreams at least. Infinite fried chicken falling onto your picnic table. Load it up to your heart's content. Cluck.... err "click" to add moar. Yay. Inspired by this amazing piece of art: https://pbs.twimg.com/media/BmqGPl5CYAA6bHI.jpg Testing out WhiteStormJS (Three.js, PhysiJS, Wagner) Iframed in as it's pretty much impossible (to my knowledge) to get all of the physics simulations running in CodePen as Physijs requires a fancy ass webworker. See JS for entire simulation code however. Works just no sim. Enjoy the chicken. šŸ—

]]>
Fried Chicken Simulator 2016-02-17T18:22:31-07:00
Mayor Mayer https://codepen.io/austinmayer/pen/vLgqLp https://codepen.io/austinmayer/pen/vLgqLp Austin Mayer

See the Code - See it Full Page - See Details

]]>
Mayor Mayer 2016-02-17T04:12:22-07:00
Brokchrd Remix https://codepen.io/austinmayer/pen/yNdydE https://codepen.io/austinmayer/pen/yNdydE Austin Mayer

See the Code - See it Full Page - See Details

Infinite procedural futurismo flight. A WebGL sketch inspired by Beepleā€™s Brokchrd: https://vimeo.com/131874019. Had fun with envMap and bumpMap to achieve the mountain material. Landscape is infinite with randomly generated procedural terrain. Complete with DeviceOrientation controls on mobile. THREE.Terrain courtesy of: https://github.com/IceCreamYou/THREE.Terrain Three.js boilerplate based on the excellent threejs-starter-kit by Guillaume Gouessan: https://github.com/superguigui/threejs-starter-kit

]]>
Brokchrd Remix 2015-08-25T19:32:08-07:00
Signal Barrel https://codepen.io/austinmayer/pen/oXRGez https://codepen.io/austinmayer/pen/oXRGez Austin Mayer

See the Code - See it Full Page - See Details

WebGL sketch + recreation (sorta) of Beepleā€™s Signal Barrel. https://vimeo.com/69898738 Feel pretty good about the materials and post-processing. Havenā€™t figured out a decent method to get some of the texture animation styles in there from Beepleā€™s render. Could use a video, but that feels like cheating. Geometry and camera animation method pulled extensively from: http://threejs.org/examples/#webgl_geometry_extrude_splines Three.js boilerplate based on the excellent threejs-starter-kit by Guillaume Gouessan: https://github.com/superguigui/threejs-starter-kit

]]>
Signal Barrel 2017-04-28T15:29:21-07:00
Mountain Pass https://codepen.io/austinmayer/pen/dorxRo https://codepen.io/austinmayer/pen/dorxRo Austin Mayer

See the Code - See it Full Page - See Details

WebGL experiment using three.js to render a mountain range and forest inspired by "A Sense of Place" https://vimeo.com/8255706. Uses that video as a texture across all geometry. Three.js boilerplate based on the excellent threejs-starter-kit by Guillaume Gouessan. https://github.com/superguigui/threejs-starter-kit

]]>
Mountain Pass 2016-02-17T12:55:44-07:00
Robo Cave https://codepen.io/austinmayer/pen/PqLrvN https://codepen.io/austinmayer/pen/PqLrvN Austin Mayer

See the Code - See it Full Page - See Details

Experimenting with THREE.js and using a custom fragment shader to draw triangle edges and using worldspace coordinates to determine colors. Was going for something futuristic and surreal, so why not throw in some glow post processing? The "cave" is modeled in Blender and exported to JSON with the three.js plugin. Forked from [Nate Horstmann](http://codepen.io/natehorstmann/)'s Pen [Robo Cave](http://codepen.io/natehorstmann/pen/aOzZYG/).

]]>
Robo Cave 2015-08-11T20:20:12-07:00