Bulbasaur Boyama Sayfası

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

Ücretsiz PDF A4 Uyumlu Online Boyama

Bulbasaur Boyama Sayfası

Bu boyama sayfasında Bulbasaur ayakta duruyor. Büyük gözleri, açık ağzı ve keskin dişleri dikkat çekiyor. Sırtındaki soğan ve vücudundaki lekeler için bolca boyama alanı bulunuyor. Arka planda “Bulbasaur” yazısı yer alıyor.

Renk Önerileri

Bulbasaur’un vücudunu yeşil ve açık yeşil tonlarıyla boyayabilirsiniz. Soğan kısmı için mavi ve açık mavi kullanmak güzel bir uyum sağlar. Sayfayı istediğiniz gibi renklendirdikten sonra PDF olarak indirebilir, A4 kağıdına yazdırabilir veya online boyama yapabilirsiniz.

`); 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.

Renk Seç ve Resme Dokun!

Bulbasaur Boyama Sayfası

Bulbasaur Boyama Sayfası

Renk Önerileri

Benzer Boyama Sayfaları

Bulbasaur Mandala Boyama Sayfası

Bulbasaur Boyama Sayfası

Bulbasaur Boyama Sayfası

Bulbasaur Boyama Sayfası

Bulbasaur Boyama Sayfası

Bulbasaur Boyama Sayfası

Bulbasaur Boyama Sayfası

Bulbasaur Boyama Sayfası

Boyama Vakti Hakkında