Upload
others
View
37
Download
0
Embed Size (px)
Citation preview
小時候玩的玩具
wiki
長大後玩的玩具
● 仿佛物體就在那裡一樣
● 1947年,英國匈牙利裔物理學家丹尼斯·蓋伯發明了全像術
https://www.youtube.com/watch?v=qBYIIC4i6Vc
renderer = new THREE.WebGLRenderer({ preserveDrawingBuffer: true });
// 不然會沒有畫面
stackoverflow
rightCtx.drawImage(
$('.topSide canvas').get(0), 0, 0);
bottomCtx.drawImage(
$('.topSide canvas').get(0), 0, 0);
leftCtx.drawImage(
$('.topSide canvas').get(0), 0, 0);
*重繪太吃資源,放棄
4個 Renderer 算同樣內容
然後再用CSS旋轉
tRenderer.render( scene, camera );
rRenderer.render( scene, camera );
bRenderer.render( scene, camera );
lRenderer.render( scene, camera );
$('.rightSide').css( 'transform', 'rotate(270deg)');
$('.bottomSide').css( 'transform', 'rotate(180deg)');
$('.leftSide').css( 'transform', 'rotate(90deg)');
用變形的
- transform skew,不使用...因為變形了
$(".rightSide canvas").css("-webkit-transform", "skew(20deg)");
用CSS做梯型
用切的
.topSide, .rightSide, .bottomSide, .leftSide {
-webkit-clip-path : polygon(100% 0,50% 100%,50% 100%,0 0);
clip-path : polygon(100% 0,50% 100%,50% 100%,0 0); }
.topSide canvas, .rightSide canvas, .bottomSide canvas, .leftSide canvas {
-webkit-clip-path : polygon(100% 0,50% 100%,50% 100%,0 0);
clip-path : polygon(100% 0,50% 100%,50% 100%,0 0); }
用CSS做梯型
Arduino
Input > Logic > Output
Arduino PC ScreenBrowserRFID > > > >
● Arduino 讀 RFID
● Arduino 推播訊息到PC
● PC 再推給網頁
Johnny-Fivehttps://github.com/rwaldron/johnny-five
Licensed under the MIT license. Copyright (c) 2014, 2015 The Johnny-Five
Contributors Licensed under the MIT license.
Firmata Libraryhttps://www.arduino.cc/en/Reference/Firmata
firmata
standardFitmata 燒到 arduino 上後
就是node.js 的事情了
https://www.arduino.cc/en/Tutorial/Button
MFRC522https://github.com/miguelbalboa/rfid
MFRC522https://github.com/miguelbalboa/rfid
MOSI : Master Output Slave Input
MISO : Master Input Slave Output
( http://www.gammon.com.au/forum/?id=10892 )
SPI 介面
https://github.com/miguelbalboa/rfid/tree/master/examples
serialport
https://github.com/rwaldron/johnny-five/issues/804
https://www.element14.com/community/community/design-challenges/forget-me-not/blog/2014/09/28/cats-forgetmenot--rfid
每個rfid板需要各自的SS (RST 不需)
https://www.youtube.com/watch?v=u40WqUjEgBs
- 電子相關領域,有些不習慣要如何查資料
不懂電路,看得到東西但不知道如何查起
也不懂C ,雖然學就是了
- 是一套可實做 (硬做) 的方法,或者擴充,或是優化
學程式,學硬體
學更多與更多
- 給半年前的自己
特別感謝
Webduino 社團https://www.facebook.com/webduino/