Propagation of color from a central point.
Combine two to make rings.
It makes me think of drops of rain in a puddle.
Jonathan Carter lostintangent
- GitHub Staff
- You're looking at it
- @lostintangent
lostintangent
/ it-s-raining-colors-hallelujah.markdown
Last active
March 31, 2020 04:48
It's raining colors, hallelujah
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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 |
lostintangent
/ schema.json
Last active
July 5, 2020 23:53
GistPad - Showcase Manifest Schema #schema
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "$schema": "http://json-schema.org/draft-04/schema#", | |
| "title": "Schema for GistPad showcases.", | |
| "type": "object", | |
| "required": [ | |
| "categories" | |
| ], | |
| "properties": { | |
| "categories": { | |
| "type": "array", |
lostintangent
/ index.html
Created
February 15, 2020 22:55
snowyLandscape (snowy landscape winter) - created by pure JavaScript and canvas
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Contents --> | |
| <div id="contents"> | |
| <canvas id="canvas">This browser cannot use a canvas.</canvas> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="controls"></div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!--comments in JS--> | |
| <script id="vertexShader" type="x-shader/x-vertex"> | |
| varying vec2 v_uv; | |
| void main() { | |
| v_uv = uv; | |
| gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.); | |
| } | |
| </script> | |
| <!-- FragmentShader code here --> | |
| <!-- // built from the tutorial https://www.youtube.com/watch?v=dhuigO4A7RY --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function App() { | |
| const { Renderer, Camera, Geometry, Program, Mesh, Vec2, Vec3, Color, GPGPU } = ogl; | |
| let renderer, gl, camera; | |
| let time, mouse, color1, color2; | |
| let points, positionB, velocityB; | |
| init(); | |
| function init() { |
A Pen by Adam Quinton on CodePen.
Drawn in Illustrator, created with SVG and Greensock. Learn how to animate this in my Skillshare course: https://skl.sh/2SgBfAR
A Pen by Alex Trost on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="wrapper"> | |
| <svg class="frame" viewBox="0 0 530 380"> | |
| <defs> | |
| <filter id="blackOutlineEffect"> | |
| <feMorphology in="SourceAlpha" result="MORPH" operator="dilate" radius="2" /> | |
| <feColorMatrix in="MORPH" result="WHITENED" type="matrix" values="0 0 0 0 0, 0 0 0 0 0, 0 0 0 0 0, 0 0 0 1 0"/> | |
| <feMerge> | |
| <feMergeNode in="WHITENED"/> | |
| <feMergeNode in="SourceGraphic"/> | |
| </feMerge> |