Update script.js

script.js

@@ -121,9 +121,9 @@ const applyFilters = function() {
             const blueCurve = createCurveData(blueCurvePoints);
             
             this.process("rgbCurve", function(rgba) {
-                rgba.r = redCurve[rgba.r];
-                rgba.g = greenCurve[rgba.g];
-                rgba.b = blueCurve[rgba.b];
+                rgba.r = Math.min(255, Math.max(0, redCurve[rgba.r]));
+                rgba.g = Math.min(255, Math.max(0, greenCurve[rgba.g]));
+                rgba.b = Math.min(255, Math.max(0, blueCurve[rgba.b]));
                 return rgba;
             });
         };
@@ -131,23 +131,23 @@ const applyFilters = function() {
         // 輝度カーブ調整を適用
         const applyLuminanceCurve = function() {
             const luminanceCurve = createCurveData(luminanceCurvePoints);
-            const shadowAmount = parseInt(shadowsSlider.value);
-            const highlightAmount = parseInt(highlightsSlider.value);
+            const shadowAmount = parseInt(shadowsSlider.value) / 2; // 調整量を減らす
+            const highlightAmount = parseInt(highlightsSlider.value) / 2;
             
             this.process("luminanceAdjustment", function(rgba) {
                 const luminance = 0.299 * rgba.r + 0.587 * rgba.g + 0.114 * rgba.b;
                 const normalizedLum = luminance / 255;
                 
-                // カーブ調整
-                const curveAdjustment = (luminanceCurve[luminance] - luminance);
+                // カーブ調整（0-255範囲に収める）
+                const curveAdjustment = (luminanceCurve[luminance] - luminance) / 3;
                 
                 // シャドウ調整（低輝度ほど強く適用）
-                const shadowAdjust = shadowAmount * (1 - normalizedLum);
+                const shadowAdjust = shadowAmount * (1 - normalizedLum) / 2;
                 
                 // ハイライト調整（高輝度ほど強く適用）
-                const highlightAdjust = highlightAmount * normalizedLum;
+                const highlightAdjust = highlightAmount * normalizedLum / 2;
                 
-                // 合計調整量
+                // 合計調整量（より控えめに）
                 const totalAdjust = curveAdjustment + shadowAdjust + highlightAdjust;
                 
                 rgba.r = Math.min(255, Math.max(0, rgba.r + totalAdjust));
@@ -169,7 +169,6 @@ const applyFilters = function() {
         isApplyingFilters = false;
     }
 };
-
     // カーブを描画する関数
     const drawCurve = function(canvas, points, color) {
         const ctx = canvas.getContext('2d');