Improve background particles.

This commit is contained in:
theADAMJR 2023-05-28 21:50:01 +01:00
parent adf181ddd5
commit 41e8ef0a73
5 changed files with 28 additions and 28 deletions

View File

@ -1,6 +1,6 @@
{
"name": "@acrd/backend",
"version": "0.0.0",
"version": "0.6.0-pre-release",
"scripts": {
"start": "npm run start:dev",
"start:dev": "set NODE_ENV=DEV && ts-node-dev --transpile-only src/app.ts",

View File

@ -3,6 +3,6 @@ REACT_APP_API_URL="http://localhost:3000/v2"
REACT_APP_CDN_URL="http://localhost:3000/assets"
REACT_APP_WEBSITE_URL="http://localhost:4200"
REACT_APP_REPO_URL="https://github.com/acrdapp/app"
REACT_APP_VERSION_NAME="Winter"
REACT_APP_VERSION_NUMBER="0.5.0-pre-release"
REACT_APP_VERSION_NAME="Cyan"
REACT_APP_VERSION_NUMBER="0.6.0-pre-release"
REACT_APP_ROOT_API_URL="http://localhost:3000"

View File

@ -3,6 +3,6 @@ REACT_APP_API_URL="https://api.acrd.app/v2"
REACT_APP_CDN_URL="https://api.acrd.app/assets"
REACT_APP_WEBSITE_URL="https://acrd.app"
REACT_APP_REPO_URL="https://github.com/acrdapp/app"
REACT_APP_VERSION_NAME="Winter"
REACT_APP_VERSION_NUMBER="0.5.0-pre-release"
REACT_APP_VERSION_NAME="Cyan"
REACT_APP_VERSION_NUMBER="0.6.0-pre-release"
REACT_APP_ROOT_API_URL="https://api.acrd.app"

View File

@ -1,6 +1,6 @@
{
"name": "@acrd/frontend",
"version": "0.0.0",
"version": "0.6.0-pre-release",
"private": true,
"homepage": "https://acrd.app/",
"dependencies": {
@ -111,4 +111,4 @@
"@material-ui/core": "^4.12.3",
"fsevents": "^2.3.2"
}
}
}

View File

@ -13,14 +13,14 @@ const FullParticles: React.FunctionComponent = () => {
options={{
"particles": {
"number": {
"value": 200,
"value": 160,
"density": {
"enable": true,
"value_area": 800
}
},
"color": {
"value": "#fff"
"value": "#ffffff"
},
"shape": {
"type": "circle",
@ -38,44 +38,44 @@ const FullParticles: React.FunctionComponent = () => {
}
},
"opacity": {
"value": 0.5,
"value": 1,
"random": true,
"anim": {
"enable": false,
"enable": true,
"speed": 1,
"opacity_min": 0.1,
"opacity_min": 0,
"sync": false
}
},
"size": {
"value": 10,
"value": 3,
"random": true,
"anim": {
"enable": false,
"speed": 40,
"size_min": 0.1,
"speed": 4,
"size_min": 0.3,
"sync": false
}
},
"line_linked": {
"enable": false,
"distance": 500,
"distance": 150,
"color": "#ffffff",
"opacity": 0.4,
"width": 2
"width": 1
},
"move": {
"enable": true,
"speed": 3,
"direction": "bottom",
"random": false,
"speed": 1,
"direction": "none",
"random": true,
"straight": false,
"out_mode": "out",
"bounce": false,
"attract": {
"enable": false,
"rotateX": 600,
"rotateY": 1200
"rotateY": 600
}
}
},
@ -96,18 +96,18 @@ const FullParticles: React.FunctionComponent = () => {
"grab": {
"distance": 400,
"line_linked": {
"opacity": 0.5
"opacity": 1
}
},
"bubble": {
"distance": 400,
"size": 4,
"duration": 0.3,
"opacity": 1,
"distance": 250,
"size": 0,
"duration": 2,
"opacity": 0,
"speed": 3
},
"repulse": {
"distance": 200,
"distance": 400,
"duration": 0.4
},
"push": {
@ -118,7 +118,7 @@ const FullParticles: React.FunctionComponent = () => {
}
}
},
"retina_detect": true,
"retina_detect": true
}} />
);
}