Created
March 10, 2022 16:01
-
-
Save ridvansumset/174fea5f11f084350a27e0513b0f4aa1 to your computer and use it in GitHub Desktop.
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
| export const TRIANGLE_PARTICLES_OPTIONS = { | |
| background: { | |
| color: { | |
| position: 'cover' | |
| } | |
| }, | |
| fullScreen: false, | |
| fpsLimit: 120, | |
| particles: { | |
| color: { | |
| value: '#ffffff' | |
| }, | |
| links: { | |
| color: '#ffffff', | |
| distance: 150, | |
| enable: true, | |
| opacity: 0.1, | |
| width: 1 | |
| }, | |
| collisions: { | |
| enable: true | |
| }, | |
| move: { | |
| direction: 'none', | |
| enable: true, | |
| outMode: 'bounce', | |
| random: false, | |
| speed: 3, | |
| straight: false | |
| }, | |
| number: { | |
| density: { | |
| enable: true, | |
| area: 1000 | |
| }, | |
| value: 60 | |
| }, | |
| opacity: { | |
| value: 0.1 | |
| }, | |
| shape: { | |
| type: 'circle' | |
| }, | |
| size: { | |
| random: true, | |
| value: 5 | |
| } | |
| }, | |
| detectRetina: true | |
| // interactivity: { | |
| // events: { | |
| // onClick: { | |
| // enable: true, | |
| // mode: 'push' | |
| // }, | |
| // onHover: { | |
| // enable: true, | |
| // mode: 'repulse' | |
| // }, | |
| // resize: true | |
| // }, | |
| // modes: { | |
| // bubble: { | |
| // distance: 400, | |
| // duration: 2, | |
| // opacity: 0.8, | |
| // size: 40 | |
| // }, | |
| // push: { | |
| // quantity: 4 | |
| // }, | |
| // repulse: { | |
| // distance: 200, | |
| // duration: 0.4 | |
| // } | |
| // } | |
| // }, | |
| }; | |
| export const DOT_PARTICLES_OPTIONS = { | |
| autoPlay: true, | |
| background: { | |
| color: { | |
| value: '' | |
| }, | |
| image: '', | |
| position: '50% 50%', | |
| repeat: 'no-repeat', | |
| size: 'cover', | |
| opacity: 1 | |
| }, | |
| backgroundMask: { | |
| composite: 'destination-out', | |
| cover: { | |
| color: { | |
| value: '#fff' | |
| }, | |
| opacity: 1 | |
| }, | |
| enable: false | |
| }, | |
| fullScreen: false, | |
| detectRetina: true, | |
| duration: 0, | |
| fpsLimit: 120, | |
| manualParticles: [], | |
| motion: { | |
| disable: false, | |
| reduce: { | |
| factor: 4, | |
| value: true | |
| } | |
| }, | |
| particles: { | |
| bounce: { | |
| horizontal: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0.1 | |
| }, | |
| value: 1 | |
| }, | |
| vertical: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0.1 | |
| }, | |
| value: 1 | |
| } | |
| }, | |
| collisions: { | |
| bounce: { | |
| horizontal: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0.1 | |
| }, | |
| value: 1 | |
| }, | |
| vertical: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0.1 | |
| }, | |
| value: 1 | |
| } | |
| }, | |
| enable: false, | |
| mode: 'bounce', | |
| overlap: { | |
| enable: true, | |
| retries: 0 | |
| } | |
| }, | |
| color: { | |
| value: '#57E3FF', | |
| animation: { | |
| h: { | |
| count: 0, | |
| enable: false, | |
| offset: 0, | |
| speed: 1, | |
| sync: true | |
| }, | |
| s: { | |
| count: 0, | |
| enable: false, | |
| offset: 0, | |
| speed: 1, | |
| sync: true | |
| }, | |
| l: { | |
| count: 0, | |
| enable: false, | |
| offset: 0, | |
| speed: 1, | |
| sync: true | |
| } | |
| } | |
| }, | |
| destroy: { | |
| mode: 'none', | |
| split: { | |
| count: 1, | |
| factor: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0 | |
| }, | |
| value: 3 | |
| }, | |
| rate: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0 | |
| }, | |
| value: { | |
| min: 4, | |
| max: 9 | |
| } | |
| }, | |
| sizeOffset: true | |
| } | |
| }, | |
| gradient: [], | |
| groups: {}, | |
| life: { | |
| count: 0, | |
| delay: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0 | |
| }, | |
| value: 0, | |
| sync: false | |
| }, | |
| duration: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0.0001 | |
| }, | |
| value: 0, | |
| sync: false | |
| } | |
| }, | |
| links: { | |
| blink: false, | |
| color: { | |
| value: '#ffffff' | |
| }, | |
| consent: false, | |
| distance: 500, | |
| enable: false, | |
| frequency: 1, | |
| opacity: 0.4, | |
| shadow: { | |
| blur: 5, | |
| color: { | |
| value: '#00ff00' | |
| }, | |
| enable: false | |
| }, | |
| triangles: { | |
| enable: false, | |
| frequency: 1 | |
| }, | |
| width: 2, | |
| warp: false | |
| }, | |
| move: { | |
| angle: { | |
| offset: 0, | |
| value: 90 | |
| }, | |
| attract: { | |
| distance: 200, | |
| enable: false, | |
| rotate: { | |
| x: 600, | |
| y: 1200 | |
| } | |
| }, | |
| decay: 0, | |
| distance: {}, | |
| direction: 'bottom', | |
| drift: 0, | |
| enable: true, | |
| gravity: { | |
| acceleration: 9.81, | |
| enable: false, | |
| inverse: false, | |
| maxSpeed: 50 | |
| }, | |
| path: { | |
| clamp: true, | |
| delay: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0 | |
| }, | |
| value: 0 | |
| }, | |
| enable: false, | |
| options: {} | |
| }, | |
| outModes: { | |
| default: 'out', | |
| bottom: 'out', | |
| left: 'out', | |
| right: 'out', | |
| top: 'out' | |
| }, | |
| random: false, | |
| size: false, | |
| speed: 0.5, | |
| spin: { | |
| acceleration: 0, | |
| enable: false | |
| }, | |
| straight: false, | |
| trail: { | |
| enable: false, | |
| length: 10, | |
| fillColor: { | |
| value: '#000000' | |
| } | |
| }, | |
| vibrate: false, | |
| warp: false | |
| }, | |
| number: { | |
| density: { | |
| enable: true, | |
| area: 800, | |
| factor: 1000 | |
| }, | |
| limit: 0, | |
| value: 100 | |
| }, | |
| opacity: { | |
| random: { | |
| enable: true, | |
| minimumValue: 0.1 | |
| }, | |
| value: { | |
| min: 0.1, | |
| max: 0.3 | |
| }, | |
| animation: { | |
| count: 0, | |
| enable: false, | |
| speed: 1, | |
| sync: false, | |
| destroy: 'none', | |
| startValue: 'random', | |
| minimumValue: 0.1 | |
| } | |
| }, | |
| orbit: { | |
| animation: { | |
| count: 0, | |
| enable: false, | |
| speed: 1, | |
| sync: false | |
| }, | |
| enable: false, | |
| opacity: 1, | |
| rotation: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0 | |
| }, | |
| value: 45 | |
| }, | |
| width: 1 | |
| }, | |
| reduceDuplicates: false, | |
| repulse: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0 | |
| }, | |
| value: 0, | |
| enabled: false, | |
| distance: 1, | |
| duration: 1, | |
| factor: 1, | |
| speed: 1 | |
| }, | |
| roll: { | |
| darken: { | |
| enable: false, | |
| value: 0 | |
| }, | |
| enable: false, | |
| enlighten: { | |
| enable: false, | |
| value: 0 | |
| }, | |
| mode: 'vertical', | |
| speed: 25 | |
| }, | |
| rotate: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0 | |
| }, | |
| value: 0, | |
| animation: { | |
| enable: false, | |
| speed: 0, | |
| sync: false | |
| }, | |
| direction: 'clockwise', | |
| path: false | |
| }, | |
| shadow: { | |
| blur: 0, | |
| color: { | |
| value: '#000000' | |
| }, | |
| enable: false, | |
| offset: { | |
| x: 0, | |
| y: 0 | |
| } | |
| }, | |
| shape: { | |
| options: {}, | |
| type: 'circle' | |
| }, | |
| size: { | |
| random: { | |
| enable: true, | |
| minimumValue: 1 | |
| }, | |
| value: { | |
| min: 1, | |
| max: 5 | |
| }, | |
| animation: { | |
| count: 0, | |
| enable: false, | |
| speed: 40, | |
| sync: false, | |
| destroy: 'none', | |
| startValue: 'random', | |
| minimumValue: 0.1 | |
| } | |
| }, | |
| stroke: { | |
| width: 0 | |
| }, | |
| tilt: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0 | |
| }, | |
| value: 0, | |
| animation: { | |
| enable: false, | |
| speed: 0, | |
| sync: false | |
| }, | |
| direction: 'clockwise', | |
| enable: false | |
| }, | |
| twinkle: { | |
| lines: { | |
| enable: false, | |
| frequency: 0.05, | |
| opacity: 1 | |
| }, | |
| particles: { | |
| enable: false, | |
| frequency: 0.05, | |
| opacity: 1 | |
| } | |
| }, | |
| wobble: { | |
| distance: 5, | |
| enable: false, | |
| speed: 50 | |
| }, | |
| zIndex: { | |
| random: { | |
| enable: false, | |
| minimumValue: 0 | |
| }, | |
| value: 0, | |
| opacityRate: 1, | |
| sizeRate: 1, | |
| velocityRate: 1 | |
| } | |
| }, | |
| pauseOnBlur: true, | |
| pauseOnOutsideViewport: true, | |
| responsive: [], | |
| style: {}, | |
| themes: [], | |
| zLayers: 100 | |
| // interactivity: { | |
| // detectsOn: 'window', | |
| // events: { | |
| // onClick: { | |
| // enable: true, | |
| // mode: 'repulse' | |
| // }, | |
| // onDiv: { | |
| // selectors: [], | |
| // enable: false, | |
| // mode: [], | |
| // type: 'circle' | |
| // }, | |
| // onHover: { | |
| // enable: true, | |
| // mode: 'bubble', | |
| // parallax: { | |
| // enable: false, | |
| // force: 2, | |
| // smooth: 10 | |
| // } | |
| // }, | |
| // resize: true | |
| // }, | |
| // modes: { | |
| // attract: { | |
| // distance: 200, | |
| // duration: 0.4, | |
| // easing: 'ease-out-quad', | |
| // factor: 1, | |
| // maxSpeed: 50, | |
| // speed: 1 | |
| // }, | |
| // bounce: { | |
| // distance: 200 | |
| // }, | |
| // bubble: { | |
| // distance: 400, | |
| // duration: 0.3, | |
| // mix: false, | |
| // opacity: 1, | |
| // size: 4 | |
| // }, | |
| // connect: { | |
| // distance: 80, | |
| // links: { | |
| // opacity: 0.5 | |
| // }, | |
| // radius: 60 | |
| // }, | |
| // grab: { | |
| // distance: 400, | |
| // links: { | |
| // blink: false, | |
| // consent: false, | |
| // opacity: 0.5 | |
| // } | |
| // }, | |
| // light: { | |
| // area: { | |
| // gradient: { | |
| // start: { | |
| // value: '#ffffff' | |
| // }, | |
| // stop: { | |
| // value: '#000000' | |
| // } | |
| // }, | |
| // radius: 1000 | |
| // }, | |
| // shadow: { | |
| // color: { | |
| // value: '#000000' | |
| // }, | |
| // length: 2000 | |
| // } | |
| // }, | |
| // push: { | |
| // default: true, | |
| // groups: [], | |
| // quantity: 4 | |
| // }, | |
| // remove: { | |
| // quantity: 2 | |
| // }, | |
| // repulse: { | |
| // distance: 200, | |
| // duration: 0.4, | |
| // factor: 100, | |
| // speed: 1, | |
| // maxSpeed: 50, | |
| // easing: 'ease-out-quad' | |
| // }, | |
| // slow: { | |
| // factor: 3, | |
| // radius: 200 | |
| // }, | |
| // trail: { | |
| // delay: 1, | |
| // pauseOnStop: false, | |
| // quantity: 1 | |
| // } | |
| // } | |
| // }, | |
| }; | |
| export const STAR_PARTICLES_OPTIONS = { | |
| particles: { | |
| number: { | |
| value: 355, | |
| density: { | |
| enable: true, | |
| value_area: 789.1476416322727 | |
| } | |
| }, | |
| color: { | |
| value: '#ffffff' | |
| }, | |
| shape: { | |
| type: 'circle', | |
| stroke: { | |
| width: 0, | |
| color: '#000000' | |
| }, | |
| polygon: { | |
| nb_sides: 5 | |
| }, | |
| image: { | |
| src: 'img/github.svg', | |
| width: 100, | |
| height: 100 | |
| } | |
| }, | |
| opacity: { | |
| value: 0.48927153781200905, | |
| random: false, | |
| anim: { | |
| enable: true, | |
| speed: 0.2, | |
| opacity_min: 0, | |
| sync: false | |
| } | |
| }, | |
| size: { | |
| value: 2, | |
| random: true, | |
| anim: { | |
| enable: true, | |
| speed: 2, | |
| size_min: 0, | |
| sync: false | |
| } | |
| }, | |
| line_linked: { | |
| enable: false, | |
| distance: 150, | |
| color: '#ffffff', | |
| opacity: 0.4, | |
| width: 1 | |
| }, | |
| move: { | |
| enable: true, | |
| speed: 0.3, | |
| direction: 'none', | |
| random: true, | |
| straight: false, | |
| out_mode: 'out', | |
| bounce: false, | |
| attract: { | |
| enable: false, | |
| rotateX: 600, | |
| rotateY: 1200 | |
| } | |
| } | |
| }, | |
| fullScreen: false, | |
| detectRetina: true | |
| // interactivity: { | |
| // detect_on: 'canvas', | |
| // events: { | |
| // onhover: { | |
| // enable: true, | |
| // mode: 'bubble' | |
| // }, | |
| // onclick: { | |
| // enable: true, | |
| // mode: 'push' | |
| // }, | |
| // resize: true | |
| // }, | |
| // modes: { | |
| // grab: { | |
| // distance: 400, | |
| // line_linked: { | |
| // opacity: 1 | |
| // } | |
| // }, | |
| // bubble: { | |
| // distance: 83.91608391608392, | |
| // size: 1, | |
| // duration: 3, | |
| // opacity: 1, | |
| // speed: 3 | |
| // }, | |
| // repulse: { | |
| // distance: 200, | |
| // duration: 0.4 | |
| // }, | |
| // push: { | |
| // particles_nb: 4 | |
| // }, | |
| // remove: { | |
| // particles_nb: 2 | |
| // } | |
| // } | |
| // }, | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment