| @mixin filter( $var ) | |
| -webkit-filter: $var | |
| -moz-filter: $var | |
| -ms-filter: $var | |
| -o-filter: $var | |
| filter: $var | |
| a | |
| &.on | |
| @include filter( sepia(100%) hue-rotate(33deg) contrast(69%) unquote("saturate(2)")) |
Please consider using http://lygia.xyz instead of copy/pasting this functions. It expand suport for voronoi, voronoise, fbm, noise, worley, noise, derivatives and much more, through simple file dependencies. Take a look to https://github.com/patriciogonzalezvivo/lygia/tree/main/generative
float rand(float n){return fract(sin(n) * 43758.5453123);}
float noise(float p){
float fl = floor(p);
float fc = fract(p);
| function countCSSRules() { | |
| var results = '', | |
| log = ''; | |
| if (!document.styleSheets) { | |
| return; | |
| } | |
| for (var i = 0; i < document.styleSheets.length; i++) { | |
| countSheet(document.styleSheets[i]); | |
| } | |
| function countSheet(sheet) { |
| #!/bin/bash | |
| sudo kextunload -b com.apple.iokit.BroadcomBluetoothHostControllerUSBTransport | |
| sudo kextload -b com.apple.iokit.BroadcomBluetoothHostControllerUSBTransport |
| <html> | |
| <head> | |
| <script src="clmtrackr.js"></script> | |
| <script src="model_pca_20_svm.js"></script> | |
| <script src="p5.js"></script> | |
| <script src="p5.dom.js"></script> | |
| <script> | |
| var ctracker; |
| /* iPhone 6 landscape */ | |
| @media only screen and (min-device-width: 375px) | |
| and (max-device-width: 667px) | |
| and (orientation: landscape) | |
| and (-webkit-min-device-pixel-ratio: 2) | |
| { } | |
| /* iPhone 6 portrait */ | |
| @media only screen | |
| and (min-device-width: 375px) |
| /* eslint no-var:0 */ | |
| /* global AFRAME */ | |
| 'use strict'; | |
| // Now out of date, use: | |
| AFRAME.scenes[0].components.screenshot.capture() | |
| // OLD METHOD BELOW: |
| // All three js imports can be found in the threejs github repository | |
| import '../three/shaders/CopyShader'; | |
| import '../three/postprocessing/Effectcomposer'; | |
| import '../three/shaders/SSAOShader'; | |
| import '../three/postprocessing/RenderPass'; | |
| import '../three/postprocessing/ShaderPass'; | |
| const { | |
| MeshDepthMaterial, | |
| Clock, |
| import React, { PureComponent } from 'react'; | |
| import PropTypes from 'prop-types'; | |
| import { FormField } from 'react-form'; | |
| import Select from 'react-select'; | |
| import 'react-select/dist/react-select.css'; | |
| // WIP custom message component | |
| const Message = ({ color, message }) => ( | |
| <div style={{ color }}> | |
| <small>{JSON.stringify(message)}</small> |