Skip to content

Commit 30cb0bf

Browse files
transparent canvas background
1 parent 6c09db3 commit 30cb0bf

File tree

2 files changed

+19
-27
lines changed

2 files changed

+19
-27
lines changed

particles.js

Lines changed: 3 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,7 @@ function launchParticlesJS(tag_id, params){
1212
canvas: {
1313
el: document.querySelector('#'+tag_id+' > canvas'),
1414
w: document.querySelector('#'+tag_id+' > canvas').offsetWidth,
15-
h: document.querySelector('#'+tag_id+' > canvas').offsetHeight,
16-
color_hex_bg: '#111',
17-
opacity: 1
15+
h: document.querySelector('#'+tag_id+' > canvas').offsetHeight
1816
},
1917
particles: {
2018
color_hex: '#fff',
@@ -34,10 +32,6 @@ function launchParticlesJS(tag_id, params){
3432

3533
/* params settings */
3634
if(params){
37-
if(params.canvas){
38-
if(params.canvas.color_hex_bg) pJS.canvas.color_hex_bg = params.canvas.color_hex_bg;
39-
if(params.canvas.opacity) pJS.canvas.opacity = params.canvas.opacity;
40-
}
4135
if(params.particles){
4236
if(params.particles.color_hex) pJS.particles.color_hex = params.particles.color_hex;
4337
if(params.particles.opacity) pJS.particles.opacity = params.particles.opacity;
@@ -52,7 +46,6 @@ function launchParticlesJS(tag_id, params){
5246
}
5347

5448
/* convert hex colors to rgb */
55-
pJS.canvas.color_rgb_bg = hexToRgb(pJS.canvas.color_hex_bg);
5649
pJS.particles.color_rgb = hexToRgb(pJS.particles.color_hex);
5750

5851
/* detect retina */
@@ -94,7 +87,6 @@ function launchParticlesJS(tag_id, params){
9487
};
9588

9689
pJS.fn.canvasPaint = function(){
97-
pJS.canvas.ctx.fillStyle = 'rgba('+pJS.canvas.color_rgb_bg.r+','+pJS.canvas.color_rgb_bg.g+','+pJS.canvas.color_rgb_bg.b+','+pJS.canvas.opacity+')';
9890
pJS.canvas.ctx.fillRect(0, 0, pJS.canvas.w, pJS.canvas.h);
9991
};
10092

@@ -166,8 +158,8 @@ function launchParticlesJS(tag_id, params){
166158
};
167159

168160
pJS.fn.particlesDraw = function(){
169-
/* repaint canvas */
170-
pJS.fn.canvasPaint();
161+
/* clear canvas */
162+
pJS.canvas.ctx.clearRect(0, 0, pJS.canvas.w, pJS.canvas.h);
171163

172164
/* draw each particle */
173165
for(var i = 0; i < pJS.particles.array.length; i++){

particles.min.js

Lines changed: 16 additions & 16 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)