lostintangent

🌊 Flood the Valley

A Pen by Joshua van Boxtel on CodePen.

License.

lostintangent

svg(viewBox="-50 -50 100 100")
    
    

lostintangent

Christmas Parallax

A Pen by Vets Who Code on CodePen.

License.

lostintangent

GTFO2020

p5.js audio visualization dedicated to the worst recorded year yet. cheers.

A Pen by Adam Kuhn on CodePen.

License.

lostintangent

<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/build/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/postprocessing/EffectComposer.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/postprocessing/RenderPass.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/postprocessing/ShaderPass.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/shaders/CopyShader.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/shaders/LuminosityHighPassShader.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/examples/js/postprocessing/UnrealBloomPass.js"></script>

<div id="overlay">
  <ul>

lostintangent

<ul class="container mx-auto divide-y divide-gray-400 divide-dotted" style="font-family: Raleway">
  <li class="flex items-center justify-between px-4 py-2">
    <div class="w-full">
      <img class="animate-none h-16 w-full" src="http://pixelprowess.com/i/powship.svg" alt="POW Ship">
    </div> 
    <div class="ml-5 text-right">
      <div class="text-xs font-semibold inline-block font-mono whitespace-nowrap px-2 py-1 rounded text-white bg-pink-500 rounded-2">animate-none</div>
    </div>
  </li>
  <li class="flex items-center justify-between px-4 py-2">

lostintangent

height: 700
scrolling: yes

lostintangent

This is the map of Nielen Designated Marketing Areas using D3.js. Hover over for data related to each area.

See map here

See code here

###Credits

• Map adapted from Mike Bostock's map example
• Topojson made by converting shapefile from here to topojson via Mike Bostock's instructions

lostintangent

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

lostintangent

<digital-art dpr="auto" aria-hidden="true">
  <script type="buffer" name="position" data-size="2">
    [-1, -1, -1, 1, 1, -1, 1, -1, 1, 1, -1, 1]
  </script>
  <script type="vert">
    precision highp float;
    uniform float time;
    uniform vec2 resolution;
    varying vec4 vPos;
    attribute vec4 position;