ZDRAVLJE I LEPOTA

Interaktivna Promena Boje body { font-family: Arial, sans-serif; text-align: center; background: #f0f0f0; } canvas { border: 2px solid #333; margin-top: 20px; } .controls { margin-top: 15px; } .color-group { margin: 10px 0; } Interaktivna Promena Boje Nameštaja i Zida Zid: TV Komoda: Stočić: Stalaža: const canvas = document.getElementById(‘roomCanvas’); const ctx = canvas.getContext(‘2d’); // Pocetne boje let colors = { wall: ‘#dcdcdc’, tvStand: ‘#8b4513’, table: ‘#a0522d’, shelf: ‘#deb887’, }; function drawScene() { // Zid ctx.fillStyle = colors.wall; ctx.fillRect(0, 0, canvas.width, canvas.height); // TV komoda ctx.fillStyle = colors.tvStand; ctx.fillRect(150, 250, 200, 80); // TV ekran ctx.fillStyle=”#000”; [još…]

Interaktivna Soba body { margin: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background: #111; } canvas { cursor: pointer; border: 3px solid #222; } #colorPicker { position: absolute; visibility: hidden; } const canvas = document.getElementById(‘roomCanvas’); const ctx = canvas.getContext(‘2d’); const colorPicker = document.getElementById(‘colorPicker’); // Load background image from user's site const img = new Image(); img.src=”https://plandom.rs/wp-content/uploads/2025/02/ENTERIJERSKA-RESENJA.jpg”; // Define clickable areas for bed and armchairs const zones = [ { name: ‘bed’, x: 200, y: 300, width: 200, height: 100, color: null }, { name: ‘armchair1’, x: 450, y: 350, width: 80, height: [još…]