Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-confetti-boom

Package Overview
Dependencies
Maintainers
1
Versions
10
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-confetti-boom - npm Package Compare versions

Comparing version 0.0.4 to 0.0.5

4

lib/index.esm.js

@@ -57,3 +57,3 @@ import React, { useRef, useCallback, useEffect } from 'react';

this.swingSpeed = Math.random() * 0.05 + 0.01;
this.swingAmplitude = randomNumBetween(0, 0.4);
this.swingAmplitude = randomNumBetween(0.1, 0.2);
}

@@ -86,3 +86,3 @@ Particle.prototype.update = function () {

ctx.translate(this.x + translateXAlpha, this.y + translateYAlpha);
ctx.rotate(Math.PI / 180 * this.rotate);
ctx.rotate(Math.PI / 100 * this.rotate);
ctx.translate(-(this.x + translateXAlpha), -(this.y + translateYAlpha));

@@ -89,0 +89,0 @@ // eslint-disable-next-line no-param-reassign

@@ -59,3 +59,3 @@ 'use strict';

this.swingSpeed = Math.random() * 0.05 + 0.01;
this.swingAmplitude = randomNumBetween(0, 0.4);
this.swingAmplitude = randomNumBetween(0.1, 0.2);
}

@@ -88,3 +88,3 @@ Particle.prototype.update = function () {

ctx.translate(this.x + translateXAlpha, this.y + translateYAlpha);
ctx.rotate(Math.PI / 180 * this.rotate);
ctx.rotate(Math.PI / 100 * this.rotate);
ctx.translate(-(this.x + translateXAlpha), -(this.y + translateYAlpha));

@@ -91,0 +91,0 @@ // eslint-disable-next-line no-param-reassign

{
"name": "react-confetti-boom",
"version": "0.0.4",
"version": "0.0.5",
"description": "A customizable React confetti explosion component for celebrations and special events",

@@ -5,0 +5,0 @@ "author": "almond-bongbong <bal.dongdongdong@gmail.com>",

@@ -12,3 +12,3 @@ # React Confetti Boom 🎉

<p align="center">
<img src="docs/preview.gif" alt="React Confetti Boom preview" />
<img src="https://raw.githubusercontent.com/almond-bongbong/react-confetti-boom/main/docs/preview.gif" alt="React Confetti Boom preview" />
</p>

@@ -15,0 +15,0 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc