about summary refs log tree commit diff stats
path: root/js/leibovitz/balance.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/leibovitz/balance.js')
-rw-r--r--js/leibovitz/balance.js103
1 files changed, 103 insertions, 0 deletions
diff --git a/js/leibovitz/balance.js b/js/leibovitz/balance.js
new file mode 100644
index 0000000..aeff62e
--- /dev/null
+++ b/js/leibovitz/balance.js
@@ -0,0 +1,103 @@
+/**
+ * White balance management module implementing temperature-based color adjustment.
+ * 
+ * Implements white balance adjustment using temperature-based RGB channel scaling.
+ * Provides non-linear temperature adjustment for natural color correction.
+ * 
+ * Implements the following design patterns:
+ * - Observer Pattern: state management and effect application
+ * - Factory Pattern: UI initialization
+ * - Strategy Pattern: temperature adjustment algorithm
+ * - Command Pattern: state reset operations
+ * 
+ * White balance adjustment process:
+ * 1. Convert temperature to ratio relative to neutral (6500K)
+ * 2. Apply non-linear scaling (0.2 factor) to red and blue channels
+ * 3. Warmer temps (<6500K) increase red, decrease blue
+ * 4. Cooler temps (>6500K) increase blue, decrease red
+ * 
+ * Features:
+ * - Temperature-based color adjustment
+ * - Non-linear response curve
+ * - Preserves green channel
+ * - Real-time updates
+ */
+
+const BalanceManager = {
+    // Private state
+    _observers: new Set(),
+    _slider: null,
+    _value: null,
+
+    /**
+     * Initializes the balance manager and sets up UI controls
+     */
+    init() {
+        this._slider = document.getElementById('balance-slider');
+        this._value = document.getElementById('balance-value');
+        this._setupEventListeners();
+    },
+
+    _setupEventListeners() {
+        this._slider.addEventListener('input', () => {
+            const value = this._slider.value;
+            this._value.textContent = `${value}K`;
+            this._notifyObservers();
+        });
+    },
+
+    _notifyObservers() {
+        this._observers.forEach(observer => observer(this.getCurrentBalance()));
+    },
+
+    /**
+     * Subscribes to balance state changes
+     * @param {Function} observer - Callback function for state changes
+     * @returns {Function} Unsubscribe function
+     */
+    subscribe(observer) {
+        this._observers.add(observer);
+        return () => this._observers.delete(observer);
+    },
+
+    /**
+     * Gets the current white balance temperature
+     * @returns {number} Current temperature in Kelvin (2000K-10000K)
+     */
+    getCurrentBalance() {
+        return parseInt(this._slider.value);
+    },
+
+    /**
+     * Applies white balance adjustment to an image
+     * And implements temperature-based RGB channel scaling with non-linear response
+     * @param {ImageData} imageData - Source image data
+     * @returns {ImageData} White balanced image data
+     */
+    applyBalance(imageData) {
+        const balance = this.getCurrentBalance();
+        if (!balance || balance === 6500) return imageData; // 6500K is neutral
+
+        const data = imageData.data;
+        const temperature = balance / 6500; // Convert to temperature ratio
+
+        for (let i = 0; i < data.length; i += 4) {
+            // Adjust red and blue channels based on temperature
+            // Warmer (lower K) increases red, decreases blue
+            // Cooler (higher K) increases blue, decreases red
+            data[i] = Math.min(255, data[i] * (1 + (temperature - 1) * 0.2));     // Red
+            data[i + 2] = Math.min(255, data[i + 2] * (1 + (1 - temperature) * 0.2)); // Blue
+        }
+
+        return imageData;
+    },
+
+    /**
+     * Resets balance effect to default state
+     */
+    reset() {
+        this._slider.value = 6500;
+        this._value.textContent = '6500K';
+        this._notifyObservers();
+    }
+}; 
\ No newline at end of file
0f7f64e16ae37cf8d22907'>69f04c3f ^
2e8c5d39 ^
87cc473c ^
92681d7b ^
7feea75b ^
31401373 ^
9d670bb5 ^

0d7b60ed ^
d135851e ^

5f98a10c ^
d135851e ^




5f98a10c ^
d135851e ^


8b9f1750 ^
0487a30e ^


ac0e9db5 ^
35064671 ^
0487a30e ^

e4630643 ^
5f98a10c ^
e4630643 ^

0f125d5f ^
7402ce32 ^
5f98a10c ^
7402ce32 ^
5f98a10c ^
87cc473c ^
69f04c3f ^
32cd40ec ^
e4630643 ^
1066660e ^
69f04c3f ^
8dacba82 ^
2199940a ^
88be3dbc ^
8dacba82 ^
bc643692 ^
8dacba82 ^

5497090a ^
bc643692 ^
d135851e ^
8dacba82 ^
8dacba82 ^



d135851e ^
5f98a10c ^
d135851e ^








5f98a10c ^
d135851e ^
87cc473c ^


8b9f1750 ^
4071055a ^
87cc473c ^
5f98a10c ^
87cc473c ^
bc643692 ^
5497090a ^
87cc473c ^

d135851e ^

87cc473c ^
5f98a10c ^
87cc473c ^
7402ce32 ^
5f98a10c ^
7402ce32 ^
bc643692 ^
7402ce32 ^





5f98a10c ^
7402ce32 ^
8dacba82 ^
fca0ebbe ^
8dacba82 ^

ac0e9db5 ^
4082acd2 ^
8dacba82 ^


ac0e9db5 ^
8dacba82 ^
4082acd2 ^
8dacba82 ^



4071055a ^




5497090a ^
4071055a ^

bc643692 ^

4071055a ^


051c4738 ^
4071055a ^
5497090a ^
4071055a ^

bc643692 ^

4071055a ^









e4630643 ^













5f98a10c ^
e4630643 ^
4071055a ^
960e680d ^





e4630643 ^













5f98a10c ^
e4630643 ^
960e680d ^
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210