GIMBAL DJI RS3
Giá giao động:
10,000,000đ
GIMBAL DJI RS3 PRO
Giá giao động:
16,900,000đ
DJI Ronin 4D Chính hãng
Vui lòng gọi
Gimbal DJI RS4
Giá giao động:
10,200,000đ
Gimbal DJI RS4 Pro
Giá giao động:
17,990,000đ
Gimbal DJI Ronin M | Chính hãng
Vui lòng gọi
Gimbal DJI Ronin 2 Professional Combo | Chính hãng
Vui lòng gọi
GIMBAL DJI RS3 MINI COMBO
Vui lòng gọi
GIMBAL DJI OSMO MOBILE 3
Vui lòng gọi
GIMBAL DJI OSMO MOBILE 5
Vui lòng gọi
Gimbal DJI RS 2 (Ronin-S 2) Pro Combo | Chính hãng
Vui lòng gọi
Gimbal DJI RSC 2 (Ronin-SC 2) Pro Combo | Chính hãng
Vui lòng gọi
Gimbal DJI Ronin-SC | Chính hãng
Gimbal DJI OM 5 (Athens Gray)| Chính hãng
Vui lòng gọi
Gimbal DJI Ronin-MX | Chính hãng
Vui lòng gọi
DJI Osmo Mobile 7 (DJI OM 7)
Vui lòng gọi
Gimbal chống rung DJI Osmo Mobile 7
Vui lòng gọi
Gimbal DJI Osmo Mobile 8 | Chính Hãng
Vui lòng gọi
Gimbal chống rung DJI Osmo Mobile 7P
Giá từ:
3,100,000đ
Gimbal chống rung DJI RS4 Mini
Giá từ:
6,500,000đ
Gimbal chống rung DJI RS4 Mini Combo
Giá từ:
8,600,000đ
DJI RONIN BG30 GRIP
Giá giao động:
2,400,000đ
DJI Osmo Mobile 6
Giá từ:
2,200,000đ
DJI RS 3 Mini
Giá giao động:
4,990,000đ
GIMBAL DJI RS3 MINI
Giá giao động:
4,990,000đ
Gimbal DJI RSC 2 (Ronin-SC 2) | Chính hãng
Giá giao động:
6,900,000đ
Gimbal DJI RS 3 | Chính Hãng
Giá giao động:
10,000,000đ
Gimbal DJI RS 3 Combo | Chính Hãng
Giá giao động:
11,500,000đ
GIMBAL DJI RS3 COMBO
Giá giao động:
11,500,000đ
GIMBAL DJI RS4 COMBO
Giá giao động:
12,990,000đ
GIMBAL DJI RS2
Gimbal DJI RS 2 (Ronin-S 2) | Chính hãng
GIMBAL DJI RS2 PRO
Gimbal DJI RS 3 Pro | Chính hãng
GIMBAL DJI RS4 PRO COMBO
GIMBAL DJI RS3 PRO COMBO
Gimbal DJI RS 3 Pro Combo | Chính Hãng
DJI Osmo Mobile SE
Gimbal DJI OM 4 SE (Osmo Mobile 4 SE) | Chính hãng
Gimbal DJI OM 4 (Osmo Mobile 4) | Chính hãng
Gimbal DJI Ronin-SC Combo | Chính hãng
Gimbal DJI Ronin-S | Chính hãng
Gimbal DJI Osmo Mobile 3 Combo | Chính Hãng
Gimbal DJI Ronin-S Kit | Chính hãng
Gimbal DJI Osmo Mobile 2 | Chính hãng
(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());
})();
