feat: Add Turkish/Swedish translations and 6 photography simulation tools
- Added Turkish (TR) and Swedish (SV) language support to i18n system - Added simulation tool i18n keys to all 8 languages - New simulation section with 6 interactive canvas-based tools: Bokeh, Long Exposure, White Balance, ISO Noise, Perspective, Histogram - Updated hero stats counter from 6 to 12 tools - Added simulation nav link and footer link https://claude.ai/code/session_016BnRMtz5yhf7n5ZPQCMfmN
This commit is contained in:
Claude
@@ -1607,6 +1607,138 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
/* ==================== SIMULATION TOOLS ==================== */
|
||||
.sim-tabs {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.5rem;
|
||||
justify-content: center;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.sim-tab {
|
||||
padding: 0.6rem 1.2rem;
|
||||
background: var(--bg-card);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 8px;
|
||||
color: var(--text-secondary);
|
||||
cursor: pointer;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 500;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.sim-tab:hover {
|
||||
border-color: var(--accent);
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.sim-tab.active {
|
||||
background: var(--accent);
|
||||
border-color: var(--accent);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.sim-panel {
|
||||
display: none;
|
||||
animation: fadeIn 0.3s ease;
|
||||
}
|
||||
|
||||
.sim-panel.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sim-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1.4fr;
|
||||
gap: 2rem;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.sim-controls {
|
||||
background: var(--bg-card);
|
||||
padding: 1.5rem;
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.sim-controls h3 {
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 0.5rem;
|
||||
color: var(--text-primary);
|
||||
}
|
||||
|
||||
.sim-info {
|
||||
color: var(--text-secondary);
|
||||
font-size: 0.9rem;
|
||||
margin-bottom: 1.5rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.sim-controls .input-group {
|
||||
margin-bottom: 1.2rem;
|
||||
}
|
||||
|
||||
.sim-controls .input-group label {
|
||||
display: block;
|
||||
font-size: 0.85rem;
|
||||
color: var(--text-secondary);
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
|
||||
.sim-controls .input-group input[type="range"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.sim-controls .range-value {
|
||||
display: inline-block;
|
||||
margin-top: 0.3rem;
|
||||
font-family: 'JetBrains Mono', monospace;
|
||||
font-size: 0.85rem;
|
||||
color: var(--accent);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.sim-controls .input-group select {
|
||||
width: 100%;
|
||||
padding: 0.5rem;
|
||||
background: var(--bg-input);
|
||||
border: 1px solid var(--border-color);
|
||||
border-radius: 6px;
|
||||
color: var(--text-primary);
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.sim-canvas-wrap {
|
||||
background: var(--bg-card);
|
||||
border-radius: 12px;
|
||||
border: 1px solid var(--border-color);
|
||||
overflow: hidden;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.sim-canvas-wrap canvas {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.sim-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
.sim-tabs {
|
||||
gap: 0.3rem;
|
||||
}
|
||||
.sim-tab {
|
||||
padding: 0.5rem 0.8rem;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 480px) {
|
||||
.calc-tabs {
|
||||
gap: 0.3rem;
|
||||
@@ -1618,4 +1750,8 @@ body {
|
||||
.param-scale {
|
||||
display: none;
|
||||
}
|
||||
.sim-tab {
|
||||
padding: 0.4rem 0.6rem;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -28,6 +28,8 @@
|
||||
<button class="lang-option" data-lang="it"><span class="lang-code">IT</span> Italiano</button>
|
||||
<button class="lang-option" data-lang="sr"><span class="lang-code">SR</span> Srpski</button>
|
||||
<button class="lang-option" data-lang="sq"><span class="lang-code">SQ</span> Shqip</button>
|
||||
<button class="lang-option" data-lang="tr"><span class="lang-code">TR</span> Türkçe</button>
|
||||
<button class="lang-option" data-lang="sv"><span class="lang-code">SV</span> Svenska</button>
|
||||
</div>
|
||||
</div>
|
||||
<button class="nav-toggle" id="navToggle" aria-label="Menu">
|
||||
@@ -39,6 +41,7 @@
|
||||
<li><a href="#motif" class="nav-link" data-i18n="nav.motif">Motiverkennung</a></li>
|
||||
<li><a href="#exposure" class="nav-link" data-i18n="nav.exposure">Belichtung</a></li>
|
||||
<li><a href="#quiz" class="nav-link" data-i18n="nav.quiz">Quiz</a></li>
|
||||
<li><a href="#simtools" class="nav-link" data-i18n="nav.simtools">Simulation</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -59,7 +62,7 @@
|
||||
</p>
|
||||
<div class="hero-stats">
|
||||
<div class="stat">
|
||||
<span class="stat-number" data-target="6">0</span>
|
||||
<span class="stat-number" data-target="12">0</span>
|
||||
<span class="stat-label" data-i18n="hero.calculators">Rechner</span>
|
||||
</div>
|
||||
<div class="stat">
|
||||
@@ -560,6 +563,177 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ==================== SIMULATION TOOLS ==================== -->
|
||||
<section class="section section-dark" id="simtools">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<span class="section-tag" data-i18n="sim.tag">Simulation</span>
|
||||
<h2 class="section-title" data-i18n="sim.title">Foto-Simulationen</h2>
|
||||
<p class="section-desc" data-i18n="sim.desc">Simuliere verschiedene Foto-Effekte in Echtzeit.</p>
|
||||
</div>
|
||||
|
||||
<div class="sim-tabs">
|
||||
<button class="sim-tab active" data-sim="bokeh" data-i18n="sim.bokeh">Bokeh</button>
|
||||
<button class="sim-tab" data-sim="longexp" data-i18n="sim.longexp">Langzeitbelichtung</button>
|
||||
<button class="sim-tab" data-sim="wb" data-i18n="sim.wb">Weißabgleich</button>
|
||||
<button class="sim-tab" data-sim="noise" data-i18n="sim.noise">ISO-Rauschen</button>
|
||||
<button class="sim-tab" data-sim="perspective" data-i18n="sim.perspective">Perspektive</button>
|
||||
<button class="sim-tab" data-sim="histogram" data-i18n="sim.histogram">Histogramm</button>
|
||||
</div>
|
||||
|
||||
<!-- Bokeh Simulator -->
|
||||
<div class="sim-panel active" id="sim-bokeh">
|
||||
<div class="sim-grid">
|
||||
<div class="sim-controls">
|
||||
<h3 data-i18n="sim.bokeh.title">Bokeh-Simulator</h3>
|
||||
<p class="sim-info" data-i18n="sim.bokeh.info">Sieh wie sich Bokeh mit verschiedenen Blenden und Brennweiten verändert.</p>
|
||||
<div class="input-group">
|
||||
<label data-i18n="calc.aperture">Blende (f/)</label>
|
||||
<input type="range" id="sim-bokeh-aperture" min="1.4" max="22" step="0.1" value="2.8">
|
||||
<span class="range-value" id="sim-bokeh-aperture-val">f/2.8</span>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label data-i18n="sim.bokeh.blades">Blendenlamellen</label>
|
||||
<input type="range" id="sim-bokeh-blades" min="5" max="11" step="1" value="7">
|
||||
<span class="range-value" id="sim-bokeh-blades-val">7</span>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label data-i18n="sim.bokeh.intensity">Bokeh-Intensität</label>
|
||||
<input type="range" id="sim-bokeh-intensity" min="0" max="100" step="1" value="70">
|
||||
<span class="range-value" id="sim-bokeh-intensity-val">70%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sim-canvas-wrap">
|
||||
<canvas id="sim-bokeh-canvas" width="500" height="400"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Long Exposure Simulator -->
|
||||
<div class="sim-panel" id="sim-longexp">
|
||||
<div class="sim-grid">
|
||||
<div class="sim-controls">
|
||||
<h3 data-i18n="sim.longexp.title">Langzeitbelichtungs-Simulator</h3>
|
||||
<p class="sim-info" data-i18n="sim.longexp.info">Sieh den Effekt verschiedener Belichtungszeiten auf Bewegung.</p>
|
||||
<div class="input-group">
|
||||
<label data-i18n="sim.longexp.time">Belichtungszeit (s)</label>
|
||||
<input type="range" id="sim-longexp-time" min="0" max="8" step="1" value="3">
|
||||
<span class="range-value" id="sim-longexp-time-val">1/4s</span>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label data-i18n="sim.longexp.speed">Bewegungsgeschwindigkeit</label>
|
||||
<input type="range" id="sim-longexp-speed" min="1" max="10" step="1" value="5">
|
||||
<span class="range-value" id="sim-longexp-speed-val">5</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sim-canvas-wrap">
|
||||
<canvas id="sim-longexp-canvas" width="500" height="400"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- White Balance Simulator -->
|
||||
<div class="sim-panel" id="sim-wb">
|
||||
<div class="sim-grid">
|
||||
<div class="sim-controls">
|
||||
<h3 data-i18n="sim.wb.title">Weißabgleich-Simulator</h3>
|
||||
<p class="sim-info" data-i18n="sim.wb.info">Sieh wie die Farbtemperatur dein Bild beeinflusst.</p>
|
||||
<div class="input-group">
|
||||
<label data-i18n="sim.wb.kelvin">Temperatur (K)</label>
|
||||
<input type="range" id="sim-wb-kelvin" min="2000" max="12000" step="100" value="5500">
|
||||
<span class="range-value" id="sim-wb-kelvin-val">5500K</span>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label data-i18n="sim.wb.tint">Tönung</label>
|
||||
<input type="range" id="sim-wb-tint" min="-50" max="50" step="1" value="0">
|
||||
<span class="range-value" id="sim-wb-tint-val">0</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sim-canvas-wrap">
|
||||
<canvas id="sim-wb-canvas" width="500" height="400"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ISO Noise Simulator -->
|
||||
<div class="sim-panel" id="sim-noise">
|
||||
<div class="sim-grid">
|
||||
<div class="sim-controls">
|
||||
<h3 data-i18n="sim.noise.title">ISO-Rausch-Simulator</h3>
|
||||
<p class="sim-info" data-i18n="sim.noise.info">Sieh wie digitales Rauschen mit höheren ISO-Werten zunimmt.</p>
|
||||
<div class="input-group">
|
||||
<label>ISO</label>
|
||||
<input type="range" id="sim-noise-iso" min="0" max="8" step="1" value="2">
|
||||
<span class="range-value" id="sim-noise-iso-val">ISO 400</span>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label data-i18n="sim.noise.level">Rausch-Level</label>
|
||||
<input type="range" id="sim-noise-level" min="0" max="100" step="1" value="50">
|
||||
<span class="range-value" id="sim-noise-level-val">50%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sim-canvas-wrap">
|
||||
<canvas id="sim-noise-canvas" width="500" height="400"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Perspective Simulator -->
|
||||
<div class="sim-panel" id="sim-perspective">
|
||||
<div class="sim-grid">
|
||||
<div class="sim-controls">
|
||||
<h3 data-i18n="sim.perspective.title">Perspektiv-Simulator</h3>
|
||||
<p class="sim-info" data-i18n="sim.perspective.info">Sieh wie die Brennweite die Perspektive beeinflusst.</p>
|
||||
<div class="input-group">
|
||||
<label data-i18n="calc.focal">Brennweite (mm)</label>
|
||||
<input type="range" id="sim-perspective-focal" min="14" max="200" step="1" value="50">
|
||||
<span class="range-value" id="sim-perspective-focal-val">50mm</span>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label data-i18n="sim.perspective.type">Verzerrungstyp</label>
|
||||
<select id="sim-perspective-type">
|
||||
<option value="barrel">Barrel</option>
|
||||
<option value="pincushion">Pincushion</option>
|
||||
<option value="none" selected>None</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sim-canvas-wrap">
|
||||
<canvas id="sim-perspective-canvas" width="500" height="400"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Histogram Simulator -->
|
||||
<div class="sim-panel" id="sim-histogram">
|
||||
<div class="sim-grid">
|
||||
<div class="sim-controls">
|
||||
<h3 data-i18n="sim.histogram.title">Histogramm-Simulator</h3>
|
||||
<p class="sim-info" data-i18n="sim.histogram.info">Sieh das Histogramm basierend auf Belichtungseinstellungen.</p>
|
||||
<div class="input-group">
|
||||
<label data-i18n="exp.aperture">Blende</label>
|
||||
<input type="range" id="sim-hist-aperture" min="0" max="9" step="1" value="4">
|
||||
<span class="range-value" id="sim-hist-aperture-val">f/5.6</span>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label data-i18n="exp.shutter">Verschlusszeit</label>
|
||||
<input type="range" id="sim-hist-shutter" min="0" max="11" step="1" value="5">
|
||||
<span class="range-value" id="sim-hist-shutter-val">1/125s</span>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<label>ISO</label>
|
||||
<input type="range" id="sim-hist-iso" min="0" max="8" step="1" value="2">
|
||||
<span class="range-value" id="sim-hist-iso-val">ISO 400</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sim-canvas-wrap">
|
||||
<canvas id="sim-histogram-canvas" width="500" height="400"></canvas>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
@@ -575,6 +749,7 @@
|
||||
<a href="#motif" data-i18n="nav.motif">Motiverkennung</a>
|
||||
<a href="#exposure" data-i18n="footer.exptriangle">Belichtungsdreieck</a>
|
||||
<a href="#quiz">Quiz</a>
|
||||
<a href="#simtools" data-i18n="nav.simtools">Simulation</a>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<h4 data-i18n="footer.calcs">Rechner</h4>
|
||||
|
||||
@@ -763,4 +763,673 @@ window.reviewAnswers = function() {
|
||||
});
|
||||
};
|
||||
|
||||
/* ==================== SIMULATION TOOLS ==================== */
|
||||
|
||||
// Sim tab switching
|
||||
document.querySelectorAll('.sim-tab').forEach(function(tab) {
|
||||
tab.addEventListener('click', function() {
|
||||
document.querySelectorAll('.sim-tab').forEach(function(t) { t.classList.remove('active'); });
|
||||
document.querySelectorAll('.sim-panel').forEach(function(p) { p.classList.remove('active'); });
|
||||
tab.classList.add('active');
|
||||
var panel = document.getElementById('sim-' + tab.getAttribute('data-sim'));
|
||||
if (panel) panel.classList.add('active');
|
||||
// Trigger redraw for active sim
|
||||
var simId = tab.getAttribute('data-sim');
|
||||
if (simDrawFns[simId]) simDrawFns[simId]();
|
||||
});
|
||||
});
|
||||
|
||||
var simDrawFns = {};
|
||||
|
||||
/* ----- Bokeh Simulator ----- */
|
||||
(function() {
|
||||
var canvas = document.getElementById('sim-bokeh-canvas');
|
||||
if (!canvas) return;
|
||||
var ctx = canvas.getContext('2d');
|
||||
var apSlider = document.getElementById('sim-bokeh-aperture');
|
||||
var blSlider = document.getElementById('sim-bokeh-blades');
|
||||
var intSlider = document.getElementById('sim-bokeh-intensity');
|
||||
|
||||
function drawBokeh() {
|
||||
var ap = parseFloat(apSlider.value);
|
||||
var blades = parseInt(blSlider.value);
|
||||
var intensity = parseInt(intSlider.value);
|
||||
document.getElementById('sim-bokeh-aperture-val').textContent = 'f/' + ap.toFixed(1);
|
||||
document.getElementById('sim-bokeh-blades-val').textContent = blades;
|
||||
document.getElementById('sim-bokeh-intensity-val').textContent = intensity + '%';
|
||||
|
||||
var w = canvas.width, h = canvas.height;
|
||||
ctx.clearRect(0, 0, w, h);
|
||||
// Dark scene background
|
||||
var bg = ctx.createRadialGradient(w/2, h/2, 50, w/2, h/2, w*0.7);
|
||||
bg.addColorStop(0, '#1a1a2e');
|
||||
bg.addColorStop(1, '#0d0d1a');
|
||||
ctx.fillStyle = bg;
|
||||
ctx.fillRect(0, 0, w, h);
|
||||
|
||||
// Bokeh size inversely related to aperture
|
||||
var maxRadius = Math.max(8, 45 - ap * 1.5);
|
||||
var bokehCount = Math.floor(20 + (22 - ap) * 3);
|
||||
var alpha = (intensity / 100) * 0.7;
|
||||
|
||||
// Seed random positions (fixed for consistency)
|
||||
var rng = 42;
|
||||
function seededRand() { rng = (rng * 16807 + 0) % 2147483647; return (rng - 1) / 2147483646; }
|
||||
|
||||
for (var i = 0; i < bokehCount; i++) {
|
||||
var x = seededRand() * w;
|
||||
var y = seededRand() * h;
|
||||
var r = maxRadius * (0.4 + seededRand() * 0.6);
|
||||
var hue = (seededRand() * 60 + 30) % 360; // warm tones
|
||||
if (seededRand() > 0.5) hue = (seededRand() * 40 + 180) % 360; // or cool
|
||||
|
||||
ctx.save();
|
||||
ctx.translate(x, y);
|
||||
ctx.globalAlpha = alpha * (0.3 + seededRand() * 0.7);
|
||||
|
||||
if (blades >= 9) {
|
||||
// Circle bokeh
|
||||
var grad = ctx.createRadialGradient(0, 0, 0, 0, 0, r);
|
||||
grad.addColorStop(0, 'hsla(' + hue + ',70%,70%,0.1)');
|
||||
grad.addColorStop(0.6, 'hsla(' + hue + ',70%,65%,0.4)');
|
||||
grad.addColorStop(0.85, 'hsla(' + hue + ',60%,60%,0.6)');
|
||||
grad.addColorStop(1, 'hsla(' + hue + ',50%,50%,0)');
|
||||
ctx.fillStyle = grad;
|
||||
ctx.beginPath();
|
||||
ctx.arc(0, 0, r, 0, Math.PI * 2);
|
||||
ctx.fill();
|
||||
} else {
|
||||
// Polygon bokeh
|
||||
ctx.fillStyle = 'hsla(' + hue + ',65%,65%,0.5)';
|
||||
ctx.strokeStyle = 'hsla(' + hue + ',70%,75%,0.7)';
|
||||
ctx.lineWidth = 1.5;
|
||||
ctx.beginPath();
|
||||
for (var j = 0; j < blades; j++) {
|
||||
var angle = (Math.PI * 2 / blades) * j - Math.PI / 2;
|
||||
var px = Math.cos(angle) * r;
|
||||
var py = Math.sin(angle) * r;
|
||||
if (j === 0) ctx.moveTo(px, py); else ctx.lineTo(px, py);
|
||||
}
|
||||
ctx.closePath();
|
||||
ctx.fill();
|
||||
ctx.stroke();
|
||||
}
|
||||
ctx.restore();
|
||||
}
|
||||
}
|
||||
|
||||
apSlider.addEventListener('input', drawBokeh);
|
||||
blSlider.addEventListener('input', drawBokeh);
|
||||
intSlider.addEventListener('input', drawBokeh);
|
||||
simDrawFns.bokeh = drawBokeh;
|
||||
drawBokeh();
|
||||
})();
|
||||
|
||||
/* ----- Long Exposure Simulator ----- */
|
||||
(function() {
|
||||
var canvas = document.getElementById('sim-longexp-canvas');
|
||||
if (!canvas) return;
|
||||
var ctx = canvas.getContext('2d');
|
||||
var timeSlider = document.getElementById('sim-longexp-time');
|
||||
var speedSlider = document.getElementById('sim-longexp-speed');
|
||||
var times = ['1/1000s','1/500s','1/250s','1/30s','1/4s','1s','4s','15s','30s'];
|
||||
|
||||
function drawLongExp() {
|
||||
var ti = parseInt(timeSlider.value);
|
||||
var sp = parseInt(speedSlider.value);
|
||||
document.getElementById('sim-longexp-time-val').textContent = times[ti] || '1s';
|
||||
document.getElementById('sim-longexp-speed-val').textContent = sp;
|
||||
|
||||
var w = canvas.width, h = canvas.height;
|
||||
ctx.clearRect(0, 0, w, h);
|
||||
|
||||
// Sky gradient
|
||||
var sky = ctx.createLinearGradient(0, 0, 0, h * 0.6);
|
||||
sky.addColorStop(0, '#0f0c29');
|
||||
sky.addColorStop(0.5, '#302b63');
|
||||
sky.addColorStop(1, '#24243e');
|
||||
ctx.fillStyle = sky;
|
||||
ctx.fillRect(0, 0, w, h * 0.6);
|
||||
|
||||
// Water
|
||||
var water = ctx.createLinearGradient(0, h * 0.6, 0, h);
|
||||
water.addColorStop(0, '#1a1a3e');
|
||||
water.addColorStop(1, '#0d0d2b');
|
||||
ctx.fillStyle = water;
|
||||
ctx.fillRect(0, h * 0.6, w, h * 0.4);
|
||||
|
||||
// Blur amount based on time
|
||||
var blur = ti * sp * 0.4;
|
||||
|
||||
// Stars / lights (become streaks with long exposure)
|
||||
var rng = 77;
|
||||
function sRand() { rng = (rng * 16807) % 2147483647; return (rng - 1) / 2147483646; }
|
||||
|
||||
// Draw light streaks/points
|
||||
for (var i = 0; i < 30; i++) {
|
||||
var sx = sRand() * w;
|
||||
var sy = sRand() * h * 0.55;
|
||||
var bright = 0.4 + sRand() * 0.6;
|
||||
var hue = sRand() * 60 + 200;
|
||||
|
||||
ctx.save();
|
||||
ctx.globalAlpha = bright;
|
||||
ctx.strokeStyle = 'hsla(' + hue + ',60%,80%,' + bright + ')';
|
||||
ctx.fillStyle = 'hsla(' + hue + ',60%,85%,' + bright + ')';
|
||||
ctx.lineWidth = 1 + sRand() * 2;
|
||||
|
||||
if (blur < 3) {
|
||||
// Sharp dots
|
||||
ctx.beginPath();
|
||||
ctx.arc(sx, sy, 1.5 + sRand() * 2, 0, Math.PI * 2);
|
||||
ctx.fill();
|
||||
} else {
|
||||
// Streaks
|
||||
var streakLen = blur * (2 + sRand() * 3);
|
||||
var angle = -0.1 + sRand() * 0.2;
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(sx - streakLen * 0.5 * Math.cos(angle), sy - streakLen * 0.5 * Math.sin(angle));
|
||||
ctx.lineTo(sx + streakLen * 0.5 * Math.cos(angle), sy + streakLen * 0.5 * Math.sin(angle));
|
||||
ctx.stroke();
|
||||
}
|
||||
ctx.restore();
|
||||
}
|
||||
|
||||
// Draw water reflection streaks
|
||||
for (var j = 0; j < 15; j++) {
|
||||
var rx = sRand() * w;
|
||||
var ry = h * 0.62 + sRand() * h * 0.35;
|
||||
var rBright = 0.2 + sRand() * 0.3;
|
||||
var rHue = sRand() * 60 + 200;
|
||||
|
||||
ctx.save();
|
||||
ctx.globalAlpha = rBright;
|
||||
ctx.fillStyle = 'hsla(' + rHue + ',50%,70%,' + rBright + ')';
|
||||
|
||||
if (blur < 3) {
|
||||
ctx.beginPath();
|
||||
ctx.arc(rx, ry, 1 + sRand(), 0, Math.PI * 2);
|
||||
ctx.fill();
|
||||
} else {
|
||||
// Smooth water effect
|
||||
var sLen = blur * (3 + sRand() * 4);
|
||||
ctx.fillRect(rx - sLen / 2, ry - 0.5, sLen, 1 + blur * 0.1);
|
||||
}
|
||||
ctx.restore();
|
||||
}
|
||||
|
||||
// Horizon line glow
|
||||
ctx.save();
|
||||
ctx.globalAlpha = 0.3;
|
||||
var hGrad = ctx.createLinearGradient(0, h * 0.58, 0, h * 0.62);
|
||||
hGrad.addColorStop(0, 'transparent');
|
||||
hGrad.addColorStop(0.5, 'rgba(100,100,200,0.3)');
|
||||
hGrad.addColorStop(1, 'transparent');
|
||||
ctx.fillStyle = hGrad;
|
||||
ctx.fillRect(0, h * 0.58, w, h * 0.04);
|
||||
ctx.restore();
|
||||
|
||||
// Label
|
||||
ctx.fillStyle = 'rgba(255,255,255,0.6)';
|
||||
ctx.font = '13px Inter, sans-serif';
|
||||
ctx.fillText(times[ti] || '1s', 15, h - 15);
|
||||
}
|
||||
|
||||
timeSlider.addEventListener('input', drawLongExp);
|
||||
speedSlider.addEventListener('input', drawLongExp);
|
||||
simDrawFns.longexp = drawLongExp;
|
||||
drawLongExp();
|
||||
})();
|
||||
|
||||
/* ----- White Balance Simulator ----- */
|
||||
(function() {
|
||||
var canvas = document.getElementById('sim-wb-canvas');
|
||||
if (!canvas) return;
|
||||
var ctx = canvas.getContext('2d');
|
||||
var kelvinSlider = document.getElementById('sim-wb-kelvin');
|
||||
var tintSlider = document.getElementById('sim-wb-tint');
|
||||
|
||||
function kelvinToRGB(k) {
|
||||
k = k / 100;
|
||||
var r, g, b;
|
||||
if (k <= 66) {
|
||||
r = 255;
|
||||
g = 99.4708025861 * Math.log(k) - 161.1195681661;
|
||||
b = k <= 19 ? 0 : 138.5177312231 * Math.log(k - 10) - 305.0447927307;
|
||||
} else {
|
||||
r = 329.698727446 * Math.pow(k - 60, -0.1332047592);
|
||||
g = 288.1221695283 * Math.pow(k - 60, -0.0755148492);
|
||||
b = 255;
|
||||
}
|
||||
return [Math.max(0, Math.min(255, r)), Math.max(0, Math.min(255, g)), Math.max(0, Math.min(255, b))];
|
||||
}
|
||||
|
||||
function drawWB() {
|
||||
var kelvin = parseInt(kelvinSlider.value);
|
||||
var tint = parseInt(tintSlider.value);
|
||||
document.getElementById('sim-wb-kelvin-val').textContent = kelvin + 'K';
|
||||
document.getElementById('sim-wb-tint-val').textContent = tint;
|
||||
|
||||
var w = canvas.width, h = canvas.height;
|
||||
ctx.clearRect(0, 0, w, h);
|
||||
|
||||
var rgb = kelvinToRGB(kelvin);
|
||||
// Apply tint (green-magenta)
|
||||
rgb[1] = Math.max(0, Math.min(255, rgb[1] + tint * 1.5));
|
||||
rgb[0] = Math.max(0, Math.min(255, rgb[0] - tint * 0.5));
|
||||
|
||||
// Draw a sample scene with WB overlay
|
||||
// Sky
|
||||
var skyR = Math.min(255, 100 + rgb[0] * 0.3);
|
||||
var skyG = Math.min(255, 140 + rgb[1] * 0.2);
|
||||
var skyB = Math.min(255, 200 + rgb[2] * 0.15);
|
||||
var skyGrad = ctx.createLinearGradient(0, 0, 0, h * 0.55);
|
||||
skyGrad.addColorStop(0, 'rgb(' + Math.round(skyR*0.5) + ',' + Math.round(skyG*0.5) + ',' + Math.round(skyB) + ')');
|
||||
skyGrad.addColorStop(1, 'rgb(' + Math.round(skyR*0.8) + ',' + Math.round(skyG*0.7) + ',' + Math.round(skyB*0.6) + ')');
|
||||
ctx.fillStyle = skyGrad;
|
||||
ctx.fillRect(0, 0, w, h * 0.55);
|
||||
|
||||
// Mountains
|
||||
ctx.fillStyle = 'rgb(' + Math.round(rgb[0]*0.25) + ',' + Math.round(rgb[1]*0.3) + ',' + Math.round(rgb[2]*0.25) + ')';
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(0, h * 0.5);
|
||||
ctx.lineTo(w * 0.15, h * 0.3);
|
||||
ctx.lineTo(w * 0.3, h * 0.45);
|
||||
ctx.lineTo(w * 0.5, h * 0.25);
|
||||
ctx.lineTo(w * 0.7, h * 0.4);
|
||||
ctx.lineTo(w * 0.85, h * 0.2);
|
||||
ctx.lineTo(w, h * 0.45);
|
||||
ctx.lineTo(w, h * 0.55);
|
||||
ctx.lineTo(0, h * 0.55);
|
||||
ctx.fill();
|
||||
|
||||
// Ground
|
||||
var gndR = Math.min(255, 80 + rgb[0] * 0.2);
|
||||
var gndG = Math.min(255, 120 + rgb[1] * 0.25);
|
||||
var gndB = Math.min(255, 40 + rgb[2] * 0.1);
|
||||
ctx.fillStyle = 'rgb(' + Math.round(gndR) + ',' + Math.round(gndG) + ',' + Math.round(gndB) + ')';
|
||||
ctx.fillRect(0, h * 0.55, w, h * 0.45);
|
||||
|
||||
// Color temperature overlay
|
||||
ctx.save();
|
||||
ctx.globalAlpha = 0.15;
|
||||
ctx.fillStyle = 'rgb(' + Math.round(rgb[0]) + ',' + Math.round(rgb[1]) + ',' + Math.round(rgb[2]) + ')';
|
||||
ctx.fillRect(0, 0, w, h);
|
||||
ctx.restore();
|
||||
|
||||
// Temperature label with warm/cool indicator
|
||||
var tempLabel = kelvin < 4000 ? 'Warm' : kelvin > 7000 ? 'Cool' : 'Neutral';
|
||||
ctx.fillStyle = 'rgba(255,255,255,0.7)';
|
||||
ctx.font = '13px Inter, sans-serif';
|
||||
ctx.fillText(kelvin + 'K - ' + tempLabel, 15, h - 15);
|
||||
|
||||
// Color swatch
|
||||
ctx.fillStyle = 'rgb(' + Math.round(rgb[0]) + ',' + Math.round(rgb[1]) + ',' + Math.round(rgb[2]) + ')';
|
||||
ctx.fillRect(w - 50, h - 30, 35, 15);
|
||||
ctx.strokeStyle = 'rgba(255,255,255,0.5)';
|
||||
ctx.strokeRect(w - 50, h - 30, 35, 15);
|
||||
}
|
||||
|
||||
kelvinSlider.addEventListener('input', drawWB);
|
||||
tintSlider.addEventListener('input', drawWB);
|
||||
simDrawFns.wb = drawWB;
|
||||
drawWB();
|
||||
})();
|
||||
|
||||
/* ----- ISO Noise Simulator ----- */
|
||||
(function() {
|
||||
var canvas = document.getElementById('sim-noise-canvas');
|
||||
if (!canvas) return;
|
||||
var ctx = canvas.getContext('2d');
|
||||
var isoSlider = document.getElementById('sim-noise-iso');
|
||||
var levelSlider = document.getElementById('sim-noise-level');
|
||||
var isoValues = [100, 200, 400, 800, 1600, 3200, 6400, 12800, 25600];
|
||||
|
||||
function drawNoise() {
|
||||
var isoIdx = parseInt(isoSlider.value);
|
||||
var level = parseInt(levelSlider.value);
|
||||
var iso = isoValues[isoIdx] || 400;
|
||||
document.getElementById('sim-noise-iso-val').textContent = 'ISO ' + iso;
|
||||
document.getElementById('sim-noise-level-val').textContent = level + '%';
|
||||
|
||||
var w = canvas.width, h = canvas.height;
|
||||
|
||||
// Draw base scene (gradient photo)
|
||||
var base = ctx.createLinearGradient(0, 0, w, h);
|
||||
base.addColorStop(0, '#2d3436');
|
||||
base.addColorStop(0.3, '#636e72');
|
||||
base.addColorStop(0.6, '#b2bec3');
|
||||
base.addColorStop(1, '#dfe6e9');
|
||||
ctx.fillStyle = base;
|
||||
ctx.fillRect(0, 0, w, h);
|
||||
|
||||
// Circle subject
|
||||
var cGrad = ctx.createRadialGradient(w * 0.4, h * 0.45, 20, w * 0.4, h * 0.45, 120);
|
||||
cGrad.addColorStop(0, '#6c5ce7');
|
||||
cGrad.addColorStop(0.5, '#a29bfe');
|
||||
cGrad.addColorStop(1, 'transparent');
|
||||
ctx.fillStyle = cGrad;
|
||||
ctx.fillRect(0, 0, w, h);
|
||||
|
||||
// Noise overlay
|
||||
var noiseIntensity = (isoIdx / 8) * (level / 100);
|
||||
if (noiseIntensity > 0.02) {
|
||||
var imageData = ctx.getImageData(0, 0, w, h);
|
||||
var data = imageData.data;
|
||||
var strength = noiseIntensity * 120;
|
||||
for (var i = 0; i < data.length; i += 4) {
|
||||
var noise = (Math.random() - 0.5) * strength;
|
||||
data[i] = Math.max(0, Math.min(255, data[i] + noise));
|
||||
data[i + 1] = Math.max(0, Math.min(255, data[i + 1] + noise * 0.9));
|
||||
data[i + 2] = Math.max(0, Math.min(255, data[i + 2] + noise * 1.1));
|
||||
}
|
||||
ctx.putImageData(imageData, 0, 0);
|
||||
}
|
||||
|
||||
// Color noise at high ISO
|
||||
if (isoIdx >= 5 && level > 20) {
|
||||
ctx.save();
|
||||
ctx.globalAlpha = noiseIntensity * 0.3;
|
||||
for (var j = 0; j < 200; j++) {
|
||||
var nx = Math.random() * w;
|
||||
var ny = Math.random() * h;
|
||||
var nh = Math.random() * 360;
|
||||
ctx.fillStyle = 'hsl(' + nh + ',80%,50%)';
|
||||
ctx.fillRect(nx, ny, 2, 2);
|
||||
}
|
||||
ctx.restore();
|
||||
}
|
||||
|
||||
// Label
|
||||
ctx.fillStyle = 'rgba(255,255,255,0.7)';
|
||||
ctx.font = '13px Inter, sans-serif';
|
||||
ctx.fillText('ISO ' + iso, 15, h - 15);
|
||||
}
|
||||
|
||||
isoSlider.addEventListener('input', drawNoise);
|
||||
levelSlider.addEventListener('input', drawNoise);
|
||||
simDrawFns.noise = drawNoise;
|
||||
drawNoise();
|
||||
})();
|
||||
|
||||
/* ----- Perspective Simulator ----- */
|
||||
(function() {
|
||||
var canvas = document.getElementById('sim-perspective-canvas');
|
||||
if (!canvas) return;
|
||||
var ctx = canvas.getContext('2d');
|
||||
var focalSlider = document.getElementById('sim-perspective-focal');
|
||||
var typeSelect = document.getElementById('sim-perspective-type');
|
||||
|
||||
function drawPerspective() {
|
||||
var focal = parseInt(focalSlider.value);
|
||||
var distType = typeSelect.value;
|
||||
document.getElementById('sim-perspective-focal-val').textContent = focal + 'mm';
|
||||
|
||||
var w = canvas.width, h = canvas.height;
|
||||
ctx.clearRect(0, 0, w, h);
|
||||
|
||||
// Background
|
||||
ctx.fillStyle = '#1a1a2e';
|
||||
ctx.fillRect(0, 0, w, h);
|
||||
|
||||
// Perspective grid
|
||||
var fov = Math.atan(18 / focal) * 2 * 180 / Math.PI;
|
||||
var compression = 1 - (focal - 14) / 186 * 0.7;
|
||||
var vanishY = h * (0.35 + (1 - compression) * 0.15);
|
||||
|
||||
// Floor grid
|
||||
ctx.strokeStyle = 'rgba(108, 92, 231, 0.4)';
|
||||
ctx.lineWidth = 1;
|
||||
var gridLines = 12;
|
||||
for (var i = 0; i <= gridLines; i++) {
|
||||
var t = i / gridLines;
|
||||
var y = vanishY + (h - vanishY) * t;
|
||||
var spread = (t * t) * (w * compression);
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(w / 2 - spread, y);
|
||||
ctx.lineTo(w / 2 + spread, y);
|
||||
ctx.stroke();
|
||||
}
|
||||
|
||||
// Vertical converging lines
|
||||
for (var j = -6; j <= 6; j++) {
|
||||
var xBottom = w / 2 + j * (w / 14) * compression;
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(w / 2, vanishY);
|
||||
ctx.lineTo(xBottom, h);
|
||||
ctx.stroke();
|
||||
}
|
||||
|
||||
// Buildings (affected by perspective compression)
|
||||
var buildingCount = 5;
|
||||
var bWidth = (w * compression) / (buildingCount + 2);
|
||||
for (var b = 0; b < buildingCount; b++) {
|
||||
var bx = w / 2 - (buildingCount * bWidth) / 2 + b * bWidth + bWidth * 0.1;
|
||||
var bh = (80 + Math.sin(b * 1.5) * 50) * (1 + (1 - compression) * 0.5);
|
||||
var by = h - bh;
|
||||
|
||||
ctx.fillStyle = 'rgba(108, 92, 231, ' + (0.2 + b * 0.08) + ')';
|
||||
ctx.fillRect(bx, by, bWidth * 0.8, bh);
|
||||
ctx.strokeStyle = 'rgba(108, 92, 231, 0.6)';
|
||||
ctx.strokeRect(bx, by, bWidth * 0.8, bh);
|
||||
|
||||
// Windows
|
||||
ctx.fillStyle = 'rgba(255, 214, 100, 0.3)';
|
||||
var winRows = Math.floor(bh / 20);
|
||||
for (var wr = 0; wr < winRows; wr++) {
|
||||
for (var wc = 0; wc < 2; wc++) {
|
||||
ctx.fillRect(bx + 5 + wc * (bWidth * 0.4 - 5), by + 8 + wr * 20, bWidth * 0.25, 10);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Barrel/Pincushion distortion overlay
|
||||
if (distType !== 'none') {
|
||||
ctx.save();
|
||||
ctx.strokeStyle = 'rgba(255, 107, 107, 0.5)';
|
||||
ctx.lineWidth = 1.5;
|
||||
var cx = w / 2, cy = h / 2;
|
||||
var gridSize = 8;
|
||||
for (var gx = 0; gx <= gridSize; gx++) {
|
||||
ctx.beginPath();
|
||||
for (var gy = 0; gy <= gridSize * 4; gy++) {
|
||||
var nx2 = (gx / gridSize) * 2 - 1;
|
||||
var ny2 = (gy / (gridSize * 4)) * 2 - 1;
|
||||
var r2 = nx2 * nx2 + ny2 * ny2;
|
||||
var factor = distType === 'barrel' ? 1 + 0.3 * r2 : 1 - 0.2 * r2;
|
||||
var dx = cx + nx2 * factor * w * 0.45;
|
||||
var dy = cy + ny2 * factor * h * 0.45;
|
||||
if (gy === 0) ctx.moveTo(dx, dy); else ctx.lineTo(dx, dy);
|
||||
}
|
||||
ctx.stroke();
|
||||
}
|
||||
for (var gy2 = 0; gy2 <= gridSize; gy2++) {
|
||||
ctx.beginPath();
|
||||
for (var gx2 = 0; gx2 <= gridSize * 4; gx2++) {
|
||||
var nx3 = (gx2 / (gridSize * 4)) * 2 - 1;
|
||||
var ny3 = (gy2 / gridSize) * 2 - 1;
|
||||
var r3 = nx3 * nx3 + ny3 * ny3;
|
||||
var factor2 = distType === 'barrel' ? 1 + 0.3 * r3 : 1 - 0.2 * r3;
|
||||
var dx2 = cx + nx3 * factor2 * w * 0.45;
|
||||
var dy2 = cy + ny3 * factor2 * h * 0.45;
|
||||
if (gx2 === 0) ctx.moveTo(dx2, dy2); else ctx.lineTo(dx2, dy2);
|
||||
}
|
||||
ctx.stroke();
|
||||
}
|
||||
ctx.restore();
|
||||
}
|
||||
|
||||
// FOV arc
|
||||
ctx.save();
|
||||
ctx.strokeStyle = 'rgba(0, 206, 201, 0.6)';
|
||||
ctx.lineWidth = 2;
|
||||
var fovRad = fov * Math.PI / 180;
|
||||
ctx.beginPath();
|
||||
ctx.arc(w / 2, h + 80, h * 0.5, -Math.PI / 2 - fovRad / 2, -Math.PI / 2 + fovRad / 2);
|
||||
ctx.stroke();
|
||||
ctx.restore();
|
||||
|
||||
// Label
|
||||
ctx.fillStyle = 'rgba(255,255,255,0.7)';
|
||||
ctx.font = '13px Inter, sans-serif';
|
||||
ctx.fillText(focal + 'mm — FOV: ' + fov.toFixed(1) + '°', 15, h - 15);
|
||||
}
|
||||
|
||||
focalSlider.addEventListener('input', drawPerspective);
|
||||
typeSelect.addEventListener('change', drawPerspective);
|
||||
simDrawFns.perspective = drawPerspective;
|
||||
drawPerspective();
|
||||
})();
|
||||
|
||||
/* ----- Histogram Simulator ----- */
|
||||
(function() {
|
||||
var canvas = document.getElementById('sim-histogram-canvas');
|
||||
if (!canvas) return;
|
||||
var ctx = canvas.getContext('2d');
|
||||
var apSlider = document.getElementById('sim-hist-aperture');
|
||||
var shSlider = document.getElementById('sim-hist-shutter');
|
||||
var isoSlider2 = document.getElementById('sim-hist-iso');
|
||||
var apertureStops = [1.4, 2, 2.8, 4, 5.6, 8, 11, 16, 22, 32];
|
||||
var shutterStops = ['30s','15s','1s','1/4','1/30','1/125','1/250','1/500','1/1000','1/2000','1/4000','1/8000'];
|
||||
var isoStops = [100, 200, 400, 800, 1600, 3200, 6400, 12800, 25600];
|
||||
|
||||
function drawHistogram() {
|
||||
var apIdx = parseInt(apSlider.value);
|
||||
var shIdx = parseInt(shSlider.value);
|
||||
var isoIdx = parseInt(isoSlider2.value);
|
||||
document.getElementById('sim-hist-aperture-val').textContent = 'f/' + apertureStops[apIdx];
|
||||
document.getElementById('sim-hist-shutter-val').textContent = shutterStops[shIdx];
|
||||
document.getElementById('sim-hist-iso-val').textContent = 'ISO ' + isoStops[isoIdx];
|
||||
|
||||
// Calculate EV (higher = more light)
|
||||
var ev = (9 - apIdx) + (11 - shIdx) + isoIdx;
|
||||
var brightness = ev / 28; // 0 to ~1
|
||||
brightness = Math.max(0, Math.min(1, brightness));
|
||||
|
||||
var w = canvas.width, h = canvas.height;
|
||||
ctx.clearRect(0, 0, w, h);
|
||||
|
||||
// Background
|
||||
ctx.fillStyle = '#0d0d1a';
|
||||
ctx.fillRect(0, 0, w, h);
|
||||
|
||||
// Generate histogram data
|
||||
var bins = 64;
|
||||
var histR = new Array(bins).fill(0);
|
||||
var histG = new Array(bins).fill(0);
|
||||
var histB = new Array(bins).fill(0);
|
||||
|
||||
// Generate mock distribution based on brightness
|
||||
var mean = brightness * (bins - 1);
|
||||
var stddev = bins * 0.15;
|
||||
for (var i = 0; i < bins; i++) {
|
||||
var v = Math.exp(-Math.pow(i - mean, 2) / (2 * stddev * stddev));
|
||||
histR[i] = v * (0.8 + Math.sin(i * 0.2) * 0.2);
|
||||
histG[i] = v * (0.9 + Math.cos(i * 0.15) * 0.1);
|
||||
histB[i] = v * (0.85 + Math.sin(i * 0.3) * 0.15);
|
||||
}
|
||||
|
||||
// Add secondary peak
|
||||
var mean2 = mean + (bins * 0.2 * (Math.random() > 0.5 ? 1 : -1));
|
||||
mean2 = Math.max(0, Math.min(bins - 1, mean2));
|
||||
for (var i2 = 0; i2 < bins; i2++) {
|
||||
var v2 = Math.exp(-Math.pow(i2 - mean2, 2) / (2 * (stddev * 0.6) * (stddev * 0.6))) * 0.5;
|
||||
histR[i2] += v2;
|
||||
histG[i2] += v2 * 0.8;
|
||||
histB[i2] += v2 * 0.6;
|
||||
}
|
||||
|
||||
// Normalize
|
||||
var maxVal = 0;
|
||||
for (var n = 0; n < bins; n++) {
|
||||
maxVal = Math.max(maxVal, histR[n], histG[n], histB[n]);
|
||||
}
|
||||
|
||||
var chartTop = 30, chartBottom = h - 50;
|
||||
var chartLeft = 30, chartRight = w - 20;
|
||||
var chartH = chartBottom - chartTop;
|
||||
var chartW = chartRight - chartLeft;
|
||||
var barW = chartW / bins;
|
||||
|
||||
// Draw histogram bars
|
||||
var channels = [
|
||||
{ data: histR, color: 'rgba(255,100,100,' },
|
||||
{ data: histG, color: 'rgba(100,255,100,' },
|
||||
{ data: histB, color: 'rgba(100,150,255,' }
|
||||
];
|
||||
|
||||
channels.forEach(function(ch) {
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(chartLeft, chartBottom);
|
||||
for (var b = 0; b < bins; b++) {
|
||||
var barH = (ch.data[b] / maxVal) * chartH;
|
||||
ctx.lineTo(chartLeft + b * barW, chartBottom - barH);
|
||||
}
|
||||
ctx.lineTo(chartLeft + (bins - 1) * barW, chartBottom);
|
||||
ctx.closePath();
|
||||
ctx.fillStyle = ch.color + '0.25)';
|
||||
ctx.fill();
|
||||
ctx.strokeStyle = ch.color + '0.6)';
|
||||
ctx.lineWidth = 1;
|
||||
ctx.beginPath();
|
||||
for (var b2 = 0; b2 < bins; b2++) {
|
||||
var barH2 = (ch.data[b2] / maxVal) * chartH;
|
||||
if (b2 === 0) ctx.moveTo(chartLeft + b2 * barW, chartBottom - barH2);
|
||||
else ctx.lineTo(chartLeft + b2 * barW, chartBottom - barH2);
|
||||
}
|
||||
ctx.stroke();
|
||||
});
|
||||
|
||||
// Luminance line (white)
|
||||
ctx.strokeStyle = 'rgba(255,255,255,0.7)';
|
||||
ctx.lineWidth = 2;
|
||||
ctx.beginPath();
|
||||
for (var l = 0; l < bins; l++) {
|
||||
var lum = histR[l] * 0.299 + histG[l] * 0.587 + histB[l] * 0.114;
|
||||
var lH = (lum / maxVal) * chartH;
|
||||
if (l === 0) ctx.moveTo(chartLeft + l * barW, chartBottom - lH);
|
||||
else ctx.lineTo(chartLeft + l * barW, chartBottom - lH);
|
||||
}
|
||||
ctx.stroke();
|
||||
|
||||
// Axis labels
|
||||
ctx.fillStyle = 'rgba(255,255,255,0.4)';
|
||||
ctx.font = '11px Inter, sans-serif';
|
||||
ctx.fillText('Shadows', chartLeft, chartBottom + 20);
|
||||
ctx.fillText('Midtones', chartLeft + chartW * 0.4, chartBottom + 20);
|
||||
ctx.textAlign = 'right';
|
||||
ctx.fillText('Highlights', chartRight, chartBottom + 20);
|
||||
ctx.textAlign = 'left';
|
||||
|
||||
// EV indicator
|
||||
var evText = brightness < 0.3 ? t('exp.under') : brightness > 0.7 ? t('exp.over') : t('exp.correct');
|
||||
var evColor = brightness < 0.3 ? '#ff6b6b' : brightness > 0.7 ? '#fdcb6e' : '#00cec9';
|
||||
ctx.fillStyle = evColor;
|
||||
ctx.font = 'bold 14px Inter, sans-serif';
|
||||
ctx.fillText(evText, chartLeft, chartTop - 10);
|
||||
|
||||
// Clipping warnings
|
||||
if (brightness > 0.85) {
|
||||
ctx.fillStyle = 'rgba(255,107,107,0.3)';
|
||||
ctx.fillRect(chartRight - barW * 5, chartTop, barW * 5, chartH);
|
||||
ctx.fillStyle = '#ff6b6b';
|
||||
ctx.font = '10px Inter, sans-serif';
|
||||
ctx.fillText('CLIP', chartRight - barW * 4, chartTop + 15);
|
||||
}
|
||||
if (brightness < 0.15) {
|
||||
ctx.fillStyle = 'rgba(255,107,107,0.3)';
|
||||
ctx.fillRect(chartLeft, chartTop, barW * 5, chartH);
|
||||
ctx.fillStyle = '#ff6b6b';
|
||||
ctx.font = '10px Inter, sans-serif';
|
||||
ctx.fillText('CLIP', chartLeft + 5, chartTop + 15);
|
||||
}
|
||||
}
|
||||
|
||||
apSlider.addEventListener('input', drawHistogram);
|
||||
shSlider.addEventListener('input', drawHistogram);
|
||||
isoSlider2.addEventListener('input', drawHistogram);
|
||||
simDrawFns.histogram = drawHistogram;
|
||||
drawHistogram();
|
||||
})();
|
||||
|
||||
})();
|
||||
|
||||
@@ -31,7 +31,15 @@ de: {
|
||||
"rule.diagonal.name":"Diagonalen","rule.diagonal.desc":"Diagonale Linien erzeugen Dynamik und Spannung im Bild.","rule.diagonal.tip1":"Von Ecke zu Ecke f\u00fcr maximale Dynamik","rule.diagonal.tip2":"Schr\u00e4ge Perspektiven nutzen","rule.diagonal.tip3":"Bewegungsrichtung entlang der Diagonale",
|
||||
"rule.color.name":"Farbtheorie","rule.color.desc":"Komplement\u00e4rfarben und Farbharmonien f\u00fcr starke Bildwirkung.","rule.color.tip1":"Komplement\u00e4rfarben f\u00fcr Kontrast (Blau/Orange)","rule.color.tip2":"Analoge Farben f\u00fcr Harmonie","rule.color.tip3":"Warme Farben im Vordergrund, kalte im Hintergrund",
|
||||
"motif.portrait.title":"Portr\u00e4tfotografie","motif.portrait.desc":"Menschen und Gesichter perfekt in Szene setzen.","motif.landscape.title":"Landschaftsfotografie","motif.landscape.desc":"Weite Landschaften und Naturszenen einfangen.","motif.street.title":"Street Photography","motif.street.desc":"Das Leben auf der Stra\u00dfe authentisch dokumentieren.","motif.macro.title":"Makrofotografie","motif.macro.desc":"Kleine Dinge ganz gro\u00df darstellen.","motif.night.title":"Nachtfotografie","motif.night.desc":"Sterne, Stadtlichter und n\u00e4chtliche Szenen.","motif.sport.title":"Sportfotografie","motif.sport.desc":"Schnelle Bewegungen und Action einfrieren.","motif.architecture.title":"Architekturfotografie","motif.architecture.desc":"Geb\u00e4ude und Strukturen in Perfektion.","motif.wildlife.title":"Tierfotografie","motif.wildlife.desc":"Tiere in ihrer nat\u00fcrlichen Umgebung.",
|
||||
"motif.setting.lens":"Objektiv","motif.setting.aperture":"Blende","motif.setting.iso":"ISO","motif.setting.shutter":"Verschluss"
|
||||
"motif.setting.lens":"Objektiv","motif.setting.aperture":"Blende","motif.setting.iso":"ISO","motif.setting.shutter":"Verschluss",
|
||||
"nav.simtools":"Simulation","sim.tag":"Simulation","sim.title":"Foto-Simulationen","sim.desc":"Simuliere verschiedene Foto-Effekte in Echtzeit.",
|
||||
"sim.bokeh":"Bokeh","sim.longexp":"Langzeitbelichtung","sim.wb":"Weißabgleich","sim.noise":"ISO-Rauschen","sim.perspective":"Perspektive","sim.histogram":"Histogramm",
|
||||
"sim.bokeh.title":"Bokeh-Simulator","sim.bokeh.info":"Sieh wie sich Bokeh mit verschiedenen Blenden und Brennweiten verändert.","sim.bokeh.blades":"Blendenlamellen","sim.bokeh.intensity":"Bokeh-Intensität",
|
||||
"sim.longexp.title":"Langzeitbelichtungs-Simulator","sim.longexp.info":"Sieh den Effekt verschiedener Belichtungszeiten auf Bewegung.","sim.longexp.speed":"Bewegungsgeschwindigkeit","sim.longexp.time":"Belichtungszeit (s)",
|
||||
"sim.wb.title":"Weißabgleich-Simulator","sim.wb.info":"Sieh wie die Farbtemperatur dein Bild beeinflusst.","sim.wb.kelvin":"Temperatur (K)","sim.wb.tint":"Tönung",
|
||||
"sim.noise.title":"ISO-Rausch-Simulator","sim.noise.info":"Sieh wie digitales Rauschen mit höheren ISO-Werten zunimmt.","sim.noise.level":"Rausch-Level",
|
||||
"sim.perspective.title":"Perspektiv-Simulator","sim.perspective.info":"Sieh wie die Brennweite die Perspektive beeinflusst.","sim.perspective.type":"Verzerrungstyp",
|
||||
"sim.histogram.title":"Histogramm-Simulator","sim.histogram.info":"Sieh das Histogramm basierend auf Belichtungseinstellungen."
|
||||
},
|
||||
|
||||
/* ===== ENGLISH ===== */
|
||||
@@ -63,7 +71,15 @@ en: {
|
||||
"rule.diagonal.name":"Diagonals","rule.diagonal.desc":"Diagonal lines create dynamics and tension in the image.","rule.diagonal.tip1":"Corner to corner for maximum dynamics","rule.diagonal.tip2":"Use tilted perspectives","rule.diagonal.tip3":"Direction of movement along the diagonal",
|
||||
"rule.color.name":"Color Theory","rule.color.desc":"Complementary colors and color harmonies for strong visual impact.","rule.color.tip1":"Complementary colors for contrast (blue/orange)","rule.color.tip2":"Analogous colors for harmony","rule.color.tip3":"Warm colors foreground, cool colors background",
|
||||
"motif.portrait.title":"Portrait Photography","motif.portrait.desc":"Perfectly capture people and faces.","motif.landscape.title":"Landscape Photography","motif.landscape.desc":"Capture wide landscapes and nature scenes.","motif.street.title":"Street Photography","motif.street.desc":"Authentically document life on the streets.","motif.macro.title":"Macro Photography","motif.macro.desc":"Make small things appear large.","motif.night.title":"Night Photography","motif.night.desc":"Stars, city lights and nighttime scenes.","motif.sport.title":"Sports Photography","motif.sport.desc":"Freeze fast movements and action.","motif.architecture.title":"Architecture Photography","motif.architecture.desc":"Buildings and structures in perfection.","motif.wildlife.title":"Wildlife Photography","motif.wildlife.desc":"Animals in their natural habitat.",
|
||||
"motif.setting.lens":"Lens","motif.setting.aperture":"Aperture","motif.setting.iso":"ISO","motif.setting.shutter":"Shutter"
|
||||
"motif.setting.lens":"Lens","motif.setting.aperture":"Aperture","motif.setting.iso":"ISO","motif.setting.shutter":"Shutter",
|
||||
"nav.simtools":"Simulation","sim.tag":"Simulation","sim.title":"Photo Simulations","sim.desc":"Simulate various photo effects in real-time.",
|
||||
"sim.bokeh":"Bokeh","sim.longexp":"Long Exposure","sim.wb":"White Balance","sim.noise":"ISO Noise","sim.perspective":"Perspective","sim.histogram":"Histogram",
|
||||
"sim.bokeh.title":"Bokeh Simulator","sim.bokeh.info":"See how bokeh changes with different apertures and focal lengths.","sim.bokeh.blades":"Aperture Blades","sim.bokeh.intensity":"Bokeh Intensity",
|
||||
"sim.longexp.title":"Long Exposure Simulator","sim.longexp.info":"See the effect of different exposure times on motion.","sim.longexp.speed":"Motion Speed","sim.longexp.time":"Exposure Time (s)",
|
||||
"sim.wb.title":"White Balance Simulator","sim.wb.info":"See how color temperature affects your image.","sim.wb.kelvin":"Temperature (K)","sim.wb.tint":"Tint",
|
||||
"sim.noise.title":"ISO Noise Simulator","sim.noise.info":"See how digital noise increases with higher ISO values.","sim.noise.level":"Noise Level",
|
||||
"sim.perspective.title":"Perspective Simulator","sim.perspective.info":"See how focal length affects perspective.","sim.perspective.type":"Distortion Type",
|
||||
"sim.histogram.title":"Histogram Simulator","sim.histogram.info":"View the histogram based on exposure settings."
|
||||
},
|
||||
|
||||
/* ===== FRAN\u00c7AIS ===== */
|
||||
@@ -95,7 +111,15 @@ fr: {
|
||||
"rule.diagonal.name":"Diagonales","rule.diagonal.desc":"Les lignes diagonales cr\u00e9ent dynamisme et tension dans l'image.","rule.diagonal.tip1":"D'un coin \u00e0 l'autre pour un maximum de dynamisme","rule.diagonal.tip2":"Utilisez des perspectives inclin\u00e9es","rule.diagonal.tip3":"Direction du mouvement le long de la diagonale",
|
||||
"rule.color.name":"Th\u00e9orie des Couleurs","rule.color.desc":"Couleurs compl\u00e9mentaires et harmonies pour un fort impact visuel.","rule.color.tip1":"Couleurs compl\u00e9mentaires pour le contraste (bleu/orange)","rule.color.tip2":"Couleurs analogues pour l'harmonie","rule.color.tip3":"Couleurs chaudes au premier plan, froides \u00e0 l'arri\u00e8re",
|
||||
"motif.portrait.title":"Photographie de Portrait","motif.portrait.desc":"Mettre parfaitement en sc\u00e8ne les personnes.","motif.landscape.title":"Photographie de Paysage","motif.landscape.desc":"Capturer de vastes paysages et sc\u00e8nes naturelles.","motif.street.title":"Photographie de Rue","motif.street.desc":"Documenter la vie urbaine de mani\u00e8re authentique.","motif.macro.title":"Macrophotographie","motif.macro.desc":"Montrer les petites choses en grand.","motif.night.title":"Photographie de Nuit","motif.night.desc":"\u00c9toiles, lumi\u00e8res de la ville et sc\u00e8nes nocturnes.","motif.sport.title":"Photographie Sportive","motif.sport.desc":"Figer les mouvements rapides et l'action.","motif.architecture.title":"Photographie d'Architecture","motif.architecture.desc":"B\u00e2timents et structures en perfection.","motif.wildlife.title":"Photographie Animalier","motif.wildlife.desc":"Animaux dans leur habitat naturel.",
|
||||
"motif.setting.lens":"Objectif","motif.setting.aperture":"Ouverture","motif.setting.iso":"ISO","motif.setting.shutter":"Obturation"
|
||||
"motif.setting.lens":"Objectif","motif.setting.aperture":"Ouverture","motif.setting.iso":"ISO","motif.setting.shutter":"Obturation",
|
||||
"nav.simtools":"Simulation","sim.tag":"Simulation","sim.title":"Simulations Photo","sim.desc":"Simulez divers effets photo en temps réel.",
|
||||
"sim.bokeh":"Bokeh","sim.longexp":"Longue Exposition","sim.wb":"Balance des Blancs","sim.noise":"Bruit ISO","sim.perspective":"Perspective","sim.histogram":"Histogramme",
|
||||
"sim.bokeh.title":"Simulateur de Bokeh","sim.bokeh.info":"Voyez comment le bokeh change avec différentes ouvertures et focales.","sim.bokeh.blades":"Lamelles d'Ouverture","sim.bokeh.intensity":"Intensité du Bokeh",
|
||||
"sim.longexp.title":"Simulateur de Longue Exposition","sim.longexp.info":"Voyez l'effet de différents temps d'exposition sur le mouvement.","sim.longexp.speed":"Vitesse de Mouvement","sim.longexp.time":"Temps d'Exposition (s)",
|
||||
"sim.wb.title":"Simulateur de Balance des Blancs","sim.wb.info":"Voyez comment la température de couleur affecte votre image.","sim.wb.kelvin":"Température (K)","sim.wb.tint":"Teinte",
|
||||
"sim.noise.title":"Simulateur de Bruit ISO","sim.noise.info":"Voyez comment le bruit numérique augmente avec des valeurs ISO élevées.","sim.noise.level":"Niveau de Bruit",
|
||||
"sim.perspective.title":"Simulateur de Perspective","sim.perspective.info":"Voyez comment la focale affecte la perspective.","sim.perspective.type":"Type de Distorsion",
|
||||
"sim.histogram.title":"Simulateur d'Histogramme","sim.histogram.info":"Voyez l'histogramme selon les réglages d'exposition."
|
||||
},
|
||||
|
||||
/* ===== ITALIANO ===== */
|
||||
@@ -127,7 +151,15 @@ it: {
|
||||
"rule.diagonal.name":"Diagonali","rule.diagonal.desc":"Le linee diagonali creano dinamismo e tensione nell'immagine.","rule.diagonal.tip1":"Da angolo ad angolo per il massimo dinamismo","rule.diagonal.tip2":"Usa prospettive inclinate","rule.diagonal.tip3":"Direzione del movimento lungo la diagonale",
|
||||
"rule.color.name":"Teoria del Colore","rule.color.desc":"Colori complementari e armonie cromatiche per un forte impatto visivo.","rule.color.tip1":"Colori complementari per il contrasto (blu/arancione)","rule.color.tip2":"Colori analoghi per l'armonia","rule.color.tip3":"Colori caldi in primo piano, freddi sullo sfondo",
|
||||
"motif.portrait.title":"Fotografia Ritrattistica","motif.portrait.desc":"Mettere perfettamente in scena le persone.","motif.landscape.title":"Fotografia Paesaggistica","motif.landscape.desc":"Catturare vasti paesaggi e scene naturali.","motif.street.title":"Street Photography","motif.street.desc":"Documentare autenticamente la vita di strada.","motif.macro.title":"Macrofotografia","motif.macro.desc":"Mostrare le piccole cose in grande.","motif.night.title":"Fotografia Notturna","motif.night.desc":"Stelle, luci della citt\u00e0 e scene notturne.","motif.sport.title":"Fotografia Sportiva","motif.sport.desc":"Congelare movimenti veloci e azione.","motif.architecture.title":"Fotografia d'Architettura","motif.architecture.desc":"Edifici e strutture alla perfezione.","motif.wildlife.title":"Fotografia Naturalistica","motif.wildlife.desc":"Animali nel loro habitat naturale.",
|
||||
"motif.setting.lens":"Obiettivo","motif.setting.aperture":"Apertura","motif.setting.iso":"ISO","motif.setting.shutter":"Otturatore"
|
||||
"motif.setting.lens":"Obiettivo","motif.setting.aperture":"Apertura","motif.setting.iso":"ISO","motif.setting.shutter":"Otturatore",
|
||||
"nav.simtools":"Simulazione","sim.tag":"Simulazione","sim.title":"Simulazioni Foto","sim.desc":"Simula vari effetti fotografici in tempo reale.",
|
||||
"sim.bokeh":"Bokeh","sim.longexp":"Lunga Esposizione","sim.wb":"Bilanciamento del Bianco","sim.noise":"Rumore ISO","sim.perspective":"Prospettiva","sim.histogram":"Istogramma",
|
||||
"sim.bokeh.title":"Simulatore Bokeh","sim.bokeh.info":"Guarda come cambia il bokeh con diverse aperture e focali.","sim.bokeh.blades":"Lamelle del Diaframma","sim.bokeh.intensity":"Intensità del Bokeh",
|
||||
"sim.longexp.title":"Simulatore Lunga Esposizione","sim.longexp.info":"Guarda l'effetto di diversi tempi di esposizione sul movimento.","sim.longexp.speed":"Velocità di Movimento","sim.longexp.time":"Tempo di Esposizione (s)",
|
||||
"sim.wb.title":"Simulatore Bilanciamento del Bianco","sim.wb.info":"Guarda come la temperatura del colore influenza la tua immagine.","sim.wb.kelvin":"Temperatura (K)","sim.wb.tint":"Tonalità",
|
||||
"sim.noise.title":"Simulatore Rumore ISO","sim.noise.info":"Guarda come il rumore digitale aumenta con valori ISO più alti.","sim.noise.level":"Livello di Rumore",
|
||||
"sim.perspective.title":"Simulatore di Prospettiva","sim.perspective.info":"Guarda come la focale influenza la prospettiva.","sim.perspective.type":"Tipo di Distorsione",
|
||||
"sim.histogram.title":"Simulatore di Istogramma","sim.histogram.info":"Visualizza l'istogramma in base alle impostazioni di esposizione."
|
||||
},
|
||||
|
||||
/* ===== SRPSKI (Latin) ===== */
|
||||
@@ -159,7 +191,15 @@ sr: {
|
||||
"rule.diagonal.name":"Dijagonale","rule.diagonal.desc":"Dijagonalne linije stvaraju dinamiku i napetost u slici.","rule.diagonal.tip1":"Od ugla do ugla za maksimalnu dinamiku","rule.diagonal.tip2":"Koristite nagnute perspektive","rule.diagonal.tip3":"Smer kretanja du\u017e dijagonale",
|
||||
"rule.color.name":"Teorija Boja","rule.color.desc":"Komplementarne boje i harmonije za sna\u017ean vizuelni efekat.","rule.color.tip1":"Komplementarne boje za kontrast (plava/narand\u017easta)","rule.color.tip2":"Analogne boje za harmoniju","rule.color.tip3":"Tople boje u prvom planu, hladne u pozadini",
|
||||
"motif.portrait.title":"Portretna Fotografija","motif.portrait.desc":"Savr\u0161eno prikazati ljude i lica.","motif.landscape.title":"Pejza\u017ena Fotografija","motif.landscape.desc":"Uhvatiti \u0161iroke pejza\u017ee i prirodne scene.","motif.street.title":"Uli\u010dna Fotografija","motif.street.desc":"Autenti\u010dno dokumentovati \u017eivot na ulici.","motif.macro.title":"Makro Fotografija","motif.macro.desc":"Male stvari prikazati veliko.","motif.night.title":"No\u0107na Fotografija","motif.night.desc":"Zvezde, gradska svetla i no\u0107ne scene.","motif.sport.title":"Sportska Fotografija","motif.sport.desc":"Zamrznuti brze pokrete i akciju.","motif.architecture.title":"Arhitektonska Fotografija","motif.architecture.desc":"Zgrade i strukture u savr\u0161enstvu.","motif.wildlife.title":"Fotografija Divljine","motif.wildlife.desc":"\u017divotinje u prirodnom stani\u0161tu.",
|
||||
"motif.setting.lens":"Objektiv","motif.setting.aperture":"Blenda","motif.setting.iso":"ISO","motif.setting.shutter":"Zatva\u010d"
|
||||
"motif.setting.lens":"Objektiv","motif.setting.aperture":"Blenda","motif.setting.iso":"ISO","motif.setting.shutter":"Zatva\u010d",
|
||||
"nav.simtools":"Simulacija","sim.tag":"Simulacija","sim.title":"Foto Simulacije","sim.desc":"Simulirajte razli\u010dite foto efekte u realnom vremenu.",
|
||||
"sim.bokeh":"Bokeh","sim.longexp":"Duga Ekspozicija","sim.wb":"Balans Belog","sim.noise":"ISO \u0160um","sim.perspective":"Perspektiva","sim.histogram":"Histogram",
|
||||
"sim.bokeh.title":"Bokeh Simulator","sim.bokeh.info":"Pogledajte kako se bokeh menja sa razli\u010ditim blendama i \u017ei\u017enim daljinama.","sim.bokeh.blades":"Lamele Blende","sim.bokeh.intensity":"Intenzitet Bokeh-a",
|
||||
"sim.longexp.title":"Simulator Duge Ekspozicije","sim.longexp.info":"Pogledajte efekat razli\u010ditih vremena ekspozicije na pokret.","sim.longexp.speed":"Brzina Pokreta","sim.longexp.time":"Vreme Ekspozicije (s)",
|
||||
"sim.wb.title":"Simulator Balansa Belog","sim.wb.info":"Pogledajte kako temperatura boje uti\u010de na va\u0161u sliku.","sim.wb.kelvin":"Temperatura (K)","sim.wb.tint":"Nijansa",
|
||||
"sim.noise.title":"Simulator ISO \u0160uma","sim.noise.info":"Pogledajte kako digitalni \u0161um raste sa vi\u0161im ISO vrednostima.","sim.noise.level":"Nivo \u0160uma",
|
||||
"sim.perspective.title":"Simulator Perspektive","sim.perspective.info":"Pogledajte kako \u017ei\u017ena daljina uti\u010de na perspektivu.","sim.perspective.type":"Tip Distorzije",
|
||||
"sim.histogram.title":"Simulator Histograma","sim.histogram.info":"Pogledajte histogram na osnovu pode\u0161avanja ekspozicije."
|
||||
},
|
||||
|
||||
/* ===== SHQIP (Albanian) ===== */
|
||||
@@ -191,7 +231,95 @@ sq: {
|
||||
"rule.diagonal.name":"Diagonalet","rule.diagonal.desc":"Vijat diagonale krijojn\u00eb dinamizm\u00eb dhe tension n\u00eb imazh.","rule.diagonal.tip1":"Nga k\u00ebndi n\u00eb k\u00ebnd p\u00ebr dinamizm\u00eb maksimale","rule.diagonal.tip2":"P\u00ebrdorni perspektiva t\u00eb pjerrta","rule.diagonal.tip3":"Drejtimi i l\u00ebvizjes p\u00ebrgjat\u00eb diagonales",
|
||||
"rule.color.name":"Teoria e Ngjyrave","rule.color.desc":"Ngjyrat plot\u00ebsuese dhe harmonit\u00eb p\u00ebr ndikim t\u00eb fort\u00eb vizual.","rule.color.tip1":"Ngjyra plot\u00ebsuese p\u00ebr kontrast (blu/portokalli)","rule.color.tip2":"Ngjyra analoge p\u00ebr harmoni","rule.color.tip3":"Ngjyra t\u00eb ngrohta p\u00ebrpara, t\u00eb ftohta n\u00eb sfond",
|
||||
"motif.portrait.title":"Fotografia e Portretit","motif.portrait.desc":"Paraqitja perfekte e njer\u00ebzve dhe fytyrave.","motif.landscape.title":"Fotografia e Peizazhit","motif.landscape.desc":"Kapja e peizazheve t\u00eb gjera dhe skenave natyrale.","motif.street.title":"Fotografia e Rrug\u00ebs","motif.street.desc":"Dokumentimi autentik i jet\u00ebs n\u00eb rrug\u00eb.","motif.macro.title":"Makrofotografia","motif.macro.desc":"Paraqitja e gjerave t\u00eb vogla n\u00eb madh\u00ebsi.","motif.night.title":"Fotografia e Nat\u00ebs","motif.night.desc":"Yjet, dritat e qytetit dhe skenat e nat\u00ebs.","motif.sport.title":"Fotografia Sportive","motif.sport.desc":"Ngrirja e l\u00ebvizjeve t\u00eb shpejta dhe aksionit.","motif.architecture.title":"Fotografia e Arkitektur\u00ebs","motif.architecture.desc":"Nd\u00ebrtesat dhe strukturat n\u00eb perfekcion.","motif.wildlife.title":"Fotografia e Kafsh\u00ebve","motif.wildlife.desc":"Kafsh\u00ebt n\u00eb habitatin e tyre natyral.",
|
||||
"motif.setting.lens":"Thjerrza","motif.setting.aperture":"Hap\u00ebsira","motif.setting.iso":"ISO","motif.setting.shutter":"Shkrepja"
|
||||
"motif.setting.lens":"Thjerrza","motif.setting.aperture":"Hap\u00ebsira","motif.setting.iso":"ISO","motif.setting.shutter":"Shkrepja",
|
||||
"nav.simtools":"Simulimi","sim.tag":"Simulimi","sim.title":"Foto-Simulime","sim.desc":"Simuloni efekte t\u00eb ndryshme fotografike n\u00eb koh\u00eb reale.",
|
||||
"sim.bokeh":"Bokeh","sim.longexp":"Ekspozim i Gjat\u00eb","sim.wb":"Balanca e Bardh\u00ebs","sim.noise":"Zhurma ISO","sim.perspective":"Perspektiva","sim.histogram":"Histogrami",
|
||||
"sim.bokeh.title":"Simulatori i Bokeh-ut","sim.bokeh.info":"Shikoni si ndryshon bokeh-u me hap\u00ebsir\u00eb dhe gjat\u00ebsi fokale t\u00eb ndryshme.","sim.bokeh.blades":"Fleta t\u00eb Hap\u00ebsir\u00ebs","sim.bokeh.intensity":"Intensiteti i Bokeh-ut",
|
||||
"sim.longexp.title":"Simulatori i Ekspozimit t\u00eb Gjat\u00eb","sim.longexp.info":"Shikoni efektin e koheve t\u00eb ndryshme t\u00eb ekspozimit n\u00eb l\u00ebvizje.","sim.longexp.speed":"Shpejt\u00ebsia e L\u00ebvizjes","sim.longexp.time":"Koha e Ekspozimit (s)",
|
||||
"sim.wb.title":"Simulatori i Balanc\u00ebs s\u00eb Bardh\u00ebs","sim.wb.info":"Shikoni si ndikon temperatura e ngjyr\u00ebs n\u00eb imazhin tuaj.","sim.wb.kelvin":"Temperatura (K)","sim.wb.tint":"Nuanc\u00eb",
|
||||
"sim.noise.title":"Simulatori i Zhurm\u00ebs ISO","sim.noise.info":"Shikoni si rritet zhurma dixhitale me vlera m\u00eb t\u00eb larta ISO.","sim.noise.level":"Niveli i Zhurm\u00ebs",
|
||||
"sim.perspective.title":"Simulatori i Perspektiv\u00ebs","sim.perspective.info":"Shikoni si ndikon gjat\u00ebsia fokale n\u00eb perspektiv\u00eb.","sim.perspective.type":"Tipi i Deformimit",
|
||||
"sim.histogram.title":"Simulatori i Histogramit","sim.histogram.info":"Shikoni histogramin bazuar n\u00eb cil\u00ebsimet e ekspozimit."
|
||||
},
|
||||
|
||||
/* ===== T\u00dcRK\u00c7E ===== */
|
||||
tr: {
|
||||
"nav.lens":"Lens Hesaplay\u0131c\u0131","nav.composition":"Kompozisyon","nav.motif":"Konu Tan\u0131ma","nav.exposure":"Pozlama","nav.quiz":"Quiz",
|
||||
"hero.welcome":"Ho\u015f Geldiniz","hero.desc":"En kapsaml\u0131 foto\u011fraf\u00e7\u0131l\u0131k ara\u00e7 setiniz. Lens hesaplamalar\u0131, kompozisyon kurallar\u0131, konu tan\u0131ma ve interaktif quizler \u2014 hepsi bir arada.","hero.calculators":"Hesaplay\u0131c\u0131lar","hero.rules":"Kurallar","hero.questions":"Quiz Sorular\u0131","hero.cta":"Ba\u015fla",
|
||||
"lens.tag":"Ara\u00e7lar","lens.title":"Lens Hesaplay\u0131c\u0131","lens.desc":"Alan derinli\u011fi, g\u00f6r\u00fc\u015f a\u00e7\u0131s\u0131, crop fakt\u00f6r\u00fc ve daha fazlas\u0131n\u0131 hesaplay\u0131n.","lens.tab.dof":"Alan Derinli\u011fi (DOF)","lens.tab.fov":"G\u00f6r\u00fc\u015f A\u00e7\u0131s\u0131 (FOV)","lens.tab.crop":"Crop Fakt\u00f6r\u00fc","lens.tab.hyper":"Hiperfokal Mesafe","lens.tab.flash":"Fla\u015f Menzili","lens.tab.mag":"B\u00fcy\u00fctme",
|
||||
"calc.focal":"Odak Uzakl\u0131\u011f\u0131 (mm)","calc.aperture":"Diyafram (f/)","calc.sensor":"Sens\u00f6r Boyutu","calc.calculate":"Hesapla","calc.results":"Sonu\u00e7lar",
|
||||
"dof.title":"Alan Derinli\u011fi Hesapla","dof.info":"Alan derinli\u011fi (DOF), g\u00f6r\u00fcnt\u00fcde net g\u00f6r\u00fcnen alan\u0131 tan\u0131mlar.","dof.distance":"Konuya Mesafe (m)","dof.total":"Alan Derinli\u011fi","dof.near":"Yak\u0131n Nokta","dof.far":"Uzak Nokta","dof.coc":"Bulan\u0131kl\u0131k \u00c7emberi",
|
||||
"fov.title":"G\u00f6r\u00fc\u015f A\u00e7\u0131s\u0131 Hesapla","fov.info":"G\u00f6r\u00fc\u015f a\u00e7\u0131s\u0131 kameran\u0131n ne kadar sahne yakalad\u0131\u011f\u0131n\u0131 belirler.","fov.horizontal":"Yatay G\u00f6r\u00fc\u015f A\u00e7\u0131s\u0131","fov.vertical":"Dikey G\u00f6r\u00fc\u015f A\u00e7\u0131s\u0131","fov.diagonal":"\u00c7apraz G\u00f6r\u00fc\u015f A\u00e7\u0131s\u0131","fov.lenstype":"Lens T\u00fcr\u00fc",
|
||||
"crop.title":"Crop Fakt\u00f6r\u00fc Hesapla","crop.info":"Crop fakt\u00f6r\u00fc, tam kareye k\u0131yasla e\u015fde\u011fer g\u00f6r\u00fcn\u00fcm\u00fc g\u00f6sterir.","crop.lensfocal":"Lens Odak Uzakl\u0131\u011f\u0131 (mm)","crop.lensaperture":"Lens Diyafram\u0131 (f/)","crop.camerasensor":"Kamera Sens\u00f6r\u00fc","crop.equivfocal":"E\u015fde\u011fer Odak Uzakl\u0131\u011f\u0131 (FF)","crop.equivaperture":"E\u015fde\u011fer Diyafram (FF)","crop.factor":"Crop Fakt\u00f6r\u00fc","crop.fullframe":"Tam Kare",
|
||||
"hyper.title":"Hiperfokal Mesafe","hyper.info":"Her \u015feyin sonsuza kadar net g\u00f6r\u00fcnd\u00fc\u011f\u00fc mesafe.","hyper.distance":"Hiperfokal Mesafe","hyper.near":"Yak\u0131n Nokta (H'ye odaklanma)","hyper.tiplabel":"\u0130pucu","hyper.tip":"Maksimum netlik i\u00e7in hiperfokal mesafeye odaklan\u0131n.",
|
||||
"flash.title":"Fla\u015f Menzili","flash.info":"K\u0131lavuz say\u0131s\u0131na g\u00f6re maksimum fla\u015f menzilini hesaplay\u0131n.","flash.gn":"K\u0131lavuz Say\u0131s\u0131 (GN)","flash.maxrange":"Maksimum Menzil","flash.at100":"ISO 100'de",
|
||||
"mag.title":"B\u00fcy\u00fctme","mag.info":"Makro foto\u011fraf\u00e7\u0131l\u0131k i\u00e7in b\u00fcy\u00fctme oran\u0131n\u0131 hesaplay\u0131n.","mag.mindist":"Min. Odaklama Mesafesi (cm)","mag.sensorwidth":"Sens\u00f6r Geni\u015fli\u011fi (mm)","mag.ratio":"B\u00fcy\u00fctme Oran\u0131","mag.field":"Yakalanan Alan (Geni\u015flik)","mag.macro":"Makro Yetene\u011fi",
|
||||
"comp.tag":"Kompozisyon","comp.title":"Foto\u011fraf Kurallar\u0131","comp.desc":"Etkileyici foto\u011fraflar i\u00e7in en \u00f6nemli kompozisyon kurallar\u0131n\u0131 \u00f6\u011frenin.","comp.demo":"Demo G\u00f6ster",
|
||||
"motif.tag":"Konu Tan\u0131ma","motif.title":"Konu Tan\u0131ma & T\u00fcrler","motif.desc":"Farkl\u0131 foto\u011fraf t\u00fcrlerini ve optimal ayarlar\u0131n\u0131 \u00f6\u011frenin.","motif.all":"T\u00fcm\u00fc","motif.portrait":"Portre","motif.landscape":"Manzara","motif.street":"Sokak","motif.macro":"Makro","motif.night":"Gece","motif.sport":"Spor","motif.architecture":"Mimari","motif.wildlife":"Do\u011fa",
|
||||
"exp.tag":"Temel Bilgiler","exp.title":"Pozlama \u00dc\u00e7geni","exp.desc":"Diyafram, enstantane ve ISO aras\u0131ndaki etkile\u015fimi anlay\u0131n.","exp.aperture":"Diyafram","exp.shutter":"Enstantane","exp.aperture.mid":"Orta diyafram \u2013 netlik ve \u0131\u015f\u0131k aras\u0131nda iyi uzla\u015fma.","exp.shutter.mid":"Standart enstantane \u2013 \u00e7o\u011fu hareketi dondurur.","exp.iso.low":"D\u00fc\u015f\u00fck ISO \u2013 minimum g\u00fcr\u00fclt\u00fc, en iyi kalite.","exp.correct":"Do\u011fru Pozlama","exp.under":"Az Pozlanm\u0131\u015f","exp.over":"Fazla Pozlanm\u0131\u015f","exp.slightunder":"Hafif az pozlanm\u0131\u015f","exp.slightover":"Hafif fazla pozlanm\u0131\u015f",
|
||||
"quiz.tag":"Bilgi Testi","quiz.title":"Foto\u011fraf Quiz'i","quiz.desc":"T\u00fcm konularda interaktif sorularla bilginizi test edin.","quiz.all":"T\u00fcm Konular","quiz.basics":"Temel","quiz.composition":"Kompozisyon","quiz.lenses":"Lensler","quiz.exposure":"Pozlama","quiz.genres":"T\u00fcrler","quiz.ready":"Quiz'e Haz\u0131r m\u0131s\u0131n\u0131z?","quiz.choose":"Bir kategori se\u00e7in ve bilginizi test edin!","quiz.info":"Tur ba\u015f\u0131na 10 soru \u2022 \u00c7oktan se\u00e7meli \u2022 Anl\u0131k geri bildirim","quiz.start":"Quiz'e Ba\u015fla","quiz.next":"Sonraki Soru","quiz.finished":"Quiz Tamamland\u0131!","quiz.playagain":"Tekrar Oyna","quiz.review":"Cevaplar\u0131 G\u00f6r","quiz.score":"Puan","quiz.resulttext":"{1} sorudan {0} tanesini do\u011fru yan\u0131tlad\u0131n\u0131z.","quiz.excellent":"M\u00fckemmel! Foto\u011fraf\u00e7\u0131l\u0131k ustas\u0131s\u0131n\u0131z!","quiz.good":"Aferin! Sa\u011flam bilgi!","quiz.ok":"Fena de\u011fil! Pratik yapmaya devam edin!","quiz.needwork":"Geli\u015ftirmeye yer var! Temelleri tekrarlay\u0131n.",
|
||||
"footer.brand":"\u00dccretsiz foto\u011fraf\u00e7\u0131l\u0131k ara\u00e7 setiniz.","footer.tools":"Ara\u00e7lar","footer.calcs":"Hesaplay\u0131c\u0131lar","footer.comprules":"Kompozisyon Kurallar\u0131","footer.exptriangle":"Pozlama \u00dc\u00e7geni","footer.copy":"\u00a9 2026 PhotoPro Tools \u2014 Foto\u011fraf\u00e7\u0131l\u0131k tutkusuyla yap\u0131ld\u0131.",
|
||||
"sensor.ff":"Tam Kare (36x24mm)","sensor.apsc":"APS-C (23.5x15.6mm)","sensor.apsc_canon":"APS-C Canon (22.3x14.9mm)","sensor.m43":"Micro 4/3 (17.3x13mm)","sensor.1inch":"1 In\u00e7 (13.2x8.8mm)","sensor.small":"1/2.3 In\u00e7 (6.17x4.55mm)","sensor.ff_short":"Tam Kare","sensor.apsc_short":"APS-C","sensor.m43_short":"Micro 4/3","sensor.ff_1x":"Tam Kare (1.0x)","sensor.apsc_nikon":"APS-C Nikon/Sony (1.5x)","sensor.apsc_canon_1_6":"APS-C Canon (1.6x)","sensor.m43_2x":"Micro 4/3 (2.0x)","sensor.1inch_2_7":"1 In\u00e7 (2.7x)","sensor.small_5_6":"1/2.3 In\u00e7 (5.6x)",
|
||||
"lenstype.superwide":"S\u00fcper Geni\u015f A\u00e7\u0131","lenstype.wide":"Geni\u015f A\u00e7\u0131","lenstype.normal":"Normal Lens","lenstype.tele":"Telefoto","lenstype.supertele":"S\u00fcper Telefoto",
|
||||
"macro.true":"Ger\u00e7ek Makro (1:1+)","macro.half":"Yar\u0131m Makro (~1:2)","macro.close":"Yak\u0131n \u00c7ekim","macro.no":"Makro De\u011fil",
|
||||
"rule.thirds.name":"\u00dc\u00e7ler Kural\u0131","rule.thirds.desc":"G\u00f6r\u00fcnt\u00fcy\u00fc 9 e\u015fit par\u00e7aya b\u00f6l\u00fcn. Kilit \u00f6\u011feleri \u00e7izgilere veya kesi\u015fim noktalar\u0131na yerle\u015ftirin.","rule.thirds.tip1":"Ufku \u00fcst veya alt \u00fc\u00e7te bir \u00e7izgisine yerle\u015ftirin","rule.thirds.tip2":"Konunun g\u00f6zlerini \u00fcst kesi\u015fim noktalar\u0131na yerle\u015ftirin","rule.thirds.tip3":"Ana konuyu asla tam ortaya koymay\u0131n",
|
||||
"rule.golden.name":"Alt\u0131n Oran","rule.golden.desc":"1:1.618 oran\u0131 \u2013 do\u011fan\u0131n m\u00fckemmel oran\u0131.","rule.golden.tip1":"G\u00f6r\u00fcnt\u00fcy\u00fc yakla\u015f\u0131k %62 / %38 oran\u0131nda b\u00f6ler","rule.golden.tip2":"\u00dc\u00e7ler kural\u0131ndan daha uyumlu","rule.golden.tip3":"Do\u011fada her yerde bulunur (kabuklar, \u00e7i\u00e7ekler)",
|
||||
"rule.leading.name":"Y\u00f6nlendirici \u00c7izgiler","rule.leading.desc":"Do\u011fal \u00e7izgiler izleyicinin g\u00f6z\u00fcn\u00fc ana konuya y\u00f6nlendirir.","rule.leading.tip1":"Yollar\u0131, nehirleri, \u00e7itleri \u00e7izgi olarak kullan\u0131n","rule.leading.tip2":"\u00c7izgiler g\u00f6r\u00fcnt\u00fcn\u00fcn i\u00e7ine y\u00f6nlendirmeli","rule.leading.tip3":"Birle\u015fen \u00e7izgiler derinlik yarat\u0131r",
|
||||
"rule.symmetry.name":"Simetri & Desenler","rule.symmetry.desc":"Simetrik kompozisyonlar huzur ve m\u00fckemmellik yayar.","rule.symmetry.tip1":"Sudaki yans\u0131malar simetri i\u00e7in m\u00fckemmel","rule.symmetry.tip2":"Mimari do\u011fal simetri sunar","rule.symmetry.tip3":"Simetriyi bilin\u00e7li k\u0131rmak stil unsuru olarak",
|
||||
"rule.framing.name":"Do\u011fal \u00c7er\u00e7eveleme","rule.framing.desc":"Sahne unsurlar\u0131n\u0131 konuyu \u00e7er\u00e7evelemek i\u00e7in kullan\u0131n.","rule.framing.tip1":"Kemerler, pencereler, dallar \u00e7er\u00e7eve olarak","rule.framing.tip2":"Dikkati ana konuya y\u00f6nlendirir","rule.framing.tip3":"Derinlik ve ba\u011flam yarat\u0131r",
|
||||
"rule.negative.name":"Negatif Alan","rule.negative.desc":"Konunun etraf\u0131ndaki bo\u015f alan etki ve dramatizm yarat\u0131r.","rule.negative.tip1":"Az \u00e7oktur \u2013 minimalizmi kullan\u0131n","rule.negative.tip2":"Konuya nefes alacak alan verin","rule.negative.tip3":"\u00d6zellikle portrelerde etkili",
|
||||
"rule.diagonal.name":"Diyagonaller","rule.diagonal.desc":"Diyagonal \u00e7izgiler g\u00f6r\u00fcnt\u00fcde dinamizm ve gerilim yarat\u0131r.","rule.diagonal.tip1":"K\u00f6\u015feden k\u00f6\u015feye maksimum dinamizm","rule.diagonal.tip2":"E\u011fik perspektifler kullan\u0131n","rule.diagonal.tip3":"Hareket y\u00f6n\u00fc diyagonal boyunca",
|
||||
"rule.color.name":"Renk Teorisi","rule.color.desc":"Tamamlay\u0131c\u0131 renkler ve renk uyumlar\u0131 g\u00fc\u00e7l\u00fc g\u00f6rsel etki i\u00e7in.","rule.color.tip1":"Tamamlay\u0131c\u0131 renkler kontrast i\u00e7in (mavi/turuncu)","rule.color.tip2":"Benzer renkler uyum i\u00e7in","rule.color.tip3":"S\u0131cak renkler \u00f6n planda, so\u011fuk renkler arka planda",
|
||||
"motif.portrait.title":"Portre Foto\u011fraf\u00e7\u0131l\u0131\u011f\u0131","motif.portrait.desc":"\u0130nsanlar\u0131 ve y\u00fczleri m\u00fckemmel yakala.","motif.landscape.title":"Manzara Foto\u011fraf\u00e7\u0131l\u0131\u011f\u0131","motif.landscape.desc":"Geni\u015f manzaralar\u0131 ve do\u011fa sahnelerini yakala.","motif.street.title":"Sokak Foto\u011fraf\u00e7\u0131l\u0131\u011f\u0131","motif.street.desc":"Sokak ya\u015fam\u0131n\u0131 otantik olarak belgele.","motif.macro.title":"Makro Foto\u011fraf\u00e7\u0131l\u0131k","motif.macro.desc":"K\u00fc\u00e7\u00fck \u015feyleri b\u00fcy\u00fck g\u00f6ster.","motif.night.title":"Gece Foto\u011fraf\u00e7\u0131l\u0131\u011f\u0131","motif.night.desc":"Y\u0131ld\u0131zlar, \u015fehir \u0131\u015f\u0131klar\u0131 ve gece sahneleri.","motif.sport.title":"Spor Foto\u011fraf\u00e7\u0131l\u0131\u011f\u0131","motif.sport.desc":"H\u0131zl\u0131 hareketleri ve aksiyonu dondur.","motif.architecture.title":"Mimari Foto\u011fraf\u00e7\u0131l\u0131k","motif.architecture.desc":"Binalar ve yap\u0131lar m\u00fckemmellikte.","motif.wildlife.title":"Do\u011fa Foto\u011fraf\u00e7\u0131l\u0131\u011f\u0131","motif.wildlife.desc":"Hayvanlar do\u011fal ya\u015fam alanlar\u0131nda.",
|
||||
"motif.setting.lens":"Lens","motif.setting.aperture":"Diyafram","motif.setting.iso":"ISO","motif.setting.shutter":"Enstantane",
|
||||
"nav.simtools":"Sim\u00fclasyon","sim.tag":"Sim\u00fclasyon","sim.title":"Foto Sim\u00fclasyonlar\u0131","sim.desc":"Farkl\u0131 foto\u011fraf efektlerini ger\u00e7ek zamanl\u0131 sim\u00fcle edin.",
|
||||
"sim.bokeh":"Bokeh","sim.longexp":"Uzun Pozlama","sim.wb":"Beyaz Dengesi","sim.noise":"ISO G\u00fcr\u00fclt\u00fc","sim.perspective":"Perspektif","sim.histogram":"Histogram",
|
||||
"sim.bokeh.title":"Bokeh Sim\u00fclat\u00f6r\u00fc","sim.bokeh.info":"Farkl\u0131 diyafram ve odak uzakl\u0131klar\u0131yla bokeh'in nas\u0131l de\u011fi\u015fti\u011fini g\u00f6r\u00fcn.","sim.bokeh.blades":"Diyafram Kanatlar\u0131","sim.bokeh.intensity":"Bokeh Yo\u011funlu\u011fu",
|
||||
"sim.longexp.title":"Uzun Pozlama Sim\u00fclat\u00f6r\u00fc","sim.longexp.info":"Farkl\u0131 pozlama s\u00fcrelerinin hareketli nesneler \u00fczerindeki etkisini g\u00f6r\u00fcn.","sim.longexp.speed":"Hareket H\u0131z\u0131","sim.longexp.time":"Pozlama S\u00fcresi (s)",
|
||||
"sim.wb.title":"Beyaz Dengesi Sim\u00fclat\u00f6r\u00fc","sim.wb.info":"Renk s\u0131cakl\u0131\u011f\u0131n\u0131n g\u00f6r\u00fcnt\u00fcn\u00fcz\u00fc nas\u0131l etkiledi\u011fini g\u00f6r\u00fcn.","sim.wb.kelvin":"S\u0131cakl\u0131k (K)","sim.wb.tint":"Ton",
|
||||
"sim.noise.title":"ISO G\u00fcr\u00fclt\u00fc Sim\u00fclat\u00f6r\u00fc","sim.noise.info":"Y\u00fcksek ISO de\u011ferlerinde dijital g\u00fcr\u00fclt\u00fcn\u00fcn nas\u0131l artt\u0131\u011f\u0131n\u0131 g\u00f6r\u00fcn.","sim.noise.level":"G\u00fcr\u00fclt\u00fc Seviyesi",
|
||||
"sim.perspective.title":"Perspektif Sim\u00fclat\u00f6r\u00fc","sim.perspective.info":"Odak uzakl\u0131\u011f\u0131n\u0131n perspektifi nas\u0131l etkiledi\u011fini g\u00f6r\u00fcn.","sim.perspective.type":"Deformasyon Tipi",
|
||||
"sim.histogram.title":"Histogram Sim\u00fclat\u00f6r\u00fc","sim.histogram.info":"Pozlama ayarlar\u0131na g\u00f6re histograma bak\u0131n."
|
||||
},
|
||||
|
||||
/* ===== SVENSKA ===== */
|
||||
sv: {
|
||||
"nav.lens":"Linskalkylator","nav.composition":"Komposition","nav.motif":"Motivigenk\u00e4nning","nav.exposure":"Exponering","nav.quiz":"Quiz",
|
||||
"hero.welcome":"V\u00e4lkommen till","hero.desc":"Din ultimata fotoverktygsl\u00e5da. Linber\u00e4kningar, kompositionsregler, motivigenk\u00e4nning och interaktiva quiz \u2014 allt p\u00e5 ett st\u00e4lle.","hero.calculators":"Kalkylatorer","hero.rules":"Regler","hero.questions":"Quizfr\u00e5gor","hero.cta":"Kom ig\u00e5ng",
|
||||
"lens.tag":"Verktyg","lens.title":"Linskalkylator","lens.desc":"Ber\u00e4kna sk\u00e4rpedjup, bildvinkel, cropfaktor och mer.","lens.tab.dof":"Sk\u00e4rpedjup (DOF)","lens.tab.fov":"Bildvinkel (FOV)","lens.tab.crop":"Cropfaktor","lens.tab.hyper":"Hyperfokal Distans","lens.tab.flash":"Blixtens R\u00e4ckvidd","lens.tab.mag":"F\u00f6rstoring",
|
||||
"calc.focal":"Br\u00e4nnvidd (mm)","calc.aperture":"Bl\u00e4ndare (f/)","calc.sensor":"Sensorstorlek","calc.calculate":"Ber\u00e4kna","calc.results":"Resultat",
|
||||
"dof.title":"Ber\u00e4kna Sk\u00e4rpedjup","dof.info":"Sk\u00e4rpedjupet beskriver det omr\u00e5de som framst\u00e5r skarpt i bilden.","dof.distance":"Avst\u00e5nd till Motivet (m)","dof.total":"Sk\u00e4rpedjup","dof.near":"N\u00e4rpunkt","dof.far":"Fj\u00e4rrpunkt","dof.coc":"F\u00f6rvirringscirkel",
|
||||
"fov.title":"Ber\u00e4kna Bildvinkel","fov.info":"Bildvinkeln avg\u00f6r hur mycket av scenen kameran f\u00e5ngar.","fov.horizontal":"Horisontell Bildvinkel","fov.vertical":"Vertikal Bildvinkel","fov.diagonal":"Diagonal Bildvinkel","fov.lenstype":"Linstyp",
|
||||
"crop.title":"Ber\u00e4kna Cropfaktor","crop.info":"Cropfaktorn visar motsvarande utsnitt j\u00e4mf\u00f6rt med fullformat.","crop.lensfocal":"Objektivets Br\u00e4nnvidd (mm)","crop.lensaperture":"Objektivets Bl\u00e4ndare (f/)","crop.camerasensor":"Kamerasensor","crop.equivfocal":"Motsvarande Br\u00e4nnvidd (FF)","crop.equivaperture":"Motsvarande Bl\u00e4ndare (FF)","crop.factor":"Cropfaktor","crop.fullframe":"Fullformat",
|
||||
"hyper.title":"Hyperfokal Distans","hyper.info":"Avst\u00e5ndet d\u00e4r allt fr\u00e5n halva avst\u00e5ndet till o\u00e4ndligheten \u00e4r skarpt.","hyper.distance":"Hyperfokal Distans","hyper.near":"N\u00e4rpunkt (fokus p\u00e5 H)","hyper.tiplabel":"Tips","hyper.tip":"Fokusera p\u00e5 hyperfokala distansen f\u00f6r maximal sk\u00e4rpa.",
|
||||
"flash.title":"Blixtens R\u00e4ckvidd","flash.info":"Ber\u00e4kna maximal blixtr\u00e4ckvidd baserat p\u00e5 ledsiffra.","flash.gn":"Ledsiffra (GN)","flash.maxrange":"Maximal R\u00e4ckvidd","flash.at100":"Vid ISO 100",
|
||||
"mag.title":"F\u00f6rstoring","mag.info":"Ber\u00e4kna f\u00f6rstoringsf\u00f6rh\u00e5llandet f\u00f6r makrofotografi.","mag.mindist":"Min. Fokusavst\u00e5nd (cm)","mag.sensorwidth":"Sensorbredd (mm)","mag.ratio":"F\u00f6rstoringsf\u00f6rh\u00e5llande","mag.field":"F\u00e5ngat F\u00e4lt (Bredd)","mag.macro":"Makrof\u00f6rm\u00e5ga",
|
||||
"comp.tag":"Komposition","comp.title":"Fotoregler","comp.desc":"Beh\u00e4rska de viktigaste kompositionsreglerna f\u00f6r fantastiska bilder.","comp.demo":"Visa Demo",
|
||||
"motif.tag":"Motivigenk\u00e4nning","motif.title":"Motivigenk\u00e4nning & Genrer","motif.desc":"L\u00e4r dig olika fotogenrer och deras optimala inst\u00e4llningar.","motif.all":"Alla","motif.portrait":"Portr\u00e4tt","motif.landscape":"Landskap","motif.street":"Gata","motif.macro":"Makro","motif.night":"Natt","motif.sport":"Sport","motif.architecture":"Arkitektur","motif.wildlife":"Vilt",
|
||||
"exp.tag":"Grunder","exp.title":"Exponerings\u00adtriangeln","exp.desc":"F\u00f6rst\u00e5 samspelet mellan bl\u00e4ndare, slutartid och ISO.","exp.aperture":"Bl\u00e4ndare","exp.shutter":"Slutartid","exp.aperture.mid":"Mellanbl\u00e4ndare \u2013 bra kompromiss mellan sk\u00e4rpa och ljus.","exp.shutter.mid":"Standardslutar\u00adtid \u2013 fryser de flesta r\u00f6relser.","exp.iso.low":"L\u00e5gt ISO \u2013 minimalt brus, b\u00e4sta kvalitet.","exp.correct":"Korrekt Exponering","exp.under":"Underexponerad","exp.over":"\u00d6verexponerad","exp.slightunder":"Lite underexponerad","exp.slightover":"Lite \u00f6verexponerad",
|
||||
"quiz.tag":"Kunskapskontroll","quiz.title":"Fotoquiz","quiz.desc":"Testa dina kunskaper med interaktiva fr\u00e5gor.","quiz.all":"Alla \u00c4mnen","quiz.basics":"Grunder","quiz.composition":"Komposition","quiz.lenses":"Objektiv","quiz.exposure":"Exponering","quiz.genres":"Genrer","quiz.ready":"Redo f\u00f6r Quiz?","quiz.choose":"V\u00e4lj en kategori och testa dina kunskaper!","quiz.info":"10 fr\u00e5gor per runda \u2022 Flerval \u2022 Omedelbar feedback","quiz.start":"Starta Quiz","quiz.next":"N\u00e4sta Fr\u00e5ga","quiz.finished":"Quiz Klar!","quiz.playagain":"Spela Igen","quiz.review":"Granska Svar","quiz.score":"Po\u00e4ng","quiz.resulttext":"Du svarade r\u00e4tt p\u00e5 {0} av {1} fr\u00e5gor.","quiz.excellent":"Utm\u00e4rkt! Du \u00e4r ett fotoprofs!","quiz.good":"Bra gjort! Solid kunskap!","quiz.ok":"Inte d\u00e5ligt! Forts\u00e4tt \u00f6va!","quiz.needwork":"Utrymme f\u00f6r f\u00f6rb\u00e4ttring! Repetera grunderna.",
|
||||
"footer.brand":"Din gratis fotoverktygsl\u00e5da f\u00f6r b\u00e4ttre bilder.","footer.tools":"Verktyg","footer.calcs":"Kalkylatorer","footer.comprules":"Kompositionsregler","footer.exptriangle":"Exponerings\u00adtriangeln","footer.copy":"\u00a9 2026 PhotoPro Tools \u2014 Skapat med passion f\u00f6r fotografi.",
|
||||
"sensor.ff":"Fullformat (36x24mm)","sensor.apsc":"APS-C (23.5x15.6mm)","sensor.apsc_canon":"APS-C Canon (22.3x14.9mm)","sensor.m43":"Micro 4/3 (17.3x13mm)","sensor.1inch":"1 Tum (13.2x8.8mm)","sensor.small":"1/2.3 Tum (6.17x4.55mm)","sensor.ff_short":"Fullformat","sensor.apsc_short":"APS-C","sensor.m43_short":"Micro 4/3","sensor.ff_1x":"Fullformat (1.0x)","sensor.apsc_nikon":"APS-C Nikon/Sony (1.5x)","sensor.apsc_canon_1_6":"APS-C Canon (1.6x)","sensor.m43_2x":"Micro 4/3 (2.0x)","sensor.1inch_2_7":"1 Tum (2.7x)","sensor.small_5_6":"1/2.3 Tum (5.6x)",
|
||||
"lenstype.superwide":"Supervidvinkel","lenstype.wide":"Vidvinkel","lenstype.normal":"Normalobjektiv","lenstype.tele":"Teleobjektiv","lenstype.supertele":"Superteleobjektiv",
|
||||
"macro.true":"\u00c4kta Makro (1:1+)","macro.half":"Halvmakro (~1:2)","macro.close":"N\u00e4rbild","macro.no":"Inte Makro",
|
||||
"rule.thirds.name":"Tredjedelsregeln","rule.thirds.desc":"Dela bilden i 9 lika delar. Placera viktiga element p\u00e5 linjerna eller sk\u00e4rningspunkterna.","rule.thirds.tip1":"Placera horisonten p\u00e5 \u00f6vre eller nedre tredjedelslinjen","rule.thirds.tip2":"Placera motivets \u00f6gon p\u00e5 \u00f6vre sk\u00e4rningspunkterna","rule.thirds.tip3":"Placera aldrig huvudmotivet exakt i mitten",
|
||||
"rule.golden.name":"Gyllene Snittet","rule.golden.desc":"F\u00f6rh\u00e5llandet 1:1.618 \u2013 naturens perfekta proportion.","rule.golden.tip1":"Delar bilden i ungef\u00e4r 62% / 38%","rule.golden.tip2":"Mer harmoniskt \u00e4n tredjedelsregeln","rule.golden.tip3":"Finns \u00f6verallt i naturen (snackor, blommor)",
|
||||
"rule.leading.name":"Ledande Linjer","rule.leading.desc":"Naturliga linjer leder betraktarens blick till huvudmotivet.","rule.leading.tip1":"Anv\u00e4nd v\u00e4gar, floder, staket som linjer","rule.leading.tip2":"Linjerna b\u00f6r leda in i bilden","rule.leading.tip3":"Konvergerande linjer skapar djup",
|
||||
"rule.symmetry.name":"Symmetri & M\u00f6nster","rule.symmetry.desc":"Symmetriska kompositioner utstrs\u00e5lar lugn och perfektion.","rule.symmetry.tip1":"Reflektioner i vatten perfekt f\u00f6r symmetri","rule.symmetry.tip2":"Arkitektur erbjuder naturlig symmetri","rule.symmetry.tip3":"Medvetet bryta symmetrin som stilgrepp",
|
||||
"rule.framing.name":"Naturlig Inramning","rule.framing.desc":"Anv\u00e4nd element i scenen f\u00f6r att rama in ditt motiv.","rule.framing.tip1":"B\u00e5gar, f\u00f6nster, grenar som ramar","rule.framing.tip2":"Styr uppm\u00e4rksamheten mot huvudmotivet","rule.framing.tip3":"Skapar djup och sammanhang",
|
||||
"rule.negative.name":"Negativt Utrymme","rule.negative.desc":"Tomt utrymme runt motivet skapar effekt och dramatik.","rule.negative.tip1":"Mindre \u00e4r mer \u2013 anv\u00e4nd minimalism","rule.negative.tip2":"Ge motivet utrymme att andas","rule.negative.tip3":"S\u00e4rskilt effektivt i portr\u00e4tt",
|
||||
"rule.diagonal.name":"Diagonaler","rule.diagonal.desc":"Diagonala linjer skapar dynamik och sp\u00e4nning i bilden.","rule.diagonal.tip1":"H\u00f6rn till h\u00f6rn f\u00f6r maximal dynamik","rule.diagonal.tip2":"Anv\u00e4nd lutande perspektiv","rule.diagonal.tip3":"R\u00f6relseriktning l\u00e4ngs diagonalen",
|
||||
"rule.color.name":"F\u00e4rgteori","rule.color.desc":"Komplement\u00e4rf\u00e4rger och f\u00e4rgharmonier f\u00f6r stark visuell effekt.","rule.color.tip1":"Komplement\u00e4rf\u00e4rger f\u00f6r kontrast (bl\u00e5/orange)","rule.color.tip2":"Analoga f\u00e4rger f\u00f6r harmoni","rule.color.tip3":"Varma f\u00e4rger i f\u00f6rgrunden, kalla i bakgrunden",
|
||||
"motif.portrait.title":"Portr\u00e4ttfotografi","motif.portrait.desc":"F\u00e5nga m\u00e4nniskor och ansikten perfekt.","motif.landscape.title":"Landskapsfotografi","motif.landscape.desc":"F\u00e5nga vida landskap och naturscener.","motif.street.title":"Gatufotografi","motif.street.desc":"Dokumentera gatulivet autentiskt.","motif.macro.title":"Makrofotografi","motif.macro.desc":"G\u00f6r sm\u00e5 saker stora.","motif.night.title":"Nattfotografi","motif.night.desc":"Stj\u00e4rnor, stadsljus och nattscener.","motif.sport.title":"Sportfotografi","motif.sport.desc":"Frys snabba r\u00f6relser och action.","motif.architecture.title":"Arkitekturfotografi","motif.architecture.desc":"Byggnader och strukturer i perfektion.","motif.wildlife.title":"Viltfotografi","motif.wildlife.desc":"Djur i deras naturliga milj\u00f6.",
|
||||
"motif.setting.lens":"Objektiv","motif.setting.aperture":"Bl\u00e4ndare","motif.setting.iso":"ISO","motif.setting.shutter":"Slutartid",
|
||||
"nav.simtools":"Simulering","sim.tag":"Simulering","sim.title":"Fotosimuleringar","sim.desc":"Simulera olika fotoeffekter i realtid.",
|
||||
"sim.bokeh":"Bokeh","sim.longexp":"L\u00e5ng Exponering","sim.wb":"Vitbalans","sim.noise":"ISO-brus","sim.perspective":"Perspektiv","sim.histogram":"Histogram",
|
||||
"sim.bokeh.title":"Bokeh-simulator","sim.bokeh.info":"Se hur bokeh f\u00f6r\u00e4ndras med olika bl\u00e4ndare och br\u00e4nnvidder.","sim.bokeh.blades":"Bl\u00e4ndarblad","sim.bokeh.intensity":"Bokeh-intensitet",
|
||||
"sim.longexp.title":"L\u00e5ngexponerings\u00adsimulator","sim.longexp.info":"Se effekten av olika exponeringstider p\u00e5 r\u00f6relse.","sim.longexp.speed":"R\u00f6relsehastighet","sim.longexp.time":"Exponeringstid (s)",
|
||||
"sim.wb.title":"Vitbalanssimulator","sim.wb.info":"Se hur f\u00e4rgtemperaturen p\u00e5verkar din bild.","sim.wb.kelvin":"Temperatur (K)","sim.wb.tint":"Nyans",
|
||||
"sim.noise.title":"ISO-brussimulator","sim.noise.info":"Se hur digitalt brus \u00f6kar med h\u00f6gre ISO-v\u00e4rden.","sim.noise.level":"Brusniv\u00e5",
|
||||
"sim.perspective.title":"Perspektivsimulator","sim.perspective.info":"Se hur br\u00e4nnvidden p\u00e5verkar perspektivet.","sim.perspective.type":"Distorsionstyp",
|
||||
"sim.histogram.title":"Histogramsimulator","sim.histogram.info":"Se histogrammet baserat p\u00e5 exponerings\u00adinst\u00e4llningar."
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user