Jonathan Carter lostintangent

It's raining colors, hallelujah

Propagation of color from a central point.
Combine two to make rings.
It makes me think of drops of rain in a puddle.

3d truchet - doshirak inside - use WSAD and mouse

Hot Ones Animation

That's a homage to my favorite YouTube channel, First We Feast, that is responsible for THE GREATEST INTERVIEW SHOW OF ALL TIME Hot Ones.

A Pen by Ryan Monteiro on CodePen.

License.

Type Selector

Select elements by their type. Selects all elements of type A. Type refers to the type of tag, so div, p and ul are all different element types.

Examples

div selects all div elements.
p selects all p elements.

GLSL: fire

fbm + voronoi fire rings

A Pen by Stranger in the Q on CodePen.

License.

	form.machine
	input(type="checkbox",id="fire",name="fire",value="fire")
	button.machine__btn(type="button",aria-labelledby="left-btn",ontouchstart="")
	span.left-arrow
	span.sr(id="left-btn")="Left"
	button.machine__btn(type="button",aria-labelledby="right-btn",ontouchstart="")
	span.right-arrow
	span.sr(id="right-btn")="Right"
	button.machine__btn(type="button",aria-labelledby="up-btn",ontouchstart="")
	span.up-arrow

	<script src="https://threejs.org/build/three.min.js"></script>
	<script src="https://threejs.org/examples/js/utils/BufferGeometryUtils.js"></script>
	<script src="https://threejs.org/examples/js/controls/OrbitControls.js"></script>
	<script>
	var noise = `
	//
	// Description : Array and textureless GLSL 2D/3D/4D simplex
	// noise functions.
	// Author : Ian McEwan, Ashima Arts.
	// Maintainer : stegu

	<span id="pc" class="hidden">✊</span>
	<div id="player">
	<span id="rock">✊</span>
	<span id="paper">🤚</span>
	<span id="scissor">✌️</span>
	</div>
	<p class="hidden">You Win</p>

	<div class="page-content">
	<div class="container">
	<div class="row">
	<div class="col-sm-12 col-md-12">

	<svg width="100%" viewBox="0 0 752 500" fill="none" xmlns="http://www.w3.org/2000/svg">
	<g id="Group">
	<g id="BACKGROUND">
	<path id="Vector" d="M750 0H0V500H750V0Z" fill="#FFDCD6"/>
	</g>

	<svg class="rnr" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 790.59 1071">
	<defs>
	<style>
	.cls-1,
	.cls-10,
	.cls-11,
	.cls-12,
	.cls-13,
	.cls-14,
	.cls-15,