Skip to content

Commit c960282

Browse files
dimitrinicolasdimitrinicolas
committed
started led animation
1 parent 9dd1487 commit c960282

2 files changed

Lines changed: 181 additions & 116 deletions

File tree

‎lib/actions.js‎

Lines changed: 115 additions & 115 deletions
Original file line numberDiff line numberDiff line change
@@ -2,38 +2,38 @@
22

33
export default function actions(message) {
44

5-
// console.log(message);
5+
// console.log(message.data);
66

77
// TODO
88
// col 1 : @media with current media indicator
99
// % / px
1010
// col 6 : bg color img linear gradient
1111
// col 8 : all value
1212

13-
if (message.data[0] === 144 && message.data[1] === 93 && message.data[2] === 127) {
13+
if (message.data[0] === 176 && message.data[1] === 42 && message.data[2] === 127) {
1414
// STOP
1515
this.deleteLine();
1616
}
17-
if (message.data[0] === 144 && message.data[1] === 46 && message.data[2] === 127) {
17+
if (message.data[0] === 176 && message.data[1] === 58 && message.data[2] === 127) {
1818
// LEFT
1919
this.focusSelector(-1);
2020
}
21-
if (message.data[0] === 144 && message.data[1] === 47 && message.data[2] === 127) {
21+
if (message.data[0] === 176 && message.data[1] === 59 && message.data[2] === 127) {
2222
// RIGHT
2323
this.focusSelector(1);
2424
}
2525

2626

27-
if (message.data[0] === 144 && message.data[2] === 127) {
27+
if (message.data[0] === 176 && message.data[2] === 127) {
2828
// COLUMN 2 BUTTONS POSITION
2929

3030
var values = {
31-
9: 'absolute',
32-
17: 'relative',
33-
1: 'absolute'
31+
33: 'absolute',
32+
49: 'relative',
33+
65: 'absolute'
3434
};
3535
var position = values[message.data[1]];
36-
if (message.data[1] === 1) {
36+
if (message.data[1] === 65) {
3737
this.addLine('position', function(node) {
3838
return 'absolute 50% auto auto 50%';
3939
}, { focus: true, cb: function() {
@@ -65,10 +65,10 @@ export default function actions(message) {
6565
}
6666

6767
}
68-
if (message.data[0] === 225) {
68+
if (message.data[0] === 176 && message.data[1] === 1) {
6969
// COLUMN 2 SLIDER POSITION
7070

71-
var px = Math.round(message.data[1] / 127 * 64);
71+
var px = Math.round(message.data[2] / 127 * 64);
7272

7373
this.addLine('position', function(node) {
7474
var position = !node ? 'relative' : node.value.split(' ')[0];
@@ -77,117 +77,117 @@ export default function actions(message) {
7777
});
7878

7979
}
80-
if (message.data[0] === 176 && message.data[1] === 17) {
81-
// COLUMN 2 ORIENTATION POSITION
82-
// TODO
83-
84-
if (message.data[2] === 127) {
85-
// LEFT
86-
87-
this.addLine('position', function(node) {
88-
var position = !node ? 'relative' : node.value.split(' ')[0];
89-
var value = '';
90-
if (node) {
91-
value = node.value.split(' ');
92-
value.shift();
93-
if (value.length === 0) {
94-
value = '0 0';
95-
}
96-
else if (value.length === 1) {
97-
value = value[0] + ' ' + value[0];
98-
}
99-
else {
100-
value = value[0] + ' ' + value[1];
101-
}
102-
}
103-
if (value) {
104-
value = ' ' + value;
105-
}
106-
return position + value;
107-
});
108-
}
109-
if (message.data[2] === 1 || message.data[2] === 65) {
110-
// MIDDLE
111-
112-
this.addLine('position', function(node) {
113-
var position = !node ? 'relative' : node.value.split(' ')[0];
114-
var value = '';
115-
if (node) {
116-
value = node.value.split(' ');
117-
value.shift();
118-
if (value.length === 0) {
119-
value = '0';
120-
}
121-
else {
122-
value = value[0];
123-
}
124-
}
125-
if (value) {
126-
value = ' ' + value;
127-
}
128-
return position + value;
129-
});
130-
}
131-
if (message.data[2] === 63) {
132-
// RIGHT
133-
134-
this.addLine('position', function(node) {
135-
var position = !node ? 'relative' : node.value.split(' ')[0];
136-
var value = '';
137-
if (node) {
138-
value = node.value.split(' ');
139-
value.shift();
140-
if (value.length === 0) {
141-
value = '0 0';
142-
}
143-
else if (value.length === 1) {
144-
value = value[0] + ' ' + value[0];
145-
}
146-
else {
147-
value = value[0] + ' ' + value[1];
148-
}
149-
}
150-
if (value) {
151-
value = ' ' + value;
152-
}
153-
return position + value;
154-
});
155-
}
156-
157-
}
158-
159-
160-
if (message.data[0] === 144 && message.data[2] === 127) {
80+
// if (message.data[0] === 176 && message.data[1] === 17) {
81+
// // COLUMN 2 ORIENTATION POSITION
82+
// // TODO
83+
//
84+
// if (message.data[2] === 127) {
85+
// // LEFT
86+
//
87+
// this.addLine('position', function(node) {
88+
// var position = !node ? 'relative' : node.value.split(' ')[0];
89+
// var value = '';
90+
// if (node) {
91+
// value = node.value.split(' ');
92+
// value.shift();
93+
// if (value.length === 0) {
94+
// value = '0 0';
95+
// }
96+
// else if (value.length === 1) {
97+
// value = value[0] + ' ' + value[0];
98+
// }
99+
// else {
100+
// value = value[0] + ' ' + value[1];
101+
// }
102+
// }
103+
// if (value) {
104+
// value = ' ' + value;
105+
// }
106+
// return position + value;
107+
// });
108+
// }
109+
// if (message.data[2] === 1 || message.data[2] === 65) {
110+
// // MIDDLE
111+
//
112+
// this.addLine('position', function(node) {
113+
// var position = !node ? 'relative' : node.value.split(' ')[0];
114+
// var value = '';
115+
// if (node) {
116+
// value = node.value.split(' ');
117+
// value.shift();
118+
// if (value.length === 0) {
119+
// value = '0';
120+
// }
121+
// else {
122+
// value = value[0];
123+
// }
124+
// }
125+
// if (value) {
126+
// value = ' ' + value;
127+
// }
128+
// return position + value;
129+
// });
130+
// }
131+
// if (message.data[2] === 63) {
132+
// // RIGHT
133+
//
134+
// this.addLine('position', function(node) {
135+
// var position = !node ? 'relative' : node.value.split(' ')[0];
136+
// var value = '';
137+
// if (node) {
138+
// value = node.value.split(' ');
139+
// value.shift();
140+
// if (value.length === 0) {
141+
// value = '0 0';
142+
// }
143+
// else if (value.length === 1) {
144+
// value = value[0] + ' ' + value[0];
145+
// }
146+
// else {
147+
// value = value[0] + ' ' + value[1];
148+
// }
149+
// }
150+
// if (value) {
151+
// value = ' ' + value;
152+
// }
153+
// return position + value;
154+
// });
155+
// }
156+
//
157+
// }
158+
159+
160+
if (message.data[0] === 176 && message.data[2] === 127) {
161161
// COLUMN 3 BUTTONS DISPLAY
162162

163163
var values = {
164-
10: 'block',
165-
18: 'inline-block',
166-
2: 'flex'
164+
34: 'block',
165+
50: 'inline-block',
166+
66: 'flex'
167167
};
168168
var display = values[message.data[1]];
169169
if (display) {
170170
this.addLine('display', function() { return display; }, { focus: true });
171171
}
172172

173173
}
174-
if (message.data[0] === 226) {
174+
if (message.data[0] === 176 && message.data[1] === 2) {
175175
// COLUMN 3 SLIDER DISPLAY
176176

177-
var px = Math.round(message.data[1] / 127 * 66);
177+
var px = Math.round(message.data[2] / 127 * 66);
178178
if (px >= 65) { px = '100%'; }
179179
else if (px !== 0) { px = px + 'px'; }
180180
this.addLine('size', function(node) { return px; });
181181

182182
}
183183

184184

185-
if (message.data[0] === 144 && message.data[2] === 127) {
185+
if (message.data[0] === 176 && message.data[2] === 127) {
186186
// COLUMN 4 BUTTONS MARGIN/PADDING
187187

188188
var props = {
189-
11: 'margin',
190-
19: 'padding'
189+
35: 'margin',
190+
51: 'padding'
191191
};
192192
var prop = props[message.data[1]];
193193
if (prop) {
@@ -198,10 +198,10 @@ export default function actions(message) {
198198
}
199199

200200
}
201-
if (message.data[0] === 227) {
201+
if (message.data[0] === 176 && message.data[1] === 3) {
202202
// COLUMN 4 SLIDER MARGIN/PADDING
203203

204-
var px = Math.round(message.data[1] / 127 * 64);
204+
var px = Math.round(message.data[2] / 127 * 64);
205205
px = px !== 0 ? px + 'px' : px;
206206
this.getFocusNode(function(node) {
207207
if (node && node.type === 'decl') {
@@ -214,13 +214,13 @@ export default function actions(message) {
214214
}
215215

216216

217-
if (message.data[0] === 144 && message.data[2] === 127) {
217+
if (message.data[0] === 176 && message.data[2] === 127) {
218218
// COLUMN 5 BUTTONS FONTS WEIGHT
219219

220220
var values = {
221-
12: '500',
222-
20: '400',
223-
4: '300'
221+
36: '500',
222+
52: '400',
223+
68: '300'
224224
};
225225
var weight = values[message.data[1]];
226226
if (weight) {
@@ -242,10 +242,10 @@ export default function actions(message) {
242242
}
243243

244244
}
245-
if (message.data[0] === 228) {
245+
if (message.data[0] === 176 && message.data[1] === 4) {
246246
// COLUMN 5 SLIDER FONT SIZE
247247

248-
var px = Math.round(message.data[1] / 127 * 10) + 12;
248+
var px = Math.round(message.data[2] / 127 * 10) + 12;
249249

250250
px = px !== 0 ? px + 'px' : px;
251251
this.addLine('font', function(node) {
@@ -260,24 +260,24 @@ export default function actions(message) {
260260

261261
}
262262

263-
if (message.data[0] === 144 && message.data[2] === 127) {
263+
if (message.data[0] === 176 && message.data[2] === 127) {
264264
// COLUMN 6 BUTTONS TRANSITION
265265

266266
var values = {
267-
13: '0.1s',
268-
21: '0.2s',
269-
5: '0.3s'
267+
37: '0.1s',
268+
53: '0.2s',
269+
69: '0.3s'
270270
};
271271
var transition = values[message.data[1]];
272272
if (transition) {
273273
this.addLine('transition', function() { return transition; }, { focus: true });
274274
}
275275

276276
}
277-
if (message.data[0] === 229) {
278-
// COLUMN 6 TRANSITION
277+
if (message.data[0] === 176 && message.data[1] === 5) {
278+
// COLUMN 6 SLIDER TRANSITION
279279

280-
var sec = Math.round(Math.round(message.data[1] / 127 * 3 / 10 * 100) * 0.02 * 100) / 100;
280+
var sec = Math.round(Math.round(message.data[2] / 127 * 3 / 10 * 100) * 0.02 * 100) / 100;
281281
sec = sec !== 0 ? sec + 's' : sec;
282282
this.addLine('transition', function(node) { return sec; });
283283

0 commit comments

Comments
 (0)