Pin máy ảnh Sigma BF Li-Ion Battery BP-81
Bộ sạc Sigma AC Adapter SAC-7P
Pin sạc Sigma Li-ion BP-51
Bộ sạc Sigma Charger BC-71
Pin giả lập Sigma DC Connector CN-21
Tay cầm Sigma Large Hand Grip HG-21
Tay cầm Sigma Hand Grip HG-11
Sigma WR Circular PL Filter 46mm
Sigma WR Circular PL Filter 49mm
Sigma WR Circular PL Filter 52mm
Sigma WR Circular PL Filter 55mm
Sigma WR Circular PL Filter 58mm
Sigma WR Circular PL Filter 62mm
Sigma WR Circular PL Filter 67mm
Sigma WR Circular PL Filter 72mm
Kính lọc SIGMA WR CIRCULAR PL FILTER 72MM
Kính lọc SIGMA WR CIRCULAR PL FILTER 77MM
Kính lọc SIGMA WR CIRCULAR PL FILTER 82MM
Kính lọc SIGMA WR CIRCULAR PL FILTER 86MM
Kính lọc SIGMA WR CIRCULAR PL FILTER 95MM
Kính lọc SIGMA WR CIRCULAR PL FILTER 105MM
Khay giữ kính lọc RFH-21SE Ống kính Sigma 300-600mm F4 DG OS Sports ngàm Sony E
Khay giữ kính lọc RFH-21TL Ống kính Sigma 300-600mm F4 DG OS Sports ngàm L
Kính lọc gắn trong Sigma Drop In WR Circular PL RCP-21SE Ống kính Sigma 300-600mm F4 DG OS Sports ngàm Sony E
Kính lọc gắn trong Sigma Drop In WR Circular PL RCP-21TL Ống kính Sigma 300-600mm F4 DG OS Sports ngàm L
Kính lọc gắn trong Sigma Drop In WR Variable ND RND-21SE Ống kính Sigma 300-600mm F4 DG OS Sports ngàm Sony E
Kính lọc gắn trong Sigma Drop In WR Variable ND RND-21TL Ống kính Sigma 300-600mm F4 DG OS Sports ngàm L
HOOD SIGMA LH520-03
Sigma Front Lens Cap (Nắp trước ống kính) 46mm
Sigma Front Lens Cap (Nắp trước ống kính) 49mm
Sigma Front Lens Cap (Nắp trước ống kính) 52mm
Sigma Front Lens Cap (Nắp trước ống kính) 55mm
Sigma Front Lens Cap (Nắp trước ống kính) 58mm
Sigma Front Lens Cap (Nắp trước ống kính) 62mm
Sigma Front Lens Cap (Nắp trước ống kính) 67mm
Sigma Front Lens Cap (Nắp trước ống kính) 72mm
Sigma Front Lens Cap (Nắp trước ống kính) 77mm
Sigma Front Lens Cap (Nắp trước ống kính) 82mm
Sigma Front Lens Cap (Nắp trước ống kính) 86mm
Sigma Front Lens Cap (Nắp trước ống kính) 95mm
Sigma Front Lens Cap (Nắp trước ống kính) 105mm
Kính lọc Sigma WR PROTECTOR Filter 52mm
Kính lọc Sigma WR PROTECTOR Filter 46mm
Kính lọc Sigma WR PROTECTOR Filter 49mm
Kính lọc Sigma WR UV Filter 52mm
Kính lọc Sigma WR UV Filter 46mm
Kính lọc Sigma WR UV Filter 49mm
Kính lọc Sigma WR UV Filter 58mm
Kính lọc Sigma WR PROTECTOR Filter 55mm
Kính lọc Sigma WR UV Filter 55mm
Kính lọc Sigma WR PROTECTOR Filter 62mm
Kính lọc Sigma WR UV Filter 62mm
Kính lọc Sigma WR UV Filter 67mm
Kính lọc Sigma WR CPL Filter 52mm
Kính lọc Sigma WR UV Filter 72mm
Kính lọc Sigma WR CPL Filter 46mm
Kính lọc Sigma WR CPL Filter 49mm
Kính lọc Sigma WR UV Filter 77mm
Kính lọc Sigma WR CPL Filter 55mm
Kính lọc Sigma WR CPL Filter 58mm
Kính lọc Sigma WR CPL Filter 62mm
Kính lọc Sigma WR UV Filter 82mm
Kính lọc Sigma WR CPL Filter 67mm
Kính lọc Sigma WR CERAMIC PROTECTOR Filter 72mm
Kính lọc Sigma WR CERAMIC PROTECTOR Filter 77mm
Kính lọc Sigma WR CPL Filter 72mm
Kính lọc Sigma WR UV Filter 86mm
Kính lọc Sigma WR CPL Filter 77mm
Kính lọc Sigma WR CERAMIC PROTECTOR Filter 82mm
Kính lọc Sigma WR UV Filter 95mm
Kính lọc Sigma WR CPL Filter 82mm
Kính lọc Sigma WR CPL Filter 86mm
Kính lọc Sigma WR UV Filter 105mm
Kính lọc Sigma WR CERAMIC PROTECTOR Filter 86mm
Kính lọc Sigma WR CPL Filter 95mm
Kính lọc Sigma WR CERAMIC PROTECTOR Filter 95mm
Kính lọc Sigma WR CPL Filter 105mm
Kính lọc Sigma WR CERAMIC PROTECTOR Filter 105mm
Ngàm chuyển Sigma MC-11 ( EF-Mount to Sony E) | Chính Hãng
Kính lọc Sigma WR PROTECTOR Filter 58mm
Kính lọc Sigma WR PROTECTOR Filter 67mm
Kính lọc Sigma WR PROTECTOR Filter 72mm
Kính lọc Sigma WR PROTECTOR Filter 77mm
Kính lọc Sigma WR PROTECTOR Filter 82mm
Kính lọc Sigma WR CERAMIC PROTECTOR Filter 67mm
Kính lọc Sigma WR PROTECTOR Filter 86mm
Kính lọc Sigma WR PROTECTOR Filter 95mm
Kính lọc Sigma WR PROTECTOR Filter 105mm
(function () {
const requestAnimFrame = (function () {
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
function (callback) {
window.setTimeout(callback, 1000 / 60);
};
})();
const hieuUngPhaoHoa = {
canvas: document.getElementById('hieuUngPhaoHoa__canvas'),
ctx: null,
cw: window.innerWidth,
ch: window.innerHeight,
fireworks: [],
particles: [],
colors: [0, 60, 300], // Mảng các màu
hue: 0,
timerTotal: 30, // Giảm thời gian giữa các lần bắn
timerTick: 0,
isActive: true, // Biến để kiểm soát trạng thái hoạt động
init: function () {
this.ctx = this.canvas.getContext('2d');
this.canvas.width = this.cw;
this.canvas.height = this.ch;
this.loop();
// Tự động dừng sau 5 giây
setTimeout(() => {
this.isActive = false;
}, 5000);
},
calculateDistance: function (p1x, p1y, p2x, p2y) {
const xDistance = p1x - p2x;
const yDistance = p1y - p2y;
return Math.sqrt(Math.pow(xDistance, 2) + Math.pow(yDistance, 2));
},
random: function (min, max) {
return Math.random() * (max - min) + min;
},
createParticles: function (x, y) {
let particleCount = 30;
// Chọn màu ngẫu nhiên từ mảng
this.hue = this.colors[Math.floor(Math.random() * this.colors.length)];
while (particleCount--) {
this.particles.push(new Particle(x, y, this));
}
},
// Main loop
loop: function () {
if (!this.isActive && this.fireworks.length === 0 && this.particles.length === 0) {
return; // Dừng animation khi hết pháo hoa
}
requestAnimFrame(this.loop.bind(this));
this.hue += 0.5;
this.ctx.globalCompositeOperation = 'destination-out';
this.ctx.fillStyle = 'rgba(0, 0, 0, 0.5)';
this.ctx.fillRect(0, 0, this.cw, this.ch);
this.ctx.globalCompositeOperation = 'lighter';
let i = this.fireworks.length;
while (i--) {
this.fireworks[i].draw();
this.fireworks[i].update(i);
}
i = this.particles.length;
while (i--) {
this.particles[i].draw();
this.particles[i].update(i);
}
// Tự động bắn pháo hoa nếu đang hoạt động
if (this.isActive && this.timerTick >= this.timerTotal) {
this.fireworks.push(new Firework(
this.cw / 2, this.ch,
this.random(0, this.cw),
this.random(0, this.ch / 2),
this
));
this.timerTick = 0;
} else {
this.timerTick++;
}
}
};
// Firework class
class Firework {
constructor(sx, sy, tx, ty, main) {
this.main = main;
this.x = sx;
this.y = sy;
this.sx = sx;
this.sy = sy;
this.tx = tx;
this.ty = ty;
this.distanceToTarget = main.calculateDistance(sx, sy, tx, ty);
this.distanceTraveled = 0;
this.coordinates = [];
this.coordinateCount = 3;
while (this.coordinateCount--) {
this.coordinates.push([this.x, this.y]);
}
this.angle = Math.atan2(ty - sy, tx - sx);
this.speed = 2;
this.acceleration = 1.05;
this.brightness = main.random(50, 70);
this.targetRadius = 1;
}
update(index) {
this.coordinates.pop();
this.coordinates.unshift([this.x, this.y]);
if (this.targetRadius < 8) {
this.targetRadius += 0.3;
} else {
this.targetRadius = 1;
}
this.speed *= this.acceleration;
const vx = Math.cos(this.angle) * this.speed;
const vy = Math.sin(this.angle) * this.speed;
this.distanceTraveled = this.main.calculateDistance(
this.sx, this.sy, this.x + vx, this.y + vy
);
if (this.distanceTraveled >= this.distanceToTarget) {
this.main.createParticles(this.tx, this.ty);
this.main.fireworks.splice(index, 1);
} else {
this.x += vx;
this.y += vy;
}
}
draw() {
this.main.ctx.beginPath();
this.main.ctx.moveTo(
this.coordinates[this.coordinates.length - 1][0],
this.coordinates[this.coordinates.length - 1][1]
);
this.main.ctx.lineTo(this.x, this.y);
this.main.ctx.strokeStyle = `hsl(${this.main.hue}, 100%, ${this.brightness}%)`;
this.main.ctx.stroke();
}
}
// Particle class
class Particle {
constructor(x, y, main) {
this.main = main;
this.x = x;
this.y = y;
this.coordinates = [];
this.coordinateCount = 5;
while (this.coordinateCount--) {
this.coordinates.push([this.x, this.y]);
}
this.angle = main.random(0, Math.PI * 2);
this.speed = main.random(1, 10);
this.friction = 0.95;
this.gravity = 1;
this.hue = main.random(main.hue - 20, main.hue + 20);
this.brightness = main.random(50, 80);
this.alpha = 1;
this.decay = main.random(0.015, 0.03);
}
update(index) {
this.coordinates.pop();
this.coordinates.unshift([this.x, this.y]);
this.speed *= this.friction;
this.x += Math.cos(this.angle) * this.speed;
this.y += Math.sin(this.angle) * this.speed + this.gravity;
this.alpha -= this.decay;
if (this.alpha <= this.decay) {
this.main.particles.splice(index, 1);
}
}
draw() {
this.main.ctx.beginPath();
this.main.ctx.moveTo(
this.coordinates[this.coordinates.length - 1][0],
this.coordinates[this.coordinates.length - 1][1]
);
this.main.ctx.lineTo(this.x, this.y);
this.main.ctx.strokeStyle = `hsla(${this.hue}, 100%, ${this.brightness}%, ${this.alpha})`;
this.main.ctx.stroke();
}
}
// Khởi chạy khi trang load xong
//window.addEventListener('load', () => hieuUngPhaoHoa.init());
})();
