iot/esp8266-laser
1
0
Fork 0
mirror of https://github.com/0x1d/esp8266-laser.git synced 2025-12-14 18:15:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix motor numbers and parameter order

Browse Source
This commit is contained in:
0x1d
2017-10-23 22:55:26 +02:00
parent 6ec06be6c8
commit 997d4742d1
6 changed files with 30 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
README.md
View File

@@ -1,7 +1,7 @@
# Esp8266-Laser
Wifi Host for the Arduino-Laser-Spirograph
#usage:
HTTP GET endpoints:
/motor/{motorNr}/{value}
/laser/{value}
/ssid/{ssidname}
@@ -12,7 +12,7 @@ Wifi Host for the Arduino-Laser-Spirograph
/readwifi -> returns wifi settings
/readvalues -> return laser and motor values (all 0 at startup, ram only)
#install
# Install
- install arduino ide (1.8.5)
- follow this instruction
@@ -32,5 +32,13 @@ You may also need to:
- get and install driver for nodemcu
https://www.silabs.com/products/development-tools/software/usb-to-uart-bridge-vcp-drivers
# Development
Frontend
--------
Frontend development requires NodeJS / NPM.
Run development server:
npm run dev
Build distribution source:
npm run build

6
data/index.html
View File

@@ -96,11 +96,11 @@
<label>L</label>
<input type="range" class="laser slider" value="0" max="128">
<label>M1</label>
<input type="range" class="motor slider" value="0" max="128" data-motor-nr="0">
<label>M2</label>
<input type="range" class="motor slider" value="0" max="128" data-motor-nr="1">
<label>M3</label>
<label>M2</label>
<input type="range" class="motor slider" value="0" max="128" data-motor-nr="2">
<label>M3</label>
<input type="range" class="motor slider" value="0" max="128" data-motor-nr="3">
</div>
<div id="prototypControls">
<text class="sectionDesc">last uri:</text>

11
data/scripts.js
View File

@@ -99,15 +99,13 @@ var $ = function(selector){
let update = function(endpoint, method, props) {
Sui.http.ajax({
method: method,
endpoint: node.api[endpoint] + props.join('/'),
endpoint: node.api[endpoint] + (props ? props.join('/') : ''),
cache: false
}, actuator.onResponse || null);
};
Sui.select(actuator.selector).forEach( (domEl) =>{
let handle = function(event) {
data = [this.value];
actuator.data ? data.push(actuator.data.call(this)) : undefined;
update.call(this, actuator.api, 'GET', data);
update.call(this, actuator.api, 'GET', actuator.data ? actuator.data.call(this) : undefined );
}
$(domEl).on(actuator.event, handle)
});
@@ -167,7 +165,7 @@ var $ = function(selector){
selector: '.motor.slider',
event: 'change',
data: function(){
return this.getAttribute('data-motor-nr');
return [this.getAttribute('data-motor-nr'), this.value];
},
onResponse: debugResponse
}, {
@@ -175,6 +173,9 @@ var $ = function(selector){
method: 'GET',
selector: '.laser.slider',
event: 'change',
data: function(){
return [this.value];
},
onResponse: debugResponse
}].forEach(Sui.link({
api: {

6
frontend/pages/index.html
View File

@@ -96,11 +96,11 @@
<label>L</label>
<input type="range" class="laser slider" value="0" max="128">
<label>M1</label>
<input type="range" class="motor slider" value="0" max="128" data-motor-nr="0">
<label>M2</label>
<input type="range" class="motor slider" value="0" max="128" data-motor-nr="1">
<label>M3</label>
<label>M2</label>
<input type="range" class="motor slider" value="0" max="128" data-motor-nr="2">
<label>M3</label>
<input type="range" class="motor slider" value="0" max="128" data-motor-nr="3">
</div>
<div id="prototypControls">
<text class="sectionDesc">last uri:</text>

6
frontend/scripts/sui.js
View File

@@ -12,15 +12,13 @@ var Sui = {
let update = function(endpoint, method, props) {
Sui.http.ajax({
method: method,
endpoint: node.api[endpoint] + props.join('/'),
endpoint: node.api[endpoint] + (props ? props.join('/') : ''),
cache: false
}, actuator.onResponse || null);
};
Sui.select(actuator.selector).forEach( (domEl) =>{
let handle = function(event) {
data = [this.value];
actuator.data ? data.push(actuator.data.call(this)) : undefined;
update.call(this, actuator.api, 'GET', data);
update.call(this, actuator.api, 'GET', actuator.data ? actuator.data.call(this) : undefined );
}
$(domEl).on(actuator.event, handle)
});

5
frontend/scripts/zMain.js
View File

@@ -8,7 +8,7 @@ Sui.ready(() => {
selector: '.motor.slider',
event: 'change',
data: function(){
return this.getAttribute('data-motor-nr');
return [this.getAttribute('data-motor-nr'), this.value];
},
onResponse: debugResponse
}, {
@@ -16,6 +16,9 @@ Sui.ready(() => {
method: 'GET',
selector: '.laser.slider',
event: 'change',
data: function(){
return [this.value];
},
onResponse: debugResponse
}].forEach(Sui.link({
api: {