-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsingle-project.html
266 lines (238 loc) · 14 KB
/
single-project.html
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
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>LiBin-博客</title>
<link rel="SHORTCUT ICON" href="images/logo.jpg">
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Main css -->
<link rel="stylesheet" href="css/style.css">
<!-- <link href="https://fonts.useso.com/css?family=Work+Sans:300,400,700" rel="stylesheet"> -->
<link rel="stylesheet" href="css/fonts.css">
</head>
<body>
<!-- PRE LOADER -->
<div class="preloader">
<div class="sk-spinner sk-spinner-wordpress">
<span class="sk-inner-circle"></span>
</div>
</div>
<!-- Navigation section -->
<div class="navbar navbar-default navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand">
<img src="images/home/logo.svg" width="70" height="70" />
</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="index.html">首页</a>
</li>
<li>
<a href="single-blog.html">设计</a>
</li>
<li class="php">
<a href="single-project.html">作品</a>
</li>
<li>
<a href="single-teams.html">项目</a>
</li>
<li>
<a href="single-education.html">教学</a>
</li>
<li>
<a href="about.html">关于</a>
</li>
<li>
<a href="contact.html">联系</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Single Project Section -->
<section id="single-project">
<div class="container container-left">
<div class="row">
<div class="col-md-offset-1 col-md-10 col-sm-12">
<div class="blog-post-image">
<img src="images/project/all.jpg" class="img-responsive" alt="Portfolio">
</div>
<!-- 3D打印 -->
<h1>
<img src="images/home/icon-h.svg" width="28" height="28" /> 3D打印</h1>
<h2>1.乐高小车</h2>
<p>采用模块化设计，包含核心处理器、电源管理、电机驱动、蓝牙通讯等功能模块。通过3D打印将他们组装起来。使用手机App蓝牙控制车的运动。整个车体积非常小，完全可放在口袋里。</p>
<div class="blog-post-image">
<img src="images/project/LegoCar1.jpg" class="img-responsive" alt="Portfolio">
</div>
<p>视频地址：<a href="https://v.qq.com/x/page/c0569ak84l8.html" target="view_window">Lego Car</a></p>
<br>
<h2>2.Robot小人</h2>
<p>拥有表情的小人造型，可显示8*8像素的图案，同时增加一个遥感，还可以玩贪吃蛇、小鸟飞飞等游戏。</p>
<div class="blog-post-image">
<img src="images/project/robotpeople1.jpg" class="img-responsive" alt="Portfolio">
</div>
<br>
<h2>3.复刻雀巢杯盖</h2>
<p>雀巢为自己定制了一个限量款的礼物，有什么功能呢？看到上图的时间，容易联想到什么？它是一款闹钟杯盖，设定一个早晨起床的闹钟，关掉它的唯一办法就是打开杯盖，既然杯盖都打开了，顺便喝杯咖啡，很惬意！
<br> 而杯盖的硬件方案用的就是Microduino，小身材，大能量！你能想到在这个杯盖里面放置了多少模块吗？
</p>
<div class="blog-post-image">
<img src="images/project/cap.jpg" class="img-responsive" alt="Portfolio">
</div>
<p>官方视频地址：<a href="https://v.qq.com/x/page/t056939ora7.html" target="view_window">雀巢杯盖</a></p>
<br>
<h2>4.ESP32视频小车</h2>
<p>使用ESP32驱动摄像头，将图像通过Http推送到局域网内，通过访问ip地址就可以看到图像。同时网页上有控制按钮，可控制车的运动。
<br> ESP32专为移动设备、可穿戴电子产品和物联网应用而设计，超低功耗，集成 2.4
GHz、Wi-Fi和蓝牙双模的单芯片方案。虽然处理能力比树莓派低很多，但是功能已经足够强大了，比树莓派省电，只需要3.7v锂电池就可以驱动，而且价格也相对便宜，一个带摄像头的ESP32CAM开发板才几十块钱。
</p>
<div class="blog-post-image">
<img src="images/project/ESP32Car.jpg" class="img-responsive" alt="Portfolio">
</div>
<p>视频地址：<a href="https://v.qq.com/x/page/z0894pdb59m.html" target="view_window">ESP32 Camera
Car</a></p>
<br>
<br>
<br>
<!-- 激光切割 -->
<h1>
<img src="images/home/icon-h.svg" width="28" height="28" /> 激光切割</h1>
<h2>1.交通小沙盘</h2>
<p>交通小沙盘是百变小强的衍生品，小强通过2.4G无线与沙盘通讯从而进行智能化控制。小强颜色识别寻迹+确认位置，在不同位置有不同交互。
<br> 在路灯区，经过不同的路灯亮不同颜色；
<br> 在风车区，风车定时转一会，楼房灯也亮一定时间；
<br> 在红绿灯区，车到了红绿灯会向沙盘请求现在灯的状态，红灯停，绿灯行。同时红绿灯可以通过人为干预。
</p>
<div class="blog-post-image">
<img src="images/project/sandbox.jpg" class="img-responsive" alt="Portfolio">
</div>
<br>
<h2>2.彩虹糖分拣机</h2>
<p>彩虹糖分拣机也是百变小强的衍生品，同样利用颜色识别，区分不同颜色的彩虹糖，将它们归纳到不同的盒子中。</p>
<div class="blog-post-image">
<img src="images/project/thingcolor.jpg" class="img-responsive" alt="Portfolio">
</div>
<br>
<h2>3.点阵时钟</h2>
<p>偶然间发现黑色半透明体亚克力特别好看，想到可以将原来做过的点阵时钟改个造型。将四个点阵模块级联，使用蓝牙模块通过手机APP【mDock】控制。
<br> 时间日期：定时自动切换显示时间与日期；
<br> 校准：长时间不供电，时钟模块时间错误，可校准日期、时间；
<br> 留言：发送任意字符（英文）给点阵模块显示；
<br> 画图：mDock画图控件画图，点阵实时显示。
</p>
<div class="blog-post-image">
<img src="images/project/matrixtime.jpg" class="img-responsive" alt="Portfolio">
</div>
<br>
<!-- “加油向未来”联动装置 -->
<h2>4.“加油向未来”联动装置</h2>
<p>央视推出一档名为《加油！向未来》的科技节目，每周日晚八点黄金时间播出。央视组织了一个比赛活动，需要制作一套连锁反应装置，最终扎爆一只气球，对于万能的Microduino貌似很简单的要求，所以就接了，
6个人奋战一周，每天9点，激光切割、榔头、胶水、CAD、电锤、气泵，螺丝钉，Microduino智能电子积木硬件等等。我负责电子部分程序编写。</p>
<div class="blog-post-image">
<img src="images/project/CCTVMUI.jpg" class="img-responsive" alt="Blog Image">
</div>
<p>视频地址：<a href="https://v.qq.com/x/page/p0568660aut.html" target="view_window">“加油向未来”</a></p>
<br>
<br>
<br>
<!-- 物联网 -->
<h1>
<img src="images/home/icon-h.svg" width="28" height="28" /> 物联网</h1>
<h2>1.mCotton物联网平台</h2>
<p>mCotton物联网平台可让Microduino智能硬件通过蓝牙或Wifi连接到网络中，实现硬件联网监控。也可以通过拖拽定制个性化的控制界面。
<br>配合整个平台与硬件的连接调试，包括移动APP（iOS和Android）的蓝牙、wifi连接调试。包括人工智能的案例输出。
</p>
<div class="blog-post-image">
<img src="images/project/mCotton.jpg" class="img-responsive" alt="Portfolio">
</div>
<br>
<h2>2.Siri控制智能家居</h2>
<p>采用开源智能家居平台Home Assistant 。所有设备首先接入 Home Assistant，通过 Home Assistant中的Homebridge
插件实现接入苹果的HomeKit，整套系统部署在树莓派上。设备再通过mqtt协议与树莓派通信，实现Siri间接控制。</p>
<div class="blog-post-image">
<img src="images/project/hiSiri.jpg" class="img-responsive" alt="Portfolio">
</div>
<p>视频地址：<a href="https://v.qq.com/x/page/p0667i0zhiu.html" target="view_window">Hi Siri</a></p>
<br>
<!-- 移动“一带一路”沙盘 -->
<h2>3.移动“一带一路”沙盘</h2>
<p>使用Microduino
智能电子模块，通过传感器采集到火车位置，将各个站点信息、火车运行状态信息汇总到网络主机，网络主机与后台服务器间进行数据通信与处理，同时信息显示板以投影形式在整个沙盘中展现。</p>
<div class="blog-post-image">
<img src="images/project/ChinaNetUI.jpg" class="img-responsive" alt="Blog Image">
</div>
<p>视频地址：<a href="https://v.qq.com/x/page/w0569w72s04.html" target="view_window">“一带一路”</a></p>
<br>
<h2>| 未完，待续！</h2>
</div>
</div>
</div>
</section>
<!-- Footer Section -->
<footer>
<div class="container">
<div class="row">
<a href="index.html" class="col-md-3 col-sm-3">
<img src="images/home/logo.svg" width="70" height="70" />
</a>
<div class="col-md-4 col-sm-4">
<p>北京市海淀区</p>
<p>老家江西吉安</p>
</div>
<div class="col-md-offset-1 col-md-4 col-sm-offset-1 col-sm-3">
<p>
<a href="https://github.com/wasdylb" target="view_window">
<img src="images/home/icon-github.svg" width="20" height="20" /> wasdylb</a>
</p>
<p>
<a href="mailto:wasdylb@foxmail.com">
<img src="images/home/icon-email.svg" width="20" height="20" /> foxmail</a>
</p>
<p>
<img src="images/home/icon-weixin.svg" width="20" height="20" /> wasdylb -I005</p>
<p>
<img src="images/home/icon-qq.svg" width="20" height="20" /> 853387039 -木易</p>
</div>
<div class="clearfix col-md-12 col-sm-12">
<hr>
</div>
<div class="col-md-6 col-sm-6">
<div class="footer-copyright">
<a href="index.html">
<p>© 2019 7月 | LiBin的个人博客 </p>
</a>
</div>
</div>
<div class="col-md-6 col-sm-6">
<ul class="social-icon">
<p>
<a href="index.html">
<img src="images/home/icon-love.svg" width="20" height="20" /> ^_^ Wlecome! ^_^
<img src="images/home/icon-love.svg" width="20" height="20" />
</a>
</p>
</ul>
</div>
</div>
</div>
</footer>
<!-- SCRIPTS -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>