Alpaka Boyama Sayfası

Alpaka Boyama Sayfası

Bu içerik ücretsizdir. Görseli PDF olarak indirebilir, yazdırabilir veya online olarak renklendirebilirsiniz.

Ücretsiz PDF A4 Uyumlu Online Boyama

Sevimli Alpaka Boyama Sayfası

Bu boyama sayfasında kabarık tüylü, gülümseyen bir alpaka sizi bekliyor. İki kulağı, iki gözü, küçük burnu ve dört bacağıyla ayakta duran bu sevimli hayvanı boyamak çok keyifli. Sade ve orta kalınlıktaki çizgiler sayesinde hem küçükler hem de büyükler rahatça renklendirebilir. Hayvanın tüm vücudu boyama alanı olduğu için istediğiniz gibi renklendirebilirsiniz.

Renk Önerileri ve Eğlenceli Aktivite

Alpakanızı beyaz, kahverengi, bej, gri veya krem tonlarıyla boyayabilirsiniz. Dilerseniz farklı renkler deneyerek hayal gücünüzü kullanabilirsiniz. Boyama bittikten sonra sayfayı kesip bir çerçeveye koyarak odanızı süsleyebilirsiniz. Bu boyama sayfasını PDF olarak indirebilir, A4 kağıdına yazdırabilir veya online boyama aracını kullanarak renklendirebilirsiniz.

