Check-out the documentation
| Name | What for ? | Code |
Check-out the documentation
| Name | What for ? | Code |
const ANIMATION_DATA = {"v":"5.4.2","fr":15,"ip":0,"op":94,"w":1000,"h":1000,"nm":"master_champagne","ddd":0,"assets":[{"id":"comp_0","layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 1","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[139.5,119.5,0],"ix":2},"a":{"a":0,"k":[0,0,0],"ix":1},"s":{"a":0,"k":[176,176,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.13,"y":1},"o":{"x":0.333,"y":0},"n":"0p13_1_0p333_0","t":0,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-18.201,-31.283],[-18.201,-31.293]],"c":false}],"e":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-36.201,-65.293],[-18.201,-31.293]],"c":false}]},{"i":{"x":0.667,"y":1},"o":{"x":0.872,"y":0},"n":"0p667_1_0p872_0","t":4,"s":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-36.201,-65.293],[-18.201,-31.293]],"c":false}],"e":[{"i":[[0,0],[0,0]],"o":[[0,0],[0,0]],"v":[[-36.201,-65.293],[-36.182,-65.274]],"c":false}]},{"t":9}],"ix":2},"nm":"Path 1","mn":"ADBE Vector Shap |
{ | |
"id": 2611, | |
"name": "New Composed Shader", | |
"fragment": "#define F4 0.309016994374947451\n#define PI 3.14159\n\nprecision highp float;\nprecision highp int;\nuniform float time;\nuniform vec2 uvScale;\nuniform vec3 color;\nuniform float speed;\nvarying vec2 vUv;\nvec4 mod289(vec4 x) \n{\n return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nfloat mod289(float x) \n{\n return x - floor(x * (1.0 / 289.0)) * 289.0;\n}\nvec4 permute(vec4 x) \n{\n return mod289(((x * 34.0) + 1.0) * x);\n}\nfloat permute(float x) \n{\n return mod289(((x * 34.0) + 1.0) * x);\n}\nvec4 taylorInvSqrt(vec4 r) \n{\n return 1.79284291400159 - 0.85373472095314 * r;\n}\nfloat taylorInvSqrt(float r) \n{\n return 1.79284291400159 - 0.85373472095314 * r;\n}\nvec4 grad4(float j, vec4 ip) \n{\n const vec4 ones = vec4(1.0, 1.0, 1.0, -1.0);\n vec4 p, s;\n p.xyz = floor(fract(vec3(j) * ip.xyz) * 7.0) * ip.z - 1.0;\n p.w = 1.5 - dot(abs(p.xyz), ones.xyz);\n s = vec4(lessThan(p, vec4(0.0)));\n p.xyz = p.xyz + (s |
$break-small: 415px;//iphone 6+ | |
$break-medium: 768px; | |
$break-large: 1024px; | |
@mixin respond-to($media) { | |
// mobile max 415 | |
@if $media == mobile { | |
@media screen and (min-width:0) and(max-width: $break-small) { @content; } | |
} | |
// 416 to 768 |
window.requestAnimFrame = (function(){ | |
return window.requestAnimationFrame || | |
window.webkitRequestAnimationFrame || | |
window.mozRequestAnimationFrame || | |
window.oRequestAnimationFrame || | |
window.msRequestAnimationFrame || | |
function(callback, element){ | |
window.setTimeout(callback, 1000 / 60); | |
); | |
})(); |
// include gulp | |
var gulp = require('gulp'); | |
var changed = require('gulp-changed'); | |
var imagemin = require('gulp-imagemin'); | |
var concat = require('gulp-concat'); | |
var uglify = require('gulp-uglify'); | |
var autoprefix = require('gulp-autoprefixer'); | |
var less = require('gulp-less'); | |
var path = require('path'); |
function adpaterALaTailleDeLaFenetre(){ | |
var largeur = document.documentElement.clientWidth, | |
hauteur = document.documentElement.clientHeight; | |
var source = document.getElementById('monDiv'); // récupère l'id source | |
source.style.height = hauteur+'px'; // applique la hauteur de la page | |
source.style.width = largeur+'px'; // la largeur | |
} | |
// Une fonction de compatibilité pour gérer les évènements |