lostintangent

GLSL: fire

fbm + voronoi fire rings

A Pen by Stranger in the Q on CodePen.

License.

lostintangent

<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,

lostintangent

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.

lostintangent

<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>

lostintangent

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.

lostintangent

3d truchet - doshirak inside - use WSAD and mouse

A Pen by Stranger in the Q on CodePen.

License.

lostintangent

<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>

lostintangent

<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

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.

A Pen by Dillon on CodePen.

License.

lostintangent

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