Jonathan Carter lostintangent

dynamic 3D confetti text

Trying to get more comfortable with 3D since I don't really venture beyond the second dimension outside of having to do so for work. Why not do my favourite canvas getImageData trick with Three.js? Using the pretty colors and flat-shaded style as seen in @Yakudoo's pens

window resize is totally busted right now ¯_(ツ)_/¯ so you'll have to refresh if you resize

A Pen by Rachel Smith on CodePen.

Deep Sea Trench

This is demo compo posted on Tokyo Demo Fest 2018. https://github.com/r21nomi/TokyoDemoFest2018

A Pen by r21nomi on CodePen.

License.

CreateJS: Infinite Irish Remix

Happy St. Paddy's!

A Pen by Lanny on CodePen.

License.

1: Intro

Welcome to the interactive tutorial on how to use side-effect "operators" in MobX! Over the course of the next three samples, you'll learn (and be able to explore) exactly how autorun, when and reaction work, and when/why you would use them when building reactive applications.

This is soo cool

	<div class="snow"></div>
	<div class="snow"></div>
	<div class="snow"></div>
	<div class="snow"></div>
	<div class="snow"></div>
	<div class="snow"></div>
	<div class="snow"></div>
	<div class="snow"></div>
	<div class="snow"></div>
	<div class="snow"></div>

	<!-- vue root -->
	<div id="app" v-cloak>

	<!-- fixed header -->
	<header class="header-wrap">
	<div class="header-row flex-row flex-middle flex-space">
	<div class="if-small">
	<div class="form-input dark">
	<div class="push-right">🔎</div>
	<input type="text" v-model="search" placeholder="Search token..." />

	{
	"scripts": [
	"react",
	"react-dom"
	],
	"styles": [
	"font-awesome"
	]
	}


	<img src='https://s3-us-west-2.amazonaws.com/s.cdpn.io/108463/jake-weirick-Q_RBVFFXR_g-unsplash.jpg' alt=''>

	<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	width="2555.1px" height="1443.7px" viewBox="0 0 2555.1 1443.7" style="enable-background:new 0 0 2555.1 1443.7;"
	xml:space="preserve">
	<defs>
	</defs>
	<g id="three">
	<g>

	<!-- See JS -->
	<div>Tap for slow mo</div>