Artificii - Un an nou fericit

Widget Artificii de Anul Nou cu Text Dinamic Realizat de petre-vitan

Previzualizare efect (Artificiile explodează și textul apare după 3 secunde):

Codul sursă de copiat pentru Blogspot:

<!-- ======================================================= --> <!-- SCRIPT APARIȚIE ARTIFICII REVELION CU TEXT DINAMIC --> <!-- REALIZAT DE PETRE-VITAN --> <!-- ======================================================= --> <canvas id="blogNYFireworksCanvas"></canvas> <style> @import url('https://googleapis.com'); #blogNYFireworksCanvas { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; pointer-events: none; /* Nu încurcă clicurile pe blog */ z-index: 99999; background: transparent; } </style> <script type='text/javascript'> //<![CDATA[ (function() { const canvas = document.getElementById("blogNYFireworksCanvas"); if (!canvas) return; const ctx = canvas.getContext("2d"); let w, h, particles = [], xPoint, yPoint, displayText = false; const dynamicText = "UN AN NOU FERICIT! LA MULTI ANI!"; const probability = 0.04; function resizeCanvas() { w = canvas.width = window.innerWidth; h = canvas.height = window.innerHeight; } window.addEventListener("resize", resizeCanvas); resizeCanvas(); // Activează textul după 3 secunde de la încărcarea paginii setTimeout(() => { displayText = true; }, 3000); function createFirework() { xPoint = Math.random() * (w - 200) + 100; yPoint = Math.random() * (h - 200) + 100; const nFire = Math.random() * 50 + 100; const colors = ["#FF5252", "#FFD740", "#64B5F6", "#69F0AE", "#FF4081"]; const c = colors[Math.floor(Math.random() * colors.length)]; for (let i = 0; i < nFire; i++) { particles.push({ w: Math.random() * 4 + 1, h: Math.random() * 4 + 1, x: xPoint, y: yPoint, vx: (Math.random() - 0.5) * 10, vy: (Math.random() - 0.5) * 10, alpha: Math.random() * 0.5 + 0.5, color: c, gravity: 0.05, move: function () { this.x += this.vx; this.vy += this.gravity; this.y += this.vy; this.alpha -= 0.01; return !(this.x <= -this.w || this.x >= w || this.y >= h || this.alpha <= 0); } }); } } function getRandomColor() { const letters = '0123456789ABCDEF'; let color = '#'; for (let i = 0; i < 6; i++) { color += letters[Math.floor(Math.random() * 16)]; } return color; } function updateWorld() { if (particles.length < 500 && Math.random() < probability) { createFirework(); } particles = particles.filter(p => p.move()); // Paint ctx.globalCompositeOperation = 'source-over'; ctx.clearRect(0, 0, w, h); ctx.globalCompositeOperation = 'lighter'; particles.forEach(p => { ctx.save(); ctx.beginPath(); ctx.arc(p.x, p.y, p.w, 0, Math.PI * 2); ctx.fillStyle = p.color; ctx.globalAlpha = p.alpha; ctx.fill(); ctx.restore(); }); if (displayText) { ctx.save(); ctx.fillStyle = getRandomColor(); // Verifică lățimea ecranului pentru adaptare pe mobil let fontSize = window.innerWidth < 600 ? "24px" : "50px"; ctx.font = "italic bold " + fontSize + " 'Dancing Script', cursive"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText(dynamicText, w / 2, h / 2); ctx.restore(); } requestAnimationFrame(updateWorld); } requestAnimationFrame(updateWorld); })(); //]]> </script>

🛠️ Cum se instalează scriptul de artificii pe Blogspot:

1. Copiați scriptul făcând clic pe butonul Copiază Codul situat direct deasupra casetei de text.
2. Accesați panoul administrativ Blogger.
3. În meniul din stânga, faceți clic pe opțiunea Temă (Theme).
4. Apăsați pe triunghiul mic de lângă butonul portocaliu „Personalizează” și selectați Editați HTML (Edit HTML).
5. Faceți un clic în interiorul editorului de cod și apăsați scurtătura Ctrl + F.
6. Căutați tag-ul de închidere structurală </body>.
7. Lipiți codul copiat exact deasupra / înainte de această etichetă </body>.
8. Apăsați pictograma de Salvare (dischetă) din colțul din dreapta-sus al ecranului pentru a publica widgetul.