Máy ảnh Canon EOS R7 | Chính Hãng
Giá giao động:
29,900,000đ
Máy ảnh Canon EOS R3 (Body Only)
Giá giao động:
83,000,000đ
Máy ảnh Canon EOS RP (Body Only)
Giá giao động:
17,690,000đ
Máy Ảnh Canon EOS R6 III | Chính Hãng
Giá giao động:
64,880,000đ
Máy Ảnh Canon EOS R50 ( White) kèm Lens RF-S 18-45mm | Chính Hãng
Giá giao động:
18,490,000đ
Máy ảnh Canon EOS R100 kèm Lens 18-45mm | Chính Hãng
Giá giao động:
12,390,000đ
Máy ảnh Canon EOS R (Body only)
HÀNG MỚI ĐÃ TẠM HẾT
Hàng cũ giá từ:
16,900,000đ
Máy ảnh Canon EOS R100 | Chính hãng
Giá giao động:
11,500,000đ
Máy ảnh Canon EOS R6 Mark II | Chính Hãng
Giá giao động:
41,390,000đ
Máy ảnh Canon EOS R8 (Body Only)
Giá giao động:
27,390,000đ
Máy ảnh Canon EOS R5 Mark II (Chính hãng)
Giá giao động:
85,500,000đ
Máy ảnh Canon EOS R7 (Body only)
Giá từ:
24,500,000đ
Máy ảnh Canon EOS R6 (Body Only)
Giá từ:
36,000,000đ
Máy ảnh Canon EOS R5 (Body only)
Giá giao động:
64,500,000đ
Máy ảnh Canon EOS M50 Mark II (Black) kèm Kit 15-45mm f/3.5-6.3 IS STM
HÀNG MỚI ĐÃ TẠM HẾT
Máy ảnh Canon EOS R7 Mark II | Chính hãng
Vui lòng gọi
Máy ảnh Canon EOS R3 Mark II | Chính hãng
Vui lòng gọi
Máy ảnh Canon EOS M50 Mark II (Black) | Body Only
Giá giao động:
15,500,000đ
Máy ảnh Canon EOS M50 Mark II (Body Only) - White
Giá giao động:
17,590,000đ
Máy ảnh Canon EOS M6 | Chính hãng
Giá giao động:
17,600,000đ
Máy ảnh Canon EOS RP (Body Only) | Nhập Khẩu
Giá giao động:
17,800,000đ
Máy ảnh Canon EOS R50 (Black) kèm Lens RF-S 18-45mm | Chính Hãng
Giá giao động:
18,490,000đ
Máy ảnh Canon EOS R10 (Body Only)
Giá giao động:
20,000,000đ
Máy Ảnh Canon EOS R50 V Black (Body Only) | Chính Hãng
Giá giao động:
20,500,000đ
Máy ảnh Canon EOS M50 Mark II (Black) kèm Lens Canon EF-M 55-200mm f/4.5-6.3 IS STM
Giá giao động:
20,990,000đ
Máy ảnh Canon EOS M6 Mark II
Giá giao động:
22,990,000đ
Máy Ảnh Canon EOS R50 V + Lens 14-30mm f/4-6.3 (Black) | Chính Hãng
Giá giao động:
25,300,000đ
Máy Ảnh Canon EOS RP kit RF 24-105mm F4-7.1 IS STM
Giá giao động:
29,500,000đ
Máy ảnh Canon EOS R5 C (Body)
Giá giao động:
122,990,000đ
Máy ảnh Canon EOS R1 (Body)
Giá giao động:
159,000,000đ
(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());
})();
