initial commit · webduinoio/webduino@074c4cd · GitHub
Skip to content

Commit 074c4cd

Browse files
author
Ke, Mingze
committed
initial commit
0 parents  commit 074c4cd

35 files changed

Lines changed: 2284 additions & 0 deletions

‎bower.json‎

Lines changed: 7 additions & 0 deletions

‎demo/angularjs/js/ledController.js‎

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
'use strict';
2+
3+
angular.module('ledExample', [])
4+
.controller('ledController', ['$scope', function ($scope) {
5+
6+
$scope.stateModel = [{
7+
label: 'on',
8+
value: 'on'
9+
}, {
10+
label: 'off',
11+
value: 'off'
12+
}];
13+
14+
$scope.state = $scope.stateModel[1];
15+
16+
$scope.toggle = function () {
17+
var state = $scope.state;
18+
if (state.value !== 'on') {
19+
$scope.state = $scope.stateModel[0];
20+
} else {
21+
$scope.state = $scope.stateModel[1];
22+
}
23+
};
24+
}]);

‎demo/angularjs/led.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<!DOCTYPE html >
2+
<html ng-app='ledExample'>
3+
4+
<head>
5+
<script src="../../../webcomponentsjs/webcomponents.js"></script>
6+
<link rel='import' href='../../web-arduino.html'></link>
7+
<link rel='import' href='../../wa-led.html'></link>
8+
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
9+
<script src="js/ledController.js"></script>
10+
<style>
11+
select {
12+
width: 10%;
13+
height: 30px;
14+
}
15+
button {
16+
margin-top: 10px;
17+
width: 10%;
18+
height: 50px;
19+
}
20+
</style>
21+
</head>
22+
23+
<body ng-controller="ledController">
24+
<web-arduino id='board' device='Mnw4'>
25+
<wa-led id='led' pin='11' state="{{state.value}}"></wa-led>
26+
</web-arduino>
27+
28+
<div>
29+
<label>LED State:</label>
30+
<select ng-model="state" ng-options="m.label for m in stateModel"></select>
31+
<br>
32+
<button ng-click="toggle();">toggle</button>
33+
<hr>
34+
<h1>LED:
35+
<span ng-bind="state.value || 'none'"></span>
36+
</h1>
37+
</div>
38+
39+
</body>
40+
41+
</html>

‎demo/buzzer.html‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<script src="../../webcomponentsjs/webcomponents.js"></script>
6+
<link rel='import' href='../web-arduino.html'></link>
7+
<link rel='import' href='../wa-buzzer.html'></link>
8+
</head>
9+
10+
<body>
11+
<web-arduino id='board' device='wahaha'>
12+
<wa-buzzer id='buzzer' pin='11' notes='E5,E5,REST,E5,REST,C5,E5,REST,G5' tempos='8,8,8,8,8,8,8,8,8' autoplay></wa-buzzer>
13+
</web-arduino>
14+
</body>
15+
16+
</html>

‎demo/dht.html‎

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
7+
<title>Detect humidity and temperature</title>
8+
9+
<script src="../../webcomponentsjs/webcomponents.js"></script>
10+
<link rel='import' href='../web-arduino.html'></link>
11+
<link rel='import' href='../wa-dht.html'></link>
12+
13+
<style>
14+
* {
15+
font-size: 20px;
16+
}
17+
18+
#msg.default::after {
19+
content: "訊息";
20+
}
21+
#msg.waiting::after {
22+
content: "Loading...";
23+
}
24+
#msg.ready::after {
25+
content: "Ready!";
26+
}
27+
#msg.setting::after {
28+
content: "設定中...";
29+
}
30+
#msg.set::after {
31+
content: "設定完成";
32+
}
33+
</style>
34+
</head>
35+
36+
<body>
37+
<web-arduino id='board'>
38+
<wa-dht id='dht' pin='10'></wa-dht>
39+
</web-arduino>
40+
41+
<div id="msg" class="waiting"></div>
42+
43+
<form>
44+
<label>device : </label><input type="text" id="device">
45+
<button class="setting" id="set">設定</button>
46+
</form>
47+
48+
<p>需接地及5V電源, DHT pin : 10</p>
49+
<p>使用溫溼度感應，偵測現場溫溼度。</p>
50+
<p id='data'>none</p>
51+
52+
53+
<script>
54+
window.addEventListener('WebComponentsReady', function() {
55+
var board = document.getElementById('board'),
56+
msg = document.getElementById('msg'),
57+
device = document.getElementById('device'),
58+
dht = document.getElementById('dht'),
59+
setBtn = document.getElementById('set'),
60+
data = document.getElementById('data');
61+
62+
device.setAttribute('value', localStorage.device || "");
63+
64+
msg.className = "ready";
65+
66+
setBtn.addEventListener('click', function(e) {
67+
msg.className = "setting";
68+
board.device = device.value;
69+
localStorage.device = device.value;
70+
board.on('ready', ready);
71+
board.init();
72+
e.stopPropagation();
73+
e.preventDefault();
74+
return false;
75+
}, false);
76+
77+
function ready() {
78+
// 示意 board ready
79+
msg.className = "set";
80+
run();
81+
}
82+
83+
function run(times) {
84+
dht.read(function(evt) {
85+
data.innerHTML = Date() + "<br>溫度:" + evt.temperature + ", 溼度:" + evt.humidity;
86+
}, 3000);
87+
}
88+
});
89+
</script>
90+
</body>
91+
92+
</html>

‎demo/jigglypuff/jigglypuff.html‎

Lines changed: 208 additions & 0 deletions

‎demo/jigglypuff/jigglypuff.mp3‎

519 KB
Binary file not shown.

‎demo/jigglypuff/sing.gif‎

487 KB
Loading

‎demo/jigglypuff/stand.jpg‎

5.24 KB
Loading

0 commit comments

Comments
 (0)