diff options
| -rw-r--r-- | js/lut-cam/index.html | 7 | ||||
| -rw-r--r-- | js/lut-cam/lut.js | 25 |
2 files changed, 17 insertions, 15 deletions
diff --git a/js/lut-cam/index.html b/js/lut-cam/index.html index f31c465..28d9b0d 100644 --- a/js/lut-cam/index.html +++ b/js/lut-cam/index.html @@ -50,17 +50,18 @@ <select id="lut-select" disabled> <option value="none">None</option> <option value="lut1">Inverted</option> - <option value="lut2">Enhanced</option> + <option value="lut2">Vapor</option> <option value="lut3">Subtle Cool Tone</option> <option value="lut4">Subtle Warm Tone</option> <option value="lut5">Subtle Green Tone</option> <option value="lut6">Subtle Yellow Tone</option> <option value="lut7">Desaturated</option> <option value="lut8">Saturated</option> - <option value="lut9">Warm Tint</option> - <option value="lut10">Cool Tint</option> + <option value="lut9">Cool Tint</option> + <option value="lut10">Warm Tint</option> <option value="lut11">Greyscale</option> <option value="lut12">Sepia</option> + <option value="lut13">High Contrast</option> </select> </div> diff --git a/js/lut-cam/lut.js b/js/lut-cam/lut.js index 6466f32..1c298e3 100644 --- a/js/lut-cam/lut.js +++ b/js/lut-cam/lut.js @@ -14,18 +14,19 @@ canvas.height = window.innerHeight; const LUTs = { 'none': null, - 'lut1': (r, g, b) => [255 - r, 255 - g, 255 - b], // Inverted Colors - 'lut2': (r, g, b) => [r * 1.2, g * 0.8, b * 1.5], // Enhanced Colors - 'lut3': (r, g, b) => [r * 0.9, g * 0.9, b * 1.1], // Subtle Cool Tone - 'lut4': (r, g, b) => [r * 1.1, g * 0.9, b * 0.9], // Subtle Warm Tone - 'lut5': (r, g, b) => [r * 0.9, g * 1.1, b * 0.9], // Subtle Green Tone - 'lut6': (r, g, b) => [r * 1.1, g * 1.1, b * 0.9], // Subtle Yellow Tone - 'lut7': (r, g, b) => [r * 0.9, g * 0.9, b * 0.9], // Desaturated - 'lut8': (r, g, b) => [r * 1.1, g * 1.1, b * 1.1], // Saturated - 'lut9': (r, g, b) => [r * 0.9, g * 1.1, b * 1.1], // Warm Tint - 'lut10': (r, g, b) => [r * 1.1, g * 0.9, b * 0.9], // Cool Tint - 'lut11': (r, g, b) => { const avg = (r + g + b) / 3; return [avg, avg, avg]; }, // Greyscale - 'lut12': (r, g, b) => { const avg = (r + g + b) / 3; return [avg * 1.1, avg * 0.9, avg * 0.9]; } // Sepia + 'lut1': (r, g, b) => [255 - r, 255 - g, 255 - b], + 'lut2': (r, g, b) => [r * 1.2, g * 0.8, b * 1.5], + 'lut3': (r, g, b) => [r * 0.9, g * 0.9, b * 1.1], + 'lut4': (r, g, b) => [r * 1.1, g * 0.9, b * 0.9], + 'lut5': (r, g, b) => [r * 0.9, g * 1.1, b * 0.9], + 'lut6': (r, g, b) => [r * 1.1, g * 1.1, b * 0.9], + 'lut7': (r, g, b) => [r * 0.9, g * 0.9, b * 0.9], + 'lut8': (r, g, b) => [r * 1.1, g * 1.1, b * 1.1], + 'lut9': (r, g, b) => [r * 0.9, g * 1.1, b * 1.1], + 'lut10': (r, g, b) => [r * 1.1, g * 0.9, b * 0.9], + 'lut11': (r, g, b) => { const avg = (r + g + b) / 3; return [avg, avg, avg]; }, + 'lut12': (r, g, b) => { const avg = (r + g + b) / 3; return [avg * 1.1, avg * 0.9, avg * 0.9]; }, + 'lut13': (r, g, b) => [r * 1.5, g * 1.5, b * 1.5] }; let currentLUT = null; |