The idea of this experiment is to create a grid of particles and then add a marker that the particles swarm to. When the marker disapears, the particles should return to their normal position.
A Pen by Gary Constable on CodePen.
garyconstable
/ Canvas-particles-swarming-experiment..markdown
Last active
August 29, 2015 13:55
A Pen by Gary Constable.
garyconstable
/ Canvas-particles-experiments..-.markdown
Created
February 11, 2014 20:27
A Pen by Gary Constable.
Just experimenting with some particles.
A Pen by Gary Constable on CodePen.
A Pen by Gary Constable on CodePen.
garyconstable
/ 100000-particles-in-a-cube.markdown
Created
May 25, 2014 15:44
A Pen by Gary Constable.
A Pen by Gary Constable on CodePen.
garyconstable
/ More-Particle-Experiments.markdown
Created
June 1, 2014 22:53
A Pen by Gary Constable.
2.5K Particles following the mouse - next step is to see if we can get webgl to do the drawing to allow a higher particle count.
A Pen by Gary Constable on CodePen.
garyconstable
/ rwd.css
Last active
October 21, 2015 11:10
— forked from trey/rwd.css
This file contains 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
| /*========== Mobile First Method ==========*/ | |
| @media only screen and (min-width : 320px) {} | |
| @media only screen and (min-width : 480px) {} | |
| @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {} | |
| @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape){} | |
| @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {} | |
| @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape){} | |
| @media only screen and (min-width : 768px) {} | |
| @media only screen and (min-width : 992px) {} |
garyconstable
/ searchParams
Last active
August 29, 2015 14:06
This file contains 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
| /** | |
| * functions for altering url params | |
| * @returns {searchParams} | |
| */ | |
| var searchParams = function(){}; | |
| searchParams.prototype.find = function( str, search ){ | |
| if(str.indexOf(search) > 0){ |
This file contains 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
| //twig ellipsis | |
| {{ myentity.text|length > 50 ? myentity.text|slice(0, 50) ~ '...' : myentity.text }} |
This file contains 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
| 'use strict'; | |
| /* ---------------------------------------------------------------- | |
| App Definition | |
| -----------------------------------------------------------------*/ | |
| var webApp = angular.module('webApp', [ | |
| 'ngRoute', | |
| 'webAppAnimations', | |
| 'webAppControllers', |
This file contains 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
| /* --------------------------------------------------------------------- | |
| * scroller gallery plugin - v0001 | |
| * ------------------------------------------------------------------ */ | |
| (function ( $ ) { |
OlderNewer