Danh mục Flycam - Máy Ảnh Việt Nam

Xem tất cả Sản phẩm mới Sản phẩm cũ

Trang chủ >
Máy ảnh

Lọc

Mặc định

Khoảng giá

Từ: 0 Đến: 1000

Chỉ hàng mới Chỉ hàng cũ Hàng cũ & mới

Hãng sản xuất

Phân loại

Đóng

Flycam DJI Inspire 2 X5S Standard Kit | Chính hãng

Vui lòng gọi

DJI Mavic 3 Classic (+ DJI RC)

Vui lòng gọi

Flycam DJI Phantom 4 Pro Version 2.0 | Chính Hãng

Vui lòng gọi

DJI AVATA 2 FLY MORE COMBO (THREE BATTERIES) (CHÍNH HÃNG)

Vui lòng gọi

DJI Mini 3 Fly More Combo Plus (+ DJI RC)

Vui lòng gọi

Flycam DJI Mini 4 Pro Fly More Combo (DJI RC 2)

Vui lòng gọi

FLYCAM DJI AIR 3S FLY MORE COMBO (DJI RC 2) (CHÍNH HÃNG)

Vui lòng gọi

FLYCAM DJI MAVIC AIR 3 FLY MORE COMBO (DJI RC-N2) (HÃNG)

Vui lòng gọi

DJI Mavic 3 Classic (Body Only)

Vui lòng gọi

DJI Mavic 3 Fly More Combo

Vui lòng gọi

Flycam DJI Mavic 2 Pro With Smart Controller | Chính hãng

Vui lòng gọi

FLYCAM DJI AIR 3S (DJI RC-N3) (CHÍNH HÃNG)

Vui lòng gọi

FLYCAM DJI MINI 2 SE FLY MORE COMBO

Vui lòng gọi

Flycam DJI Mini 4 Pro (Base)

Vui lòng gọi

Flycam DJI Mavic Air 2 | Chính hãng

Vui lòng gọi

Flycam DJI Mavic 2 Pro | Chính hãng

Vui lòng gọi

Flycam DJI Mavic Air 2 Fly More Combo | Chính hãng

Vui lòng gọi

Flycam Fimi X8SE 2020

Vui lòng gọi

DJI Mini 3 Fly More Combo Plus (+ DJI RC-N1)

Vui lòng gọi

Flycam DJI Air 2S | Chính hãng

Vui lòng gọi

Flycam DJI Mini 3 Pro (No RC) | Chính Hãng

Vui lòng gọi

Flycam DJI Mini 4 Pro (DJI RC 2)

Vui lòng gọi

FLYCAM DJI AIR 3

Vui lòng gọi

DJI Mini 3 (+ DJI RC)

Vui lòng gọi

DJI AVATA 1 COMBO

Vui lòng gọi

FLYCAM DJI MINI 1 COMBO

Vui lòng gọi

FLYCAM DJI NEO (CHÍNH HÃNG)

Vui lòng gọi

FLYCAM DJI MINI 4K FLY MORE COMBO (GL) (CHÍNH HÃNG)

Vui lòng gọi

DJI MAVIC 3 CLASSIC (DJI RC-N1)

Vui lòng gọi

Flycam DJI Mavic 3 Pro (Pro Combo | DJI RC Pro)

Vui lòng gọi

XEM THÊM

Máy ảnh

Ống kính

Máy cũ giá tốt

Setup phòng studio

Action camera

Flycam

Thiết bị phòng studio

Phụ kiện máy ảnh

Máy quay phim

(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()); })();