0%

函式的縮寫

1
2
3
const sayHi = function(){

}

可以將function縮寫為

1
2
3
const sayHi(){

}

屬性縮寫

若要透過函式回傳一個物件,通常會這樣寫

1
2
3
4
5
6
function makePoint( x, y){
return{
x:x
y:y
}
}
Read more »

let與const可以視為取代var來定義變數與常數的方法,javascript過去只有var的語法,定義的也只有變數,而並沒有常數這個概念,並且不小心就會洩漏到全域。

var-作用域為函式作用域(function scope)

let、const-作用域為一個區塊作用域(block scope)

let

過去我們若利用var在function中宣告變數,則此變數就會只存在function中,並不會變成全域變數,但若在if、while、for這些區塊語法中,就會變成全域變數。

Read more »

主題的設定文件為themes/next/_config.yml,本文的設定都是藉由編輯此文件來進行主題的修改

首頁的文章預覽

NexT首頁的文章預覽預設是展開全文,非常不方便瀏覽,透過更改_config.yml文件中的auto_excerpt,將enablefalse改為enable就可以讓首頁的文章的摘要顯示為150個字,更改length這個參數,就可自訂摘要的字數

Read more »

上一篇使用了Processing透過OSC控制NodeMCU,而控制的方法是使用鍵盤,並沒有使用任何的UI來控制,這一篇會為Processing的控制程式建立UI,並使用UI透過OSC來控制NodeMCU。

Arduino:

在arduino這邊,我們修改了上次的程式碼,新增了兩個外部的LED,一個為數位控制,另一個為類比控制,然後在OSC的部分,我們新增了一個新的函式led2來將從Processing端收到要類比控制的變數存進inputAnalog中,再進而去控制LED的亮暗程度。

Read more »

Firebase是什麼

Firebase是一款Google提供的服務,可以串連iOS、android、Unity、Web APP,協助開發者在雲端快速建立後端服務,提供即時的雲端資料庫,開發者可以不用在開發後端的前提下,專心撰寫前端的程式,目前在一定使用額度下,提供免費服務

安裝Firebase library

Read more »

WebServer

這次我們要使用NodeMCU來建立WebServer,透過在網頁上的互動,傳送request給NodeMCU,來控制上面的LED燈,就如同我們打開一個網站,我們想要到他的A頁面,我們就會需要輸入網址http://www.example.com/A,然後伺服器就會傳送給使用者A頁面的資訊,而我們這邊要做的就是在傳送頁面資訊的同時,也控制NodeMCU上面的LED燈

Read more »

Open Sound Control

Open Sound Control(OSC),是一個讓電腦、混音器跟其他多媒體裝置利用網路溝通的通訊協定。把現代網路的優點帶入了電子音樂的世界,OSC 的優勢包含了互動性、準確、彈性以及強化的組織與文件。

這個簡單而強大的協議提供了實時控制聲音和其他媒體處理所需的一切,同時保持彈性和易於使用。

Read more »

需要的材料

Nodemcu
Arduino IDE 1.8.3

建立Arduino編譯環境

  1. 首先先去官網下載Arduino IDE,目前的最新版本是1.8.3,要下載安裝版或者是ZIP版(免安裝)都可以
  2. 開啟Arduino,並進入Preferences(windows:File>Preferences,Mac:Arduino>Preferences)
    螢幕快照 2017-08-02 下午2.46.21
  3. 進入Preferences之後,將http://arduino.esp8266.com/stable/package_esp8266com_index.json輸入進Additional Boards Manager URLs,然後按ok
    螢幕快照 2017-08-02 下午2.48.37
  4. 接著我們到Tools>Board>Boards Manager…,點選之後會進入Boards Manager,之後搜尋esp8266,再點選install,完成安裝之後關閉此視窗
    螢幕快照 2017-08-02 下午2.56.58
    螢幕快照 2017-08-02 下午2.57.34
  5. 打開Tools>Board,可以發現選單裡面多了一個ESP8266 Moudules的區塊,接著我們直接選擇這次使用的NodeMCU 1.0
    螢幕快照 2017-08-02 下午3.07.52
  6. 到File>Examples,可以看到也多了一個Examples for NodeMCU 1.0(要先完成上一個步驟才會出現),接著我們到ESP8266選擇Blink這個範例
    螢幕快照 2017-08-02 下午3.08.43
  7. 開啟範例之後我們需要選擇板子的Port,所以我們到Tools>Port選擇開發版的Port,如果沒有顯示Port,可能是沒有安裝驅動,要依造NodeMCU的Serial晶片來安裝驅動,如這次使用的是CH340就可以來這邊下載Windows|Mac
    螢幕快照 2017-08-02 下午3.09.49
  8. 選擇完Port後,回到主畫面,直接選擇Upload,接著我們可以看到下方的狀況視窗出現上傳的畫面,到100%就表示完成上傳了
    螢幕快照 2017-08-02 下午3.11.07
  9. 上傳完畢之後,板子會像這樣暗一秒,亮兩秒,就表示板子如我們範例所寫的樣子,順利工作中
Read more »

Hexo?

Hexo 是一套簡潔的網誌框架,主要使用Markdown來編輯文章,搭配佈景主題只要幾秒鐘就可以產生靜態網頁,並且可以部署在github上面,使用上非常的簡單與快速。

安裝

在使用Hexo之前,我們必須準備環境配置,安裝Hexo依賴的node.js與git

接著在terminal輸入

Read more »