`); printWindow.document.close(); } // --- PDF ALT BİLGİSİ (TÜRKÇE KARAKTER DESTEKLİ) --- // jsPDF'nin varsayılan fontu Türkçe karakterlerde bozulma yapabildiği için // alt bilgi metnini canvas üzerine çizip PDF'ye görsel olarak ekliyoruz. function pdfAltBilgiEkle(doc, altMetin) { const footerCanvas = document.createElement("canvas"); footerCanvas.width = 1200; footerCanvas.height = 180;const footerCtx = footerCanvas.getContext("2d"); footerCtx.clearRect(0, 0, footerCanvas.width, footerCanvas.height); footerCtx.textAlign = "center"; footerCtx.textBaseline = "middle";footerCtx.fillStyle = "#333333"; footerCtx.font = "700 44px Arial, sans-serif"; footerCtx.fillText("www.boyamavakti.com", 600, 65);footerCtx.fillStyle = "#999999"; footerCtx.font = "400 26px Arial, sans-serif"; footerCtx.fillText(altMetin, 600, 112);const footerData = footerCanvas.toDataURL("image/png"); doc.addImage(footerData, "PNG", 55, 274, 100, 15); }// --- ORİJİNAL BOŞ PDF OLUŞTURMA --- async function resmiPdfYap(baslik) { const img = document.getElementById('boyamaResmi'); if (!img) return; const btn = document.querySelector('.btn-download-big'); const eskiYazi = btn.innerHTML; btn.innerHTML = ' Hazırlanıyor...'; try { const temizResimData = resmiTemizleVeAl(img); const tempImg = new Image(); tempImg.src = temizResimData; tempImg.onload = function() { const { jsPDF } = window.jspdf; const doc = new jsPDF({ orientation: "portrait", unit: "mm", format: "a4" }); doc.setFillColor(255, 255, 255); doc.rect(0, 0, 210, 297, "F"); const imgHeight = Math.min(((190) / (tempImg.width / tempImg.height)), (262)); doc.addImage(temizResimData, 'JPEG', 10, 10, 190, imgHeight); pdfAltBilgiEkle(doc, "Ücretsiz Boyama Sayfaları"); doc.save(baslik + ".pdf"); btn.innerHTML = eskiYazi; }; } catch (err) { alert("Hata oluştu."); btn.innerHTML = eskiYazi; } }// ========================================== // 🎨 ONLINE BOYAMA MOTORU // ========================================== let seciliRenk = '#ff0000'; let onlineCanvas = null; let onlineCtx = null; let canvasKurulduMu = false;function renkSec(renk, element) { seciliRenk = renk; document.querySelectorAll('.color-btn').forEach(btn => btn.classList.remove('active')); element.classList.add('active'); }function onlineBoyaBaslat() { const img = document.getElementById('boyamaResmi'); onlineCanvas = document.getElementById('boyamaCanvas'); if (!img || !onlineCanvas) return;img.style.display = 'none'; onlineCanvas.style.display = 'block'; document.getElementById('btnBoyaBaslat').style.display = 'none'; document.getElementById('paletAlani').style.display = 'block';if (!canvasKurulduMu) { onlineCanvas.width = img.naturalWidth; onlineCanvas.height = img.naturalHeight; onlineCtx = onlineCanvas.getContext('2d', { willReadFrequently: true });onlineCtx.fillStyle = "#ffffff"; onlineCtx.fillRect(0, 0, onlineCanvas.width, onlineCanvas.height); onlineCtx.drawImage(img, 0, 0);try { const imgData = onlineCtx.getImageData(0, 0, onlineCanvas.width, onlineCanvas.height); const data = imgData.data; const esik = 180; for (let i = 0; i < data.length; i += 4) { if (data[i] > esik && data[i+1] > esik && data[i+2] > esik) { data[i] = 255; data[i+1] = 255; data[i+2] = 255; data[i+3] = 255; // Tümü Alpha 255 } } onlineCtx.putImageData(imgData, 0, 0); } catch(e) { console.warn("Piksel temizligi atlandi:", e); }onlineCanvas.addEventListener('click', function(e) { const rect = onlineCanvas.getBoundingClientRect(); const scaleX = onlineCanvas.width / rect.width; const scaleY = onlineCanvas.height / rect.height; const x = Math.floor((e.clientX - rect.left) * scaleX); const y = Math.floor((e.clientY - rect.top) * scaleY); boyaKovasiDoldur(onlineCanvas, x, y, seciliRenk); });canvasKurulduMu = true; } }function onlineBoyaKapat() { document.getElementById('boyamaResmi').style.display = 'inline-block'; if(onlineCanvas) onlineCanvas.style.display = 'none'; document.getElementById('btnBoyaBaslat').style.display = 'block'; document.getElementById('paletAlani').style.display = 'none'; }// --- BOYANMIŞ ESERİ PDF OLARAK İNDİRME --- async function boyanmisPdfYap(baslik) { if (!onlineCanvas) return; try { const boyanmisData = onlineCanvas.toDataURL("image/jpeg", 0.95); const { jsPDF } = window.jspdf; const doc = new jsPDF({ orientation: "portrait", unit: "mm", format: "a4" }); doc.setFillColor(255, 255, 255); doc.rect(0, 0, 210, 297, "F"); const imgHeight = Math.min(((190) / (onlineCanvas.width / onlineCanvas.height)), (262)); doc.addImage(boyanmisData, 'JPEG', 10, 10, 190, imgHeight); pdfAltBilgiEkle(doc, "Renklendirilmiş Eser"); doc.save(baslik + "-Renklendirilmis.pdf"); } catch (err) { alert("Hata oluştu."); } }// --- BOYA KOVASI (SİYAH RENK KİLİDİ ÇÖZÜLDÜ) --- function boyaKovasiDoldur(canvas, startX, startY, fillColorHex) { const ctx = canvas.getContext('2d', { willReadFrequently: true }); const imgData = ctx.getImageData(0, 0, canvas.width, canvas.height); const data = imgData.data; const w = canvas.width; const h = canvas.height;let hex = fillColorHex.replace('#', ''); const r = parseInt(hex.substring(0, 2), 16); const g = parseInt(hex.substring(2, 4), 16); const b = parseInt(hex.substring(4, 6), 16); // GİZLİ AJAN ETİKETİ: Çocuğun boyadığı renklere Alpha 254 değerini veriyoruz (Gözle görülmez). // Bu sayede siyah boyadığında, orijinal siyah çizgi (Alpha 255) olmadığını anlayacağız! const fillRgba = [r, g, b, 254];const startPos = (startY * w + startX) * 4; const startR = data[startPos]; const startG = data[startPos + 1]; const startB = data[startPos + 2]; const startAlpha = data[startPos + 3]; // Pikselin etiketini kontrol et// 1. Tıklanan yer zaten YENİ renkle aynıysa işlemi iptal et if (startR === r && startG === g && startB === b) return; // 2. YENİ KURAL: Koyu siyah çizgilere tıklanırsa koru. // FAKAT eğer o siyahı biz boyadıysak (Alpha'sı 254 ise) KORUMA, SİLMEYE İZİN VER! if (startR < 80 && startG < 80 && startB < 80 && startAlpha === 255) return;function renkUyusuyormu(pos) { if (data[pos] === r && data[pos + 1] === g && data[pos + 2] === b) { return false; } return Math.abs(data[pos] - startR) < 40 && Math.abs(data[pos + 1] - startG) < 40 && Math.abs(data[pos + 2] - startB) < 40; }const pixelStack = [[startX, startY]];while (pixelStack.length) { const newPos = pixelStack.pop(); let x = newPos[0]; let y = newPos[1]; let pixelPos = (y * w + x) * 4;while (y-- >= 0 && renkUyusuyormu(pixelPos)) pixelPos -= w * 4; pixelPos += w * 4; ++y;let reachLeft = false; let reachRight = false;while (y++ < h - 1 && renkUyusuyormu(pixelPos)) { // Rengi ve GİZLİ AJAN 254 etiketini basıyoruz data[pixelPos] = fillRgba[0]; data[pixelPos + 1] = fillRgba[1]; data[pixelPos + 2] = fillRgba[2]; data[pixelPos + 3] = fillRgba[3];if (x > 0) { if (renkUyusuyormu(pixelPos - 4)) { if (!reachLeft) { pixelStack.push([x - 1, y]); reachLeft = true; } } else if (reachLeft) { reachLeft = false; } }if (x < w - 1) { if (renkUyusuyormu(pixelPos + 4)) { if (!reachRight) { pixelStack.push([x + 1, y]); reachRight = true; } } else if (reachRight) { reachRight = false; } } pixelPos += w * 4; } } ctx.putImageData(imgData, 0, 0); }

Boyama Vakti Hakkında

Boyama Vakti, çocukların hayal dünyasını renklendiren kapsamlı ve ücretsiz boyama sayfaları platformudur. Ebeveynler ve öğretmenler için özenle hazırlanan yüksek kaliteli, yazdırılabilir PDF boyama etkinlikleri sunuyoruz. Okul öncesi boyama, eğitici çizimler, eğlenceli kategoriler ve zengin içeriklerimiz sayesinde çocukların motor becerilerini ve yaratıcılıklarını desteklemeyi amaçlıyoruz.