// State let mode = 'damage'; let productType = 'smoking'; // 'smoking', 'vaping', or 'dual' let cigarettesPerDay = 10; let yearsSmoking = 10; let ageStarted = 18; let currentAge = 28; let quitTimeMonths = 12; let pricePerPack = 10; let selectedOrgan = null; // Vaping-specific state let puffsPerDay = 200; let nicStrength = 5; // percentage (0-6%) let yearsVaping = 3; let deviceType = 'pod'; // 'pod', 'disposable', 'mod', 'pen' let containsTHC = false; const canvas = document.getElementById('body-canvas'); const ctx = canvas.getContext('2d'); // Organ effects data with both smoking and vaping effects const organs = { brain: { x: 100, y: 5, w: 60, h: 52, name: 'Brain', color: '#f472b6', effects: 'Stroke risk 2-4x. Nicotine affects dopamine. Reduced cognition.', vapingEffects: 'Nicotine addiction affects developing brains (under 25). Memory and concentration issues. Mood disorders.', damageMultiplier: 1.2, vapingMultiplier: 0.8 }, mouth: { x: 115, y: 58, w: 30, h: 28, name: 'Mouth/Throat', color: '#fb923c', effects: 'Oral/throat cancer risk 5-10x. Gum disease common.', vapingEffects: 'Dry mouth, gum inflammation. Throat irritation. Unknown long-term cancer risk.', damageMultiplier: 1.5, vapingMultiplier: 0.6 }, lungs: { x: 89, y: 126, w: 82, h: 63, name: 'Lungs', color: '#f87171', effects: 'Causes 80% of lung cancers. COPD risk 13x.', vapingEffects: 'EVALI risk (esp. with THC). Airway inflammation. Reduced lung function. Long-term effects unknown.', damageMultiplier: 2.0, vapingMultiplier: 1.5 }, heart: { x: 145, y: 140, w: 33, h: 32, name: 'Heart', color: '#ef4444', effects: 'Heart disease risk 2x. Heart attacks 2-3x more often.', vapingEffects: 'Heart failure risk 19% higher (ACC 2024). Increased heart rate and blood pressure. Arterial stiffness.', damageMultiplier: 1.4, vapingMultiplier: 1.0 }, stomach: { x: 115, y: 203, w: 37, h: 28, name: 'Stomach', color: '#a3e635', effects: 'Stomach cancer/ulcer risk increases.', vapingEffects: 'Nausea from nicotine. Less direct impact than smoking.', damageMultiplier: 0.9, vapingMultiplier: 0.3 }, liver: { x: 89, y: 210, w: 30, h: 25, name: 'Liver', color: '#84cc16', effects: 'Liver cancer risk increases.', vapingEffects: 'Metabolizes nicotine. Effects under research.', damageMultiplier: 0.8, vapingMultiplier: 0.3 }, kidneys: { x: 104, y: 238, w: 52, h: 21, name: 'Kidneys', color: '#fbbf24', effects: 'Kidney cancer risk 1.5x.', vapingEffects: 'Limited data. Less exposure to carcinogens than smoking.', damageMultiplier: 0.7, vapingMultiplier: 0.2 }, bladder: { x: 119, y: 270, w: 26, h: 21, name: 'Bladder', color: '#22d3ee', effects: 'Bladder cancer risk 3x.', vapingEffects: 'Limited data. Nicotine and metabolites excreted via urine.', damageMultiplier: 1.1, vapingMultiplier: 0.4 }, arteries: { x: 100, y: 100, w: 60, h: 180, name: 'Blood Vessels', color: '#dc2626', effects: 'Atherosclerosis accelerates. Arteries narrow.', vapingEffects: 'Arterial stiffness increases. Endothelial dysfunction. Less severe than smoking but still harmful.', damageMultiplier: 1.3, vapingMultiplier: 0.7 } }; const quizQuestions = [ { question: 'According to research, how much earlier do smokers die on average compared to non-smokers?', options: ['2 years', '5 years', '10 years', '15 years'], correct: 2, explanation: 'Studies show smokers die approximately 10 years earlier on average than non-smokers (American Cancer Society).' }, { question: 'What percentage of lung cancers are caused by smoking?', options: ['50%', '65%', '80%', '95%'], correct: 2, explanation: 'About 80% of lung cancers and 80% of lung cancer deaths are due to smoking (American Cancer Society).' }, { question: 'How quickly does heart rate begin to return to normal after quitting?', options: ['20 minutes', '2 hours', '24 hours', '1 week'], correct: 0, explanation: 'Heart rate drops to a more normal level within 20 minutes of quitting (American Lung Association).' }, { question: 'When does stroke risk equal that of a non-smoker after quitting?', options: ['1 year', '2-5 years', '5-15 years', 'Never fully recovers'], correct: 2, explanation: 'Stroke risk can fall to about the same level as a non-smoker within 5-15 years of quitting (CDC).' }, { question: 'Which factor has a GREATER impact on lung cancer risk: smoking duration or cigarettes per day?', options: ['Cigarettes per day', 'Duration (years smoking)', 'They have equal impact', 'Neither affects risk significantly'], correct: 1, explanation: 'Research by Doll and Peto shows duration has an exponentially greater effect (4th-5th power) compared to intensity (2nd power).' }, { question: 'What does EVALI stand for?', options: ['E-Vapor Acute Lung Infection', 'E-cigarette or Vaping Associated Lung Injury', 'Electronic Vape Acute Lung Illness', 'E-vapor Aerosol Lung Inflammation'], correct: 1, explanation: 'EVALI stands for E-cigarette or Vaping product Use-Associated Lung Injury. It caused 2,807+ hospitalizations and 68 deaths by February 2020 (CDC).' }, { question: 'According to 2024 research, how much higher is heart failure risk for e-cigarette users compared to non-users?', options: ['5% higher', '19% higher', '50% higher', 'No difference'], correct: 1, explanation: 'A 2024 study presented at the American College of Cardiology found e-cigarette users had a 19% higher risk of developing heart failure compared to non-users.' }, { question: 'Which ingredient has been strongly linked to EVALI cases?', options: ['Propylene glycol', 'Vegetable glycerin', 'Vitamin E acetate in THC products', 'Food-grade flavorings'], correct: 2, explanation: 'Vitamin E acetate, used as an additive in some THC-containing e-cigarette products, has been strongly linked to EVALI (CDC, FDA).' } ]; function init() { setupEventListeners(); renderQuiz(); updateDisplay(); animate(); } function setupEventListeners() { // Product type toggle (Smoking/Vaping/Dual) document.querySelectorAll('.product-btn').forEach(function(btn) { btn.addEventListener('click', function() { document.querySelector('.product-btn.active').classList.remove('active'); btn.classList.add('active'); productType = btn.dataset.product; updateProductTypeUI(); updateDisplay(); }); }); document.querySelectorAll('.mode-btn').forEach(function(btn) { btn.addEventListener('click', function() { document.querySelector('.mode-btn.active').classList.remove('active'); btn.classList.add('active'); mode = btn.dataset.mode; document.getElementById('damage-mode-controls').style.display = mode === 'damage' && productType !== 'vaping' ? 'block' : 'none'; document.getElementById('vaping-mode-controls').style.display = mode === 'damage' && (productType === 'vaping' || productType === 'dual') ? 'block' : 'none'; document.getElementById('recovery-mode-controls').style.display = mode === 'recovery' ? 'block' : 'none'; updateDisplay(); }); }); // Vaping controls document.getElementById('puffs-slider').addEventListener('input', function(e) { puffsPerDay = parseInt(e.target.value); document.getElementById('puffs-val').textContent = puffsPerDay; updateVapingPresetButtons(); updateDisplay(); }); document.getElementById('nic-strength-slider').addEventListener('input', function(e) { nicStrength = parseFloat(e.target.value); document.getElementById('nic-strength-val').textContent = nicStrength + '%'; updateDisplay(); }); document.getElementById('vape-years-slider').addEventListener('input', function(e) { yearsVaping = parseInt(e.target.value); document.getElementById('vape-years-val').textContent = yearsVaping; updateDisplay(); }); document.getElementById('device-type').addEventListener('change', function(e) { deviceType = e.target.value; updateDisplay(); }); document.getElementById('thc-toggle').addEventListener('change', function(e) { containsTHC = e.target.checked; document.getElementById('thc-warning').style.display = containsTHC ? 'inline' : 'none'; updateDisplay(); }); // Vaping preset buttons document.querySelectorAll('.vape-preset').forEach(function(btn) { btn.addEventListener('click', function() { var activeBtn = document.querySelector('.vape-preset.active'); if (activeBtn) activeBtn.classList.remove('active'); btn.classList.add('active'); var preset = btn.dataset.preset; if (preset === 'casual') puffsPerDay = 50; else if (preset === 'regular') puffsPerDay = 200; else if (preset === 'heavy') puffsPerDay = 400; document.getElementById('puffs-slider').value = puffsPerDay; document.getElementById('puffs-val').textContent = puffsPerDay; updateDisplay(); }); }); document.getElementById('cigs-slider').addEventListener('input', function(e) { cigarettesPerDay = parseInt(e.target.value); document.getElementById('cigs-val').textContent = cigarettesPerDay; updatePresetButtons(); updateDisplay(); }); document.getElementById('years-slider').addEventListener('input', function(e) { yearsSmoking = parseInt(e.target.value); document.getElementById('years-val').textContent = yearsSmoking; updateDisplay(); }); document.getElementById('age-start-slider').addEventListener('input', function(e) { ageStarted = parseInt(e.target.value); document.getElementById('age-start-val').textContent = ageStarted; if (currentAge < ageStarted + yearsSmoking) { currentAge = ageStarted + yearsSmoking; document.getElementById('current-age-slider').value = currentAge; document.getElementById('current-age-val').textContent = currentAge; } updateDisplay(); }); document.getElementById('current-age-slider').addEventListener('input', function(e) { currentAge = parseInt(e.target.value); document.getElementById('current-age-val').textContent = currentAge; updateDisplay(); }); document.getElementById('quit-time-slider').addEventListener('input', function(e) { quitTimeMonths = parseInt(e.target.value); document.getElementById('quit-time-val').textContent = formatQuitTime(quitTimeMonths); updateMilestones(); updateDisplay(); }); document.getElementById('price-slider').addEventListener('input', function(e) { pricePerPack = parseFloat(e.target.value); document.getElementById('price-val').textContent = pricePerPack.toFixed(2); updateCosts(); }); document.querySelectorAll('.preset-btn').forEach(function(btn) { btn.addEventListener('click', function() { var activeBtn = document.querySelector('.preset-btn.active'); if (activeBtn) activeBtn.classList.remove('active'); btn.classList.add('active'); var preset = btn.dataset.preset; if (preset === 'light') cigarettesPerDay = 5; else if (preset === 'moderate') cigarettesPerDay = 10; else if (preset === 'heavy') cigarettesPerDay = 20; else if (preset === 'very-heavy') cigarettesPerDay = 40; document.getElementById('cigs-slider').value = cigarettesPerDay; document.getElementById('cigs-val').textContent = cigarettesPerDay; updateDisplay(); }); }); canvas.addEventListener('mousemove', handleCanvasHover); canvas.addEventListener('click', handleCanvasClick); canvas.addEventListener('touchstart', handleCanvasTouch); document.getElementById('eq-header').addEventListener('click', function() { var content = document.getElementById('eq-content'); var toggle = document.getElementById('eq-toggle'); if (content.style.display === 'none') { content.style.display = 'block'; toggle.textContent = '^'; } else { content.style.display = 'none'; toggle.textContent = 'V'; } }); document.getElementById('quiz-header').addEventListener('click', function() { var content = document.getElementById('quiz-content'); var toggle = document.getElementById('quiz-toggle'); if (content.style.display === 'none') { content.style.display = 'block'; toggle.textContent = '^'; } else { content.style.display = 'none'; toggle.textContent = 'V'; } }); document.getElementById('check-answers').addEventListener('click', checkQuiz); document.getElementById('reset-quiz').addEventListener('click', resetQuiz); document.getElementById('export-btn').addEventListener('click', exportReport); document.addEventListener('keydown', function(e) { if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') { var step = e.shiftKey ? 5 : 1; if (e.key === 'ArrowLeft') cigarettesPerDay = Math.max(0, cigarettesPerDay - step); else cigarettesPerDay = Math.min(60, cigarettesPerDay + step); document.getElementById('cigs-slider').value = cigarettesPerDay; document.getElementById('cigs-val').textContent = cigarettesPerDay; updatePresetButtons(); updateDisplay(); e.preventDefault(); } }); } function updatePresetButtons() { document.querySelectorAll('.preset-btn:not(.vape-preset)').forEach(function(btn) { btn.classList.remove('active'); }); if (cigarettesPerDay <= 5) { var light = document.querySelector('[data-preset="light"]'); if (light) light.classList.add('active'); } else if (cigarettesPerDay <= 15) { var mod = document.querySelector('[data-preset="moderate"]'); if (mod) mod.classList.add('active'); } else if (cigarettesPerDay <= 30) { var heavy = document.querySelector('[data-preset="heavy"]'); if (heavy) heavy.classList.add('active'); } else { var vheavy = document.querySelector('[data-preset="very-heavy"]'); if (vheavy) vheavy.classList.add('active'); } } function updateVapingPresetButtons() { document.querySelectorAll('.vape-preset').forEach(function(btn) { btn.classList.remove('active'); }); if (puffsPerDay <= 100) { var casual = document.querySelector('[data-preset="casual"]'); if (casual) casual.classList.add('active'); } else if (puffsPerDay <= 300) { var regular = document.querySelector('[data-preset="regular"]'); if (regular) regular.classList.add('active'); } else { var heavy = document.querySelector('.vape-preset[data-preset="heavy"]'); if (heavy) heavy.classList.add('active'); } } function updateProductTypeUI() { // Show/hide EVALI warning var evaliWarning = document.getElementById('evali-warning'); evaliWarning.style.display = (productType === 'vaping' || productType === 'dual') ? 'block' : 'none'; // Show/hide appropriate controls based on product type var smokingControls = document.getElementById('damage-mode-controls'); var vapingControls = document.getElementById('vaping-mode-controls'); if (mode === 'damage') { if (productType === 'smoking') { smokingControls.style.display = 'block'; vapingControls.style.display = 'none'; } else if (productType === 'vaping') { smokingControls.style.display = 'none'; vapingControls.style.display = 'block'; } else { // dual smokingControls.style.display = 'block'; vapingControls.style.display = 'block'; } } // Show/hide vaping-specific result cards var evaliCard = document.getElementById('evali-risk-card'); var heartFailureCard = document.getElementById('heart-failure-card'); if (productType === 'vaping' || productType === 'dual') { evaliCard.style.display = 'block'; heartFailureCard.style.display = 'block'; } else { evaliCard.style.display = 'none'; heartFailureCard.style.display = 'none'; } // Update results section header color based on product type var resultsHeader = document.querySelector('#results-section h3'); if (productType === 'vaping') { resultsHeader.style.color = '#06b6d4'; } else if (productType === 'dual') { resultsHeader.style.color = '#8b5cf6'; } else { resultsHeader.style.color = '#dc2626'; } } function calculateVapingRisks() { // Nicotine exposure score: puffs x strength x years / baseline var nicotineExposure = (puffsPerDay / 200) * (nicStrength / 5) * (yearsVaping / 3); // Device multiplier (sub-ohm mods produce more vapor) var deviceMult = 1.0; if (deviceType === 'mod') deviceMult = 1.5; else if (deviceType === 'disposable') deviceMult = 0.9; else if (deviceType === 'pen') deviceMult = 0.8; nicotineExposure *= deviceMult; // EVALI risk calculation (based on CDC data) // THC products with vitamin E acetate are the primary cause var evaliRisk = 'Low'; var evaliPercent = 10; if (containsTHC) { evaliRisk = 'HIGH'; evaliPercent = 75; } else if (puffsPerDay > 300 || deviceType === 'mod') { evaliRisk = 'Moderate'; evaliPercent = 30; } else if (puffsPerDay > 100) { evaliRisk = 'Low-Moderate'; evaliPercent = 20; } // Heart failure risk (based on ACC 2024 study: 19% higher risk) var heartFailureRR = 1.0 + (0.19 * nicotineExposure); // Other risks (lower than smoking but still present) var lungRiskRR = 1.0 + (0.3 * nicotineExposure); // Much lower than smoking var heartDiseaseRR = 1.0 + (0.15 * nicotineExposure); var copdRR = 1.0 + (0.2 * nicotineExposure); // Life years impact (uncertain - less than smoking but not zero) var lifeYearsLost = nicotineExposure * 1.5; // Much less than smoking's ~10 years return { nicotineExposure: nicotineExposure, evaliRisk: evaliRisk, evaliPercent: evaliPercent, heartFailureRR: heartFailureRR, lungRiskRR: lungRiskRR, heartDiseaseRR: heartDiseaseRR, copdRR: copdRR, lifeYearsLost: lifeYearsLost }; } function formatQuitTime(months) { if (months < 1) return '20 minutes'; if (months < 12) return months + ' month' + (months > 1 ? 's' : ''); var years = Math.floor(months / 12); var remainingMonths = months % 12; if (remainingMonths === 0) return years + ' year' + (years > 1 ? 's' : ''); return years + ' year' + (years > 1 ? 's' : '') + ', ' + remainingMonths + ' month' + (remainingMonths > 1 ? 's' : ''); } function calculatePackYears() { return (cigarettesPerDay / 20) * yearsSmoking; } function calculateRisks() { var packYears = calculatePackYears(); var lungCancerRR = Math.min(25, 1 + 0.5 * Math.pow(packYears, 0.8)); var heartDiseaseRR = Math.min(4, 1 + 0.04 * packYears); var copdRR = Math.min(15, 1 + 0.3 * packYears); var strokeRR = Math.min(4, 1 + 0.03 * packYears); var lifeYearsLost = 10 * (1 - Math.exp(-0.05 * packYears)); return { packYears: packYears, lungCancerRR: lungCancerRR, heartDiseaseRR: heartDiseaseRR, copdRR: copdRR, strokeRR: strokeRR, lifeYearsLost: lifeYearsLost }; } function calculateRecoveryMultiplier() { var hoursQuit = quitTimeMonths * 30 * 24; if (hoursQuit < 0.33) return 1; if (hoursQuit < 12) return 0.95; if (hoursQuit < 336) return 0.9; if (hoursQuit < 8760) return 0.75; if (hoursQuit < 43800) return 0.5; if (hoursQuit < 87600) return 0.3; if (hoursQuit < 131400) return 0.15; return 0.1; } function updateDisplay() { var risks = calculateRisks(); var vapingRisks = calculateVapingRisks(); var recoveryMult = mode === 'recovery' ? calculateRecoveryMultiplier() : 1; // Display based on product type if (productType === 'smoking') { document.getElementById('pack-years-value').textContent = risks.packYears.toFixed(1); var adjLungRR = 1 + (risks.lungCancerRR - 1) * recoveryMult; var adjHeartRR = 1 + (risks.heartDiseaseRR - 1) * recoveryMult; var adjCopdRR = 1 + (risks.copdRR - 1) * recoveryMult; var adjStrokeRR = 1 + (risks.strokeRR - 1) * recoveryMult; var adjLifeLoss = risks.lifeYearsLost * recoveryMult; document.getElementById('lung-cancer-risk').textContent = adjLungRR.toFixed(1) + 'x'; document.getElementById('heart-disease-risk').textContent = adjHeartRR.toFixed(1) + 'x'; document.getElementById('copd-risk').textContent = adjCopdRR.toFixed(1) + 'x'; document.getElementById('stroke-risk').textContent = adjStrokeRR.toFixed(1) + 'x'; document.getElementById('life-years-lost').textContent = '-' + adjLifeLoss.toFixed(1) + ' years'; document.getElementById('lung-cancer-fill').style.width = Math.min(100, (adjLungRR / 25) * 100) + '%'; document.getElementById('heart-disease-fill').style.width = Math.min(100, (adjHeartRR / 4) * 100) + '%'; document.getElementById('copd-fill').style.width = Math.min(100, (adjCopdRR / 15) * 100) + '%'; document.getElementById('stroke-fill').style.width = Math.min(100, (adjStrokeRR / 4) * 100) + '%'; } else if (productType === 'vaping') { // Vaping-only mode document.getElementById('vape-exposure-value').textContent = vapingRisks.nicotineExposure.toFixed(1); // Update vaping-specific cards document.getElementById('evali-risk').textContent = vapingRisks.evaliRisk; document.getElementById('evali-fill').style.width = vapingRisks.evaliPercent + '%'; document.getElementById('heart-failure-risk').textContent = vapingRisks.heartFailureRR.toFixed(2) + 'x'; document.getElementById('heart-failure-fill').style.width = Math.min(100, (vapingRisks.heartFailureRR - 1) * 200) + '%'; // Update main risk cards with vaping risks (lower than smoking) document.getElementById('lung-cancer-risk').textContent = vapingRisks.lungRiskRR.toFixed(1) + 'x'; document.getElementById('heart-disease-risk').textContent = vapingRisks.heartDiseaseRR.toFixed(1) + 'x'; document.getElementById('copd-risk').textContent = vapingRisks.copdRR.toFixed(1) + 'x'; document.getElementById('stroke-risk').textContent = '~1.1x'; // Limited data document.getElementById('life-years-lost').textContent = '-' + vapingRisks.lifeYearsLost.toFixed(1) + ' years*'; document.getElementById('lung-cancer-fill').style.width = Math.min(100, (vapingRisks.lungRiskRR / 5) * 100) + '%'; document.getElementById('heart-disease-fill').style.width = Math.min(100, (vapingRisks.heartDiseaseRR / 2) * 100) + '%'; document.getElementById('copd-fill').style.width = Math.min(100, (vapingRisks.copdRR / 5) * 100) + '%'; document.getElementById('stroke-fill').style.width = '15%'; // Limited data // Hide pack-years display, it doesn't apply to vaping document.getElementById('pack-years-value').textContent = 'N/A'; } else { // dual use // Combined risks - both smoking and vaping effects document.getElementById('pack-years-value').textContent = risks.packYears.toFixed(1); document.getElementById('vape-exposure-value').textContent = vapingRisks.nicotineExposure.toFixed(1); // Combined risks are additive/synergistic var combinedLungRR = risks.lungCancerRR * (1 + (vapingRisks.lungRiskRR - 1) * 0.3); var combinedHeartRR = risks.heartDiseaseRR + (vapingRisks.heartDiseaseRR - 1); var combinedCopdRR = risks.copdRR * (1 + (vapingRisks.copdRR - 1) * 0.4); var combinedStrokeRR = risks.strokeRR * 1.1; var combinedLifeLoss = risks.lifeYearsLost + vapingRisks.lifeYearsLost; document.getElementById('lung-cancer-risk').textContent = combinedLungRR.toFixed(1) + 'x'; document.getElementById('heart-disease-risk').textContent = combinedHeartRR.toFixed(1) + 'x'; document.getElementById('copd-risk').textContent = combinedCopdRR.toFixed(1) + 'x'; document.getElementById('stroke-risk').textContent = combinedStrokeRR.toFixed(1) + 'x'; document.getElementById('life-years-lost').textContent = '-' + combinedLifeLoss.toFixed(1) + ' years'; document.getElementById('lung-cancer-fill').style.width = Math.min(100, (combinedLungRR / 25) * 100) + '%'; document.getElementById('heart-disease-fill').style.width = Math.min(100, (combinedHeartRR / 5) * 100) + '%'; document.getElementById('copd-fill').style.width = Math.min(100, (combinedCopdRR / 15) * 100) + '%'; document.getElementById('stroke-fill').style.width = Math.min(100, (combinedStrokeRR / 4) * 100) + '%'; // Update vaping-specific cards document.getElementById('evali-risk').textContent = vapingRisks.evaliRisk; document.getElementById('evali-fill').style.width = vapingRisks.evaliPercent + '%'; document.getElementById('heart-failure-risk').textContent = vapingRisks.heartFailureRR.toFixed(2) + 'x'; document.getElementById('heart-failure-fill').style.width = Math.min(100, (vapingRisks.heartFailureRR - 1) * 200) + '%'; } updateCosts(); } function updateCosts() { var packsPerDay = cigarettesPerDay / 20; var dailyCost = packsPerDay * pricePerPack; var monthlyCost = dailyCost * 30; var yearlyCost = dailyCost * 365; var totalSpent = yearlyCost * yearsSmoking; document.getElementById('daily-cost').textContent = '$' + dailyCost.toFixed(2); document.getElementById('monthly-cost').textContent = '$' + Math.round(monthlyCost).toLocaleString(); document.getElementById('yearly-cost').textContent = '$' + Math.round(yearlyCost).toLocaleString(); document.getElementById('total-spent').textContent = '$' + Math.round(totalSpent).toLocaleString(); document.getElementById('financial-cost').textContent = '$' + Math.round(totalSpent).toLocaleString(); } function updateMilestones() { var hoursQuit = quitTimeMonths * 30 * 24; document.querySelectorAll('.milestone').forEach(function(milestone) { var milestoneHours = parseFloat(milestone.dataset.time); if (hoursQuit >= milestoneHours) { milestone.classList.add('achieved'); } else { milestone.classList.remove('achieved'); } }); } function handleCanvasHover(e) { var rect = canvas.getBoundingClientRect(); var x = (e.clientX - rect.left) * (canvas.width / rect.width); var y = (e.clientY - rect.top) * (canvas.height / rect.height); var found = null; for (var key in organs) { var organ = organs[key]; if (x >= organ.x && x <= organ.x + organ.w && y >= organ.y && y <= organ.y + organ.h) { found = key; break; } } canvas.style.cursor = found ? 'pointer' : 'default'; } function handleCanvasClick(e) { var rect = canvas.getBoundingClientRect(); var x = (e.clientX - rect.left) * (canvas.width / rect.width); var y = (e.clientY - rect.top) * (canvas.height / rect.height); selectOrganAt(x, y); } function handleCanvasTouch(e) { e.preventDefault(); var touch = e.touches[0]; var rect = canvas.getBoundingClientRect(); var x = (touch.clientX - rect.left) * (canvas.width / rect.width); var y = (touch.clientY - rect.top) * (canvas.height / rect.height); selectOrganAt(x, y); } function selectOrganAt(x, y) { for (var key in organs) { var organ = organs[key]; if (x >= organ.x && x <= organ.x + organ.w && y >= organ.y && y <= organ.y + organ.h) { selectedOrgan = key; var damageLevel; var effectsText; if (productType === 'smoking') { var risks = calculateRisks(); damageLevel = Math.min(100, risks.packYears * organ.damageMultiplier * 3); effectsText = organ.effects; } else if (productType === 'vaping') { var vapingRisks = calculateVapingRisks(); var vapingMult = organ.vapingMultiplier || 0.5; damageLevel = Math.min(100, vapingRisks.nicotineExposure * vapingMult * 20); effectsText = organ.vapingEffects || 'Vaping effects under research.'; } else { // dual var risks = calculateRisks(); var vapingRisks = calculateVapingRisks(); var vapingMult = organ.vapingMultiplier || 0.5; var smokingDamage = risks.packYears * organ.damageMultiplier * 3; var vapingDamage = vapingRisks.nicotineExposure * vapingMult * 20; damageLevel = Math.min(100, smokingDamage + vapingDamage * 0.5); effectsText = organ.effects + ' VAPING: ' + (organ.vapingEffects || 'Effects under research.'); } document.getElementById('organ-name').textContent = organ.name; document.getElementById('organ-description').textContent = effectsText; document.getElementById('organ-damage-fill').style.width = damageLevel + '%'; document.getElementById('organ-damage-label').textContent = 'Damage Level: ' + Math.round(damageLevel) + '%'; return; } } } function animate() { drawBody(); requestAnimationFrame(animate); } var smokeParticles = []; function drawBody() { ctx.clearRect(0, 0, canvas.width, canvas.height); var risks = calculateRisks(); var recoveryMult = mode === 'recovery' ? calculateRecoveryMultiplier() : 1; ctx.strokeStyle = '#475569'; ctx.lineWidth = 2; ctx.lineCap = 'round'; ctx.lineJoin = 'round'; // Draw complete human body silhouette ctx.beginPath(); // Start from top of head and go clockwise // Head top ctx.moveTo(130, 5); ctx.bezierCurveTo(155, 5, 162, 25, 160, 42); // Right ear ctx.lineTo(162, 35); ctx.bezierCurveTo(170, 32, 172, 48, 162, 48); ctx.lineTo(160, 48); // Right side of head to chin ctx.bezierCurveTo(158, 58, 148, 68, 138, 70); // Chin ctx.quadraticCurveTo(130, 74, 122, 70); // Left side of head from chin ctx.bezierCurveTo(112, 68, 102, 58, 100, 48); // Left ear ctx.lineTo(98, 48); ctx.bezierCurveTo(88, 48, 90, 32, 98, 35); ctx.lineTo(100, 42); // Back to top of head ctx.bezierCurveTo(98, 25, 105, 5, 130, 5); ctx.stroke(); // Neck and body - anatomically proportioned ctx.beginPath(); // Left neck - natural trapezius slope ctx.moveTo(118, 70); ctx.quadraticCurveTo(112, 82, 108, 92); // Left shoulder - natural rounded slope ctx.quadraticCurveTo(85, 96, 65, 105); ctx.quadraticCurveTo(52, 115, 48, 130); // Left arm outer - slightly thicker ctx.quadraticCurveTo(42, 150, 40, 175); ctx.quadraticCurveTo(38, 195, 42, 212); // Left hand - fuller ctx.quadraticCurveTo(44, 222, 52, 225); ctx.quadraticCurveTo(64, 222, 66, 212); // Left arm inner ctx.quadraticCurveTo(68, 190, 70, 165); ctx.quadraticCurveTo(72, 145, 75, 125); // Left torso - curved side ctx.quadraticCurveTo(74, 145, 76, 165); ctx.quadraticCurveTo(74, 180, 78, 195); // Left waist indent - at navel level (y=195-200) ctx.quadraticCurveTo(82, 195, 84, 200); // Left hip - natural curve outward from waist ctx.quadraticCurveTo(88, 220, 90, 245); ctx.quadraticCurveTo(92, 260, 92, 265); // LEFT LEG - fuller, anatomically proportioned // Left thigh outer - muscular shape ctx.bezierCurveTo(80, 280, 72, 300, 75, 320); ctx.bezierCurveTo(77, 332, 80, 340, 82, 348); // Left knee - natural bend ctx.quadraticCurveTo(80, 354, 82, 360); // Left calf outer - fuller gastrocnemius ctx.bezierCurveTo(76, 372, 75, 385, 80, 398); ctx.bezierCurveTo(84, 404, 88, 408, 90, 410); // Left ankle narrowing ctx.quadraticCurveTo(88, 405, 90, 408); // Left foot - natural oval foot shape ctx.quadraticCurveTo(86, 410, 84, 414); // heel curve ctx.quadraticCurveTo(82, 417, 86, 419); // heel bottom ctx.quadraticCurveTo(94, 420, 102, 419); // arch to ball ctx.quadraticCurveTo(110, 418, 112, 415); // toe area ctx.quadraticCurveTo(114, 412, 112, 408); // toe top // Left calf inner - tapered ctx.bezierCurveTo(112, 400, 115, 388, 114, 375); ctx.bezierCurveTo(113, 365, 115, 358, 116, 352); // Left knee inner ctx.quadraticCurveTo(117, 346, 118, 340); // Left thigh inner - fuller toward crotch ctx.bezierCurveTo(120, 325, 122, 308, 126, 292); ctx.quadraticCurveTo(128, 280, 130, 274); // Crotch - natural gap ctx.quadraticCurveTo(130, 270, 130, 274); ctx.quadraticCurveTo(132, 280, 134, 292); // Right thigh inner - fuller ctx.bezierCurveTo(138, 308, 140, 325, 142, 340); // Right knee inner ctx.quadraticCurveTo(143, 346, 144, 352); // Right calf inner ctx.bezierCurveTo(145, 358, 147, 365, 146, 375); ctx.bezierCurveTo(145, 388, 148, 400, 148, 408); // Right foot - natural oval foot shape ctx.quadraticCurveTo(148, 412, 146, 415); // toe top ctx.quadraticCurveTo(148, 418, 156, 419); // toe area ctx.quadraticCurveTo(164, 420, 172, 419); // ball to arch ctx.quadraticCurveTo(176, 417, 174, 414); // heel bottom ctx.quadraticCurveTo(172, 410, 168, 408); // heel curve // Right ankle ctx.quadraticCurveTo(170, 405, 176, 402); // Right calf outer - fuller gastrocnemius ctx.bezierCurveTo(182, 392, 185, 380, 184, 368); ctx.bezierCurveTo(182, 358, 180, 352, 178, 348); // Right knee ctx.quadraticCurveTo(180, 342, 180, 335); // Right thigh outer - fuller, muscular ctx.bezierCurveTo(185, 320, 188, 300, 180, 280); ctx.bezierCurveTo(172, 275, 168, 272, 165, 270); // Right hip - natural curve outward from waist ctx.quadraticCurveTo(168, 260, 170, 245); ctx.quadraticCurveTo(172, 220, 176, 200); // Right waist indent - at navel level (y=195-200) ctx.quadraticCurveTo(178, 195, 182, 195); // Right torso - curved side ctx.quadraticCurveTo(186, 180, 184, 165); ctx.quadraticCurveTo(186, 145, 188, 125); // Right arm inner - slightly thicker ctx.quadraticCurveTo(188, 145, 190, 165); ctx.quadraticCurveTo(192, 190, 194, 212); // Right hand - fuller ctx.quadraticCurveTo(196, 222, 208, 225); ctx.quadraticCurveTo(216, 222, 218, 212); // Right arm outer ctx.quadraticCurveTo(220, 195, 218, 175); ctx.quadraticCurveTo(216, 150, 212, 125); // Right shoulder - natural rounded slope ctx.quadraticCurveTo(208, 115, 195, 105); ctx.quadraticCurveTo(175, 96, 152, 92); // Right neck - natural trapezius slope ctx.quadraticCurveTo(148, 82, 142, 70); ctx.stroke(); // Clavicle line ctx.beginPath(); ctx.moveTo(75, 108); ctx.quadraticCurveTo(130, 118, 185, 108); ctx.stroke(); // Waist definition - at natural navel level ctx.beginPath(); ctx.moveTo(84, 198); ctx.quadraticCurveTo(130, 205, 176, 198); ctx.stroke(); // Navel hint - at waist level ctx.beginPath(); ctx.arc(130, 210, 3, 0, Math.PI * 2); ctx.stroke(); for (var key in organs) { var organ = organs[key]; var damageLevel; if (productType === 'smoking') { damageLevel = Math.min(1, risks.packYears * organ.damageMultiplier * 0.03 * recoveryMult); } else if (productType === 'vaping') { var vapingRisks = calculateVapingRisks(); var vapingMult = organ.vapingMultiplier || 0.5; damageLevel = Math.min(1, vapingRisks.nicotineExposure * vapingMult * 0.15 * recoveryMult); } else { // dual var vapingRisks = calculateVapingRisks(); var vapingMult = organ.vapingMultiplier || 0.5; var smokingDamage = risks.packYears * organ.damageMultiplier * 0.03; var vapingDamage = vapingRisks.nicotineExposure * vapingMult * 0.15; damageLevel = Math.min(1, (smokingDamage + vapingDamage * 0.5) * recoveryMult); } // Color gradient: green (healthy) -> yellow -> red (damaged) // For vaping, use a blue-to-red gradient to distinguish from smoking var r, g, b; if (productType === 'vaping') { // Blue-to-purple-to-red gradient for vaping r = Math.round(34 + (180 - 34) * damageLevel); g = Math.round(180 - 130 * damageLevel); b = Math.round(214 - 100 * damageLevel); } else { // Original green-to-red gradient for smoking r = Math.round(34 + (220 - 34) * damageLevel); g = Math.round(197 - 150 * damageLevel); b = Math.round(94 - 60 * damageLevel); } ctx.fillStyle = 'rgb(' + r + ', ' + g + ', ' + b + ')'; ctx.globalAlpha = 0.7; if (key === 'brain') { // Realistic brain with lobes and wrinkles - scaled to fill head var bx = organ.x + organ.w/2; var by = organ.y + organ.h/2; // Left hemisphere - larger to fill head ctx.beginPath(); ctx.moveTo(bx - 2, by - 18); ctx.bezierCurveTo(bx - 28, by - 20, bx - 30, by + 12, bx - 24, by + 20); ctx.bezierCurveTo(bx - 16, by + 24, bx - 4, by + 22, bx - 2, by + 16); ctx.lineTo(bx - 2, by - 18); ctx.fill(); // Right hemisphere - larger ctx.beginPath(); ctx.moveTo(bx + 2, by - 18); ctx.bezierCurveTo(bx + 28, by - 20, bx + 30, by + 12, bx + 24, by + 20); ctx.bezierCurveTo(bx + 16, by + 24, bx + 4, by + 22, bx + 2, by + 16); ctx.lineTo(bx + 2, by - 18); ctx.fill(); // Brain wrinkle lines - scaled ctx.strokeStyle = 'rgba(0,0,0,0.2)'; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(bx - 22, by - 8); ctx.quadraticCurveTo(bx - 16, by - 2, bx - 22, by + 6); ctx.moveTo(bx - 14, by - 14); ctx.quadraticCurveTo(bx - 8, by - 6, bx - 14, by + 8); ctx.moveTo(bx + 22, by - 8); ctx.quadraticCurveTo(bx + 16, by - 2, bx + 22, by + 6); ctx.moveTo(bx + 14, by - 14); ctx.quadraticCurveTo(bx + 8, by - 6, bx + 14, by + 8); ctx.stroke(); ctx.strokeStyle = '#475569'; ctx.lineWidth = 2; } else if (key === 'mouth') { // Throat/Pharynx shape var mx = organ.x + organ.w/2; var my = organ.y + organ.h/2; ctx.beginPath(); ctx.moveTo(mx - 8, my - 8); ctx.bezierCurveTo(mx - 12, my - 4, mx - 10, my + 6, mx - 6, my + 10); ctx.lineTo(mx + 6, my + 10); ctx.bezierCurveTo(mx + 10, my + 6, mx + 12, my - 4, mx + 8, my - 8); ctx.bezierCurveTo(mx + 4, my - 10, mx - 4, my - 10, mx - 8, my - 8); ctx.fill(); } else if (key === 'lungs') { // Left lung with lobes (2 lobes) var lx = organ.x + 20; var ly = organ.y + organ.h/2; ctx.beginPath(); ctx.moveTo(lx + 8, ly - 28); ctx.bezierCurveTo(lx - 8, ly - 26, lx - 16, ly - 10, lx - 16, ly + 5); ctx.bezierCurveTo(lx - 16, ly + 20, lx - 8, ly + 28, lx + 4, ly + 28); ctx.bezierCurveTo(lx + 12, ly + 28, lx + 14, ly + 10, lx + 10, ly - 5); ctx.bezierCurveTo(lx + 12, ly - 18, lx + 12, ly - 26, lx + 8, ly - 28); ctx.fill(); // Left lung fissure ctx.strokeStyle = 'rgba(0,0,0,0.15)'; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(lx - 12, ly + 2); ctx.quadraticCurveTo(lx, ly + 6, lx + 10, ly); ctx.stroke(); // Right lung with lobes (3 lobes) var rx = organ.x + organ.w - 20; var ry = organ.y + organ.h/2; ctx.fillStyle = 'rgb(' + r + ', ' + g + ', ' + b + ')'; ctx.beginPath(); ctx.moveTo(rx - 8, ry - 28); ctx.bezierCurveTo(rx + 8, ry - 26, rx + 16, ry - 10, rx + 16, ry + 5); ctx.bezierCurveTo(rx + 16, ry + 20, rx + 8, ry + 28, rx - 4, ry + 28); ctx.bezierCurveTo(rx - 12, ry + 28, rx - 14, ry + 10, rx - 10, ry - 5); ctx.bezierCurveTo(rx - 12, ry - 18, rx - 12, ry - 26, rx - 8, ry - 28); ctx.fill(); // Right lung fissures (2 for 3 lobes) ctx.strokeStyle = 'rgba(0,0,0,0.15)'; ctx.beginPath(); ctx.moveTo(rx - 10, ry - 10); ctx.quadraticCurveTo(rx, ry - 6, rx + 12, ry - 12); ctx.moveTo(rx - 10, ry + 8); ctx.quadraticCurveTo(rx, ry + 12, rx + 12, ry + 6); ctx.stroke(); ctx.strokeStyle = '#475569'; ctx.lineWidth = 2; } else if (key === 'heart') { // Anatomical heart shape var hx = organ.x + organ.w/2; var hy = organ.y + organ.h/2; ctx.beginPath(); // Main heart body ctx.moveTo(hx, hy + 14); ctx.bezierCurveTo(hx - 18, hy + 6, hx - 18, hy - 8, hx - 10, hy - 12); ctx.bezierCurveTo(hx - 4, hy - 16, hx, hy - 12, hx, hy - 8); ctx.bezierCurveTo(hx, hy - 12, hx + 4, hy - 16, hx + 10, hy - 12); ctx.bezierCurveTo(hx + 18, hy - 8, hx + 18, hy + 6, hx, hy + 14); ctx.fill(); // Aorta ctx.beginPath(); ctx.moveTo(hx - 2, hy - 12); ctx.bezierCurveTo(hx - 6, hy - 20, hx + 8, hy - 22, hx + 10, hy - 14); ctx.lineTo(hx + 6, hy - 14); ctx.bezierCurveTo(hx + 6, hy - 18, hx - 2, hy - 17, hx, hy - 12); ctx.fill(); // Heart chambers hint ctx.strokeStyle = 'rgba(0,0,0,0.15)'; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(hx, hy - 8); ctx.lineTo(hx, hy + 10); ctx.moveTo(hx - 8, hy); ctx.bezierCurveTo(hx - 4, hy + 4, hx + 4, hy + 4, hx + 8, hy); ctx.stroke(); ctx.strokeStyle = '#475569'; ctx.lineWidth = 2; } else if (key === 'stomach') { // J-shaped stomach var sx = organ.x + organ.w/2; var sy = organ.y + organ.h/2; ctx.beginPath(); ctx.moveTo(sx - 4, sy - 14); ctx.bezierCurveTo(sx - 18, sy - 10, sx - 18, sy + 8, sx - 10, sy + 14); ctx.bezierCurveTo(sx - 4, sy + 18, sx + 8, sy + 14, sx + 12, sy + 6); ctx.bezierCurveTo(sx + 16, sy - 2, sx + 12, sy - 8, sx + 6, sy - 10); ctx.bezierCurveTo(sx, sy - 12, sx - 4, sy - 14, sx - 4, sy - 14); ctx.fill(); // Stomach rugae ctx.strokeStyle = 'rgba(0,0,0,0.1)'; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(sx - 10, sy - 2); ctx.quadraticCurveTo(sx - 4, sy + 2, sx + 4, sy); ctx.moveTo(sx - 8, sy + 6); ctx.quadraticCurveTo(sx - 2, sy + 10, sx + 6, sy + 8); ctx.stroke(); ctx.strokeStyle = '#475569'; ctx.lineWidth = 2; } else if (key === 'liver') { // Wedge-shaped liver var lvx = organ.x + organ.w/2; var lvy = organ.y + organ.h/2; ctx.beginPath(); ctx.moveTo(lvx - 14, lvy - 8); ctx.bezierCurveTo(lvx - 16, lvy - 4, lvx - 14, lvy + 8, lvx - 8, lvy + 12); ctx.bezierCurveTo(lvx, lvy + 14, lvx + 10, lvy + 10, lvx + 14, lvy + 4); ctx.bezierCurveTo(lvx + 16, lvy - 2, lvx + 12, lvy - 10, lvx + 4, lvy - 10); ctx.bezierCurveTo(lvx - 4, lvy - 10, lvx - 12, lvy - 10, lvx - 14, lvy - 8); ctx.fill(); } else if (key === 'kidneys') { // Bean-shaped kidneys var ky = organ.y + organ.h/2; // Left kidney var kx1 = organ.x + 12; ctx.beginPath(); ctx.moveTo(kx1, ky - 10); ctx.bezierCurveTo(kx1 - 10, ky - 8, kx1 - 10, ky + 8, kx1, ky + 10); ctx.bezierCurveTo(kx1 + 6, ky + 8, kx1 + 4, ky + 2, kx1 + 2, ky); ctx.bezierCurveTo(kx1 + 4, ky - 2, kx1 + 6, ky - 8, kx1, ky - 10); ctx.fill(); // Right kidney var kx2 = organ.x + organ.w - 12; ctx.beginPath(); ctx.moveTo(kx2, ky - 10); ctx.bezierCurveTo(kx2 + 10, ky - 8, kx2 + 10, ky + 8, kx2, ky + 10); ctx.bezierCurveTo(kx2 - 6, ky + 8, kx2 - 4, ky + 2, kx2 - 2, ky); ctx.bezierCurveTo(kx2 - 4, ky - 2, kx2 - 6, ky - 8, kx2, ky - 10); ctx.fill(); } else if (key === 'bladder') { // Rounded bladder sac var blx = organ.x + organ.w/2; var bly = organ.y + organ.h/2; ctx.beginPath(); ctx.moveTo(blx, bly - 10); ctx.bezierCurveTo(blx - 12, bly - 8, blx - 14, bly + 4, blx - 8, bly + 10); ctx.bezierCurveTo(blx - 4, bly + 12, blx + 4, bly + 12, blx + 8, bly + 10); ctx.bezierCurveTo(blx + 14, bly + 4, blx + 12, bly - 8, blx, bly - 10); ctx.fill(); // Ureters entering ctx.strokeStyle = 'rgba(0,0,0,0.15)'; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(blx - 6, bly - 10); ctx.lineTo(blx - 10, bly - 16); ctx.moveTo(blx + 6, bly - 10); ctx.lineTo(blx + 10, bly - 16); ctx.stroke(); ctx.strokeStyle = '#475569'; ctx.lineWidth = 2; } else if (key === 'arteries') { // Internal vascular system centered in torso var ax = 130; // Center of body ctx.lineWidth = 3; ctx.strokeStyle = 'rgb(' + r + ', ' + g + ', ' + b + ')'; ctx.lineCap = 'round'; // Aortic arch from heart ctx.beginPath(); ctx.moveTo(ax, 135); ctx.quadraticCurveTo(ax + 15, 120, ax + 8, 110); ctx.stroke(); // Descending aorta (main trunk) ctx.lineWidth = 4; ctx.beginPath(); ctx.moveTo(ax, 135); ctx.lineTo(ax, 260); ctx.stroke(); // Carotid arteries to head ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(ax + 8, 110); ctx.quadraticCurveTo(ax + 5, 95, ax - 5, 75); ctx.moveTo(ax + 8, 110); ctx.quadraticCurveTo(ax + 15, 95, ax + 15, 75); ctx.stroke(); // Subclavian arteries (to arms) ctx.beginPath(); ctx.moveTo(ax, 130); ctx.quadraticCurveTo(ax - 25, 125, ax - 50, 135); ctx.moveTo(ax, 130); ctx.quadraticCurveTo(ax + 25, 125, ax + 50, 135); ctx.stroke(); // Renal arteries (to kidneys) ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(ax, 235); ctx.lineTo(ax - 25, 245); ctx.moveTo(ax, 235); ctx.lineTo(ax + 25, 245); ctx.stroke(); // Iliac bifurcation (to legs) ctx.lineWidth = 3; ctx.beginPath(); ctx.moveTo(ax, 260); ctx.quadraticCurveTo(ax - 10, 275, ax - 20, 300); ctx.moveTo(ax, 260); ctx.quadraticCurveTo(ax + 10, 275, ax + 20, 300); ctx.stroke(); ctx.lineWidth = 2; ctx.strokeStyle = '#475569'; } if (selectedOrgan === key) { ctx.globalAlpha = 1; ctx.strokeStyle = '#f97316'; ctx.lineWidth = 3; ctx.strokeRect(organ.x - 5, organ.y - 5, organ.w + 10, organ.h + 10); } } ctx.globalAlpha = 1; // Draw smoke or vapor based on product type if (mode === 'damage') { if (productType === 'smoking' && cigarettesPerDay > 0) { drawSmoke(); } else if (productType === 'vaping' && puffsPerDay > 0) { drawVapor(); } else if (productType === 'dual' && (cigarettesPerDay > 0 || puffsPerDay > 0)) { if (cigarettesPerDay > 0) drawSmoke(); if (puffsPerDay > 0) drawVapor(); } } } var vaporParticles = []; function drawVapor() { // Vapor is thicker, whiter, and dissipates differently than smoke if (Math.random() < 0.4) { vaporParticles.push({ x: 125 + Math.random() * 25, y: 72, size: 6 + Math.random() * 12, speed: 0.8 + Math.random() * 1.2, opacity: 0.8 }); } ctx.fillStyle = '#e0f2fe'; // Light blue-white vapor color var newParticles = []; for (var i = 0; i < vaporParticles.length; i++) { var p = vaporParticles[i]; p.y -= p.speed; p.x += (Math.random() - 0.5) * 3; p.opacity -= 0.015; p.size += 0.15; if (p.opacity > 0) { ctx.globalAlpha = p.opacity; ctx.beginPath(); ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2); ctx.fill(); newParticles.push(p); } } vaporParticles = newParticles; ctx.globalAlpha = 1; } function drawSmoke() { if (Math.random() < 0.3) { smokeParticles.push({ x: 128 + Math.random() * 20, y: 72, size: 4 + Math.random() * 8, speed: 0.5 + Math.random() * 1, opacity: 0.6 }); } ctx.fillStyle = '#9ca3af'; var newParticles = []; for (var i = 0; i < smokeParticles.length; i++) { var p = smokeParticles[i]; p.y -= p.speed; p.x += (Math.random() - 0.5) * 2; p.opacity -= 0.01; p.size += 0.1; if (p.opacity > 0) { ctx.globalAlpha = p.opacity; ctx.beginPath(); ctx.arc(p.x, p.y, p.size, 0, Math.PI * 2); ctx.fill(); newParticles.push(p); } } smokeParticles = newParticles; ctx.globalAlpha = 1; } function renderQuiz() { var container = document.getElementById('quiz-questions'); while (container.firstChild) { container.removeChild(container.firstChild); } for (var i = 0; i < quizQuestions.length; i++) { var q = quizQuestions[i]; var questionDiv = document.createElement('div'); questionDiv.className = 'quiz-question'; questionDiv.setAttribute('data-question', i); var questionText = document.createElement('p'); questionText.className = 'question-text'; questionText.textContent = (i + 1) + '. ' + q.question; questionDiv.appendChild(questionText); var optionsDiv = document.createElement('div'); optionsDiv.className = 'quiz-options'; for (var j = 0; j < q.options.length; j++) { var label = document.createElement('label'); label.className = 'quiz-option'; var radio = document.createElement('input'); radio.type = 'radio'; radio.name = 'q' + i; radio.value = j; var optionText = document.createTextNode(q.options[j]); label.appendChild(radio); label.appendChild(optionText); optionsDiv.appendChild(label); } questionDiv.appendChild(optionsDiv); var feedback = document.createElement('div'); feedback.className = 'quiz-feedback'; questionDiv.appendChild(feedback); container.appendChild(questionDiv); } } function checkQuiz() { var score = 0; var feedbacks = document.querySelectorAll('.quiz-feedback'); for (var i = 0; i < quizQuestions.length; i++) { var q = quizQuestions[i]; var selected = document.querySelector('input[name="q' + i + '"]:checked'); var feedback = feedbacks[i]; if (selected) { if (parseInt(selected.value) === q.correct) { score++; feedback.className = 'quiz-feedback correct'; feedback.textContent = 'Correct! ' + q.explanation; } else { feedback.className = 'quiz-feedback incorrect'; feedback.textContent = 'Incorrect. ' + q.explanation; } } else { feedback.className = 'quiz-feedback incorrect'; feedback.textContent = 'No answer selected. ' + q.explanation; } } document.getElementById('quiz-score').textContent = score + '/' + quizQuestions.length; document.getElementById('quiz-results').style.display = 'block'; document.getElementById('check-answers').style.display = 'none'; document.getElementById('reset-quiz').style.display = 'inline-block'; } function resetQuiz() { var radios = document.querySelectorAll('input[type="radio"]'); for (var i = 0; i < radios.length; i++) { radios[i].checked = false; } var feedbacks = document.querySelectorAll('.quiz-feedback'); for (var i = 0; i < feedbacks.length; i++) { feedbacks[i].className = 'quiz-feedback'; feedbacks[i].textContent = ''; } document.getElementById('quiz-results').style.display = 'none'; document.getElementById('check-answers').style.display = 'inline-block'; document.getElementById('reset-quiz').style.display = 'none'; } function exportReport() { var risks = calculateRisks(); var packsPerDay = cigarettesPerDay / 20; var yearlyCost = packsPerDay * pricePerPack * 365; var totalSpent = yearlyCost * yearsSmoking; var date = new Date().toLocaleDateString(); var reportLines = [ '', '', '', 'Personal Smoking Health Report', '', '', '', '

Personal Smoking Health Report

', '

Generated: ' + date + '

', '

Your Smoking Profile

', '', '', '', '', '', '', '', '

Metric	Value
Cigarettes per Day	' + cigarettesPerDay + '
Years Smoking	' + yearsSmoking + '
Age Started	' + ageStarted + '
Current Age	' + currentAge + '
Pack-Years	' + risks.packYears.toFixed(1) + '

', '

Health Risk Assessment

', '', '', '', '', '', '', '

Condition	Relative Risk
Lung Cancer	' + risks.lungCancerRR.toFixed(1) + 'x
Heart Disease	' + risks.heartDiseaseRR.toFixed(1) + 'x
COPD	' + risks.copdRR.toFixed(1) + 'x
Stroke	' + risks.strokeRR.toFixed(1) + 'x

', '

Life Expectancy Impact

', '

Estimated reduction: ' + risks.lifeYearsLost.toFixed(1) + ' years

', '

Financial Impact

', '

Total already spent on cigarettes: $' + Math.round(totalSpent).toLocaleString() + '

', '

Recovery Timeline (If You Quit Today)

', '

20 minutes: Heart rate drops to normal
12 hours: Carbon monoxide levels normalize
2-3 months: Circulation improves, lung function increases
1 year: Heart disease risk drops by 50%
5-15 years: Stroke risk equals non-smoker
10 years: Lung cancer risk drops by 50%
15 years: Heart disease risk equals non-smoker

', '

', 'Disclaimer: This report provides educational estimates based on population-level data. Individual outcomes vary. This is not medical advice. Consult healthcare professionals for personalized guidance.', '

', '

Generated by Simulations4All Smoking Health Effects Simulator
', 'Data sources: CDC, Health Canada, WHO, American Lung Association

', '', '' ]; var reportHtml = reportLines.join('\n'); var blob = new Blob([reportHtml], { type: 'text/html' }); var url = URL.createObjectURL(blob); var link = document.createElement('a'); link.href = url; link.download = 'Smoking-Health-Report-' + new Date().toISOString().split('T')[0] + '.html'; document.body.appendChild(link); link.click(); document.body.removeChild(link); URL.revokeObjectURL(url); } init();

Health

Smoking & Vaping Health Effects Simulator

Stay Updated