發表文章

Webduino模擬器「瘋」神榜:用 LED 點矩陣+按鈕+蜂鳴器模擬擲骰子、認識等待、聲音播放與停止積木

圖片
玩大富翁、桌遊都少不了這個東西:骰子,我們也可以利用 Webduino 模擬器輕鬆製作出兼具動畫、音效的「虛擬骰子」,這樣下次就不用擔心玩遊戲時,找不到骰子囉!在這個範例中我們將製作「數字版」與「圖形板」兩個版本,前者著重在如何判斷聲音是否還在播放、聲音停止積木與等待積木的使用,後者則再加強 LED 點矩陣圖形繪製的練習!此外,在這個範例中,也第一次介紹到「按鈕開關」元件,使用上就跟一般的實體按鈕相同,也具有「按下」、「放開」、「長按」等三種不同狀態。
※ Webduino 官方網站:https://webduino.io/※ Webduino 的Arduino 模擬器網址:http://simulator.webduino.io/※ 用 LED 點矩陣+按鈕+蜂鳴器:模擬擲骰子「數字版」 Demo  網址 :http://simulator.webduino.io/#-KrnHMFGzG5yQUsgoXO-※ 用 LED 點矩陣+按鈕+蜂鳴器:模擬擲骰子「圖形版」 Demo  網址 :http://simulator.webduino.io/#-KrnHUlCSVdIu8vLhFwp註:目前線上模擬器只能在 Windows / MAC 電腦上使用,無法在平板與手機上使用喔!在 Webduino 線上模擬器中,沒有電壓、連接腳位可連接裝置的限制,所以要玩一些原本因硬體限制,而需要使用麵包板才能完成的應用,都是沒有問題的!
一、模擬器「硬體」連接與硬體積木程式加入一個 LED 點矩陣,VCC 接 5V,腳位為 DIN:13、CS:12、CLK:11加入蜂鳴器,腳位為2,另一個腳位接到 GND 加入按鈕,S:7、V:3.3V、G:GND
二、加入「按鈕開關」積木
三、加入「變數 K」自 1 到 6 數字隨機取得
四、使用邏輯積木判斷聲音是否已停止播放,才繼續播放聲音在 Webduino 模擬器中的蜂鳴器元件與真實蜂鳴器元件時,都需要留意一下這樣的問題,尤其是當播放聲音音符較多時,需加上判斷聲音是否已停止播放的判斷,若沒有加上這樣的判斷,會造成前一次播放聲音尚未結束,就進行第二次的播放,而形成聲音不斷重疊的情形!
五、製作 LED 點矩陣數字跳動動畫增加 LED 點矩陣動畫,可以讓隨機取得數字比較有臨場感!1.數字版這個版本比較單純,只需要如下圖加入相關數字積木就可以囉!2.圖形版…

1Know 2017.08 即將改版的第一手測試報告

圖片
※ 1Know 測試網址 http://test.1know.net/ (可使用原 1Know 帳號登入,不需重新註冊)※ 1Know 新方案頁面:http://1know.weebly.com/20351299922604126696.html
這次 1Know 翻轉學習平台的改版,除了功能上的改變外,最主要是「免費」與「付費」方案的調整!現行方案以使用者個人為主,分為「免費」與「Pro 付費」兩個方案,但是新的方案則將現有的「Pro 付費」方案功能,開放為「個人免費版」,並新增了「校園版」的方案,期望能以全校導入方式,讓全校師生能一起體驗翻轉學習,也能更集中資源,一起備課、一起成長!
距離 8/28 正式上路前,還有一些時間!但是這次實際測試後,發現新版本還有不少問題需要修正,而且部份的改版,反而讓操作不是那麼順暢!希望大家多來測試看看,讓 1Know 在正式發佈前,還能再多聽一些大家的意見,讓整個系統更加方便與好用!https://docs.google.com/document/d/16xC88dulI_dzM5kuBXTktLEuf_5j0GTyv8Xt9AGVgHg/edit?usp=sharing
※ 延伸閱讀:為什麼 1Know 「檔案上傳」會失敗的兩大原因?1Know 有出缺勤點名的功能嗎?也許您可以嚐試用「獎勵」來達成!原來,1know 的「線上教室」才是最佳跨平臺與行動裝置,上課的好地方!不需用 APP,1Know 提供行動學習頁面,不用再為了安裝、更新 APP 軟體傷腦筋!適合「輕量化的行動學習」!剛剛開學,正是使用 1Know 的好時機,全新錄製 1Know 情境式 Youtube 教學影片,依老師、學生、使用情境,讓您一次就上手!或許 1Know 有機會成為您的下一個教育好幫手!如何實踐 1know 核心設計:以課程為體,群組為用,教材更新,一次到位?您可能誤會了!1Know 翻轉學習平台的線上編輯功能竟然沒有提供「上傳圖片」與「上傳檔案附件」功能?善用 1Know 翻轉學習平台的「訪客帳號」!如何將 Google 雲端硬碟的共享資料夾, 以 iframe 頁框方式嵌入部落格、網頁或是 1Know 平台中?如何將 Google 協作平台網頁內容,以「網頁」方式加入 1Know 或是以 iframe 方式嵌入部落格、自製網頁中?教育新亮…

用 XMind 心智圖練習規畫、學習的新思維:如何將 XMind 心智圖匯出為高解析度圖檔?

圖片
目前 XMind 是我進行研習課程主題發想、規劃,與專案製作時主要的前置工具,用來將所有可能的 idea、可用的資源、可變化的方案…等,做一個思考過程的整理與日後規劃資源的重複利用、甚至是做為研習的講義使用,避免列印太多紙張!XMind 8 除了擁有完整、有彈性的心智圖發想工具、具有 Windows、MAC、Linux 跨平台特性外,從 8.0 開始,針對免費使用者,也開放雲端同步的功能,每個免費帳號都有 1GB 的免費空間,可以從 XMind 軟體中直接開啟雲端檔案編輯,甚至也提供了網頁雲端版本,只要進入「XMind Cloud」就能直接編輯,不再需要安裝軟體囉!(不過,XMind 雲端免費版並沒有提供「修訂歷史」的功能,只有電腦版才有提供喔!)XMind 除了免費方案,也可以選擇付費方案,之前曾有一段時間使用付費的 XMind 方案,不過這些付費功能用到的機會真的不多,所以使用到期後就改回免費方案使用!如果您也是使用 XMind 免費方案,想要列印或輸出高解析度圖檔時,該怎麼做呢?以下就來看看可以用哪兩種方式輸出高解析度圖檔!
一、匯出 SVG File 向量格式XMind 免費方案匯出時只能選擇以「圖檔」的方式輸出,應該是在 XMind 8 之後,除了原本的「圖片檔案」選項外,新增了「SVG File」的選項!SVG 格式是 HTML 5 以後網頁的標準向量格式,可以在瀏覽器中開啟,而且放大、縮小都不會失真!※ 如果要編輯 SVG 向量檔案,就需要 Adobe Illustrator、CorelDraw…等向量軟體。

如下圖,在瀏覽器中縮小與放大都不會像一般點陣圖檔產生鋸齒狀或是模糊不清的情形!
此外,也可以在圖片上按右鍵 / 另存圖片,就能輕鬆將 SVG 向量格式轉換為 PNG 的點陣圖喔!※ 請留意一下,如果檔案名稱有使用「空格」,儲存檔案時會空格會變成網頁編碼「%20」,請記得自行修正一下!
二、使用虛擬 PDF 印表機,輸出大尺寸 (如 A3、B4) 的 PDF 檔案您可以自行安裝虛擬 PDF 印表機,如 CutePDFFREE PDF PrinterdoPDF…等著名的免費虛擬 PDF 印表機,安裝完成後,可以選擇此印表機列印,就會變成 PDF 檔案!若您已經升級至 Windows 10 作業系統,系統已內建「Microsoft Print to PD…

OBS Studio 虛擬攝影棚開講:為什麼無法擷取來自網頁的教材視窗,都是漆黑一片?Google Chrome、Firefox、Edge 都一樣?

圖片
如果你看過之前 OBS 虛擬攝影棚的介紹或相關教學文章,也許已經開始測試 OBS,看看能不能實際用在教學上!但是,這裏有一個大家一定會遇到的問題:為什麼無法擷取來自網頁瀏覽器的視窗,都是漆黑一片?Google Chrome、Firefox、Edge 都一樣?為什麼會這樣呢?一切的原因來自於「瀏覽器的硬體加速設定」,Google Chrome、Firefox 只要將此設定取消,並重新啟動後,就可以在 OBS 中使用視窗擷取畫面,不過,微軟的 Edge 瀏覽器目前還沒有找到相關選項設定!
趕快來看看如何在 Google Chrome 與 Firfox 中取消「硬體加速」!一、Google Chrome 如何取消「硬體加速」?進入「設定」頁面



開啟「進階」設定選項



在「系統」項目取消「在可用時使用硬體加速」,讓選項變成如下圖的灰色



重新啟動 Google Chrome 就 OK 囉!
二、Firefox 如何取消「硬體加速」?※ 最近 OBS Studio 更新至 20.0.1 版後,Firefox 即使沒有取消硬體加速,一樣可以用「視窗擷取」抓到網頁畫面喔!進入「設定」頁面



在「一般」頁籤中取消「效能」項目的「使用推薦的效能設定」核取



※ 若上述動作取消後,還是無法使用,可以再試著取消「可用時開啟硬體加速」選項。

重新啟動 Firefox 就 OK 囉!
經過上述的設定後,Google Chrome 與 Firefox 都可以正常使用囉!

※ 延伸閱讀:OBS Studio 虛擬攝影棚開講:如何調整 OBS 錄影或是直播時的影片尺寸大小?OBS Studio 虛擬攝影棚開講:OBS 無法安裝?或是安裝後無法開啟程式?OBS Studio 虛擬攝影棚開講:OBS 為什麼無法從麥克風錄聲音?OBS Studio 虛擬攝影棚開講:OBS Studio 素材裁切快速鍵:Alt + 滑鼠推曳八個控制點,你真的不能不會用,尤其是用在 Webcam 藍綠幕畫面!20170531 嶺東科技大學:MOOCs 磨課師課程也能這樣輕鬆錄! (用 OBS Studio 自動去背,不用進虛擬攝影棚,研究室、你家就是最好的磨課師錄影場所)OBS Studio 虛擬攝影棚開講:用 OBS Studio 自動去背濾鏡,不用進虛擬攝影棚,研究室、你家就是最好的磨課師錄影場所!20170308 臺南藝術大學:輕鬆搞定教學影…

After Effect FAQ 常見問題開講:常用的工作面板開合快速鍵介紹 (2)

圖片
繼續前一篇「After Effect FAQ 常見問題開講:常用的工作面板開合快速鍵介紹 (1)」文章,要跟大家紹一些 AE 中關於時間軸上圖層操作的快速鍵,讓 AE 操作可以更順手!其實快速鍵是為了讓工作流程更加順利,所以其實比較適合已使用 After Effect 一段時間,或是想讓自己更熟悉 After Effect 的使用者,初學者倒不用特別強記,等有需要時再來查詢就可以!
※ 使用快速鍵時,輸入法請記得要切換至「英數」或是「英打」模式喔!在中文輸入法模式下,快速鍵是沒有作用的!
一、圖層在時間軸上的位置的移動: [ 、]  (左、右中括號)依據 AE 預設值,圖層都是從時間 00:00:01 的位置開始,先將時間軸移到指定時間點後,按下「[」左邊中括號,就可以將圖層的起始點移到時間軸的位置上!按下「]」右邊中括號,就可以將圖層的結束點移到時間軸的位置上!
二、圖層在時間軸上顯示的長度設定:Alt +  [ 、]  (左、右中括號)依據 AE 預設值,圖片式圖層顯示長度與 Composition 合成的長度相同,而影片圖層,則視原影片長度來決定圖層顯示長度。先將時間軸移到指定時間點後,按下 Alt +「[」左邊中括號,就可以將圖層的起始裁切到時間軸的位置上!按下 Alt +「]」右邊中括號,就可以將圖層的結束點裁切時間軸的位置上!
三、圖層在時間軸上的複製:Ctrl +  D在 AE 中複製時間軸上的圖層,只要按下 Ctrl + D,就可以囉!
四、圖層的重新命名:英文鍵盤的 Enter 鍵在 AE 中圖層的重新命名是很多習慣 PhotoShop 與 Illustrator 使用者剛開始使用時,很容易忘記的,因為真的跟其他 Adobe 軟體不一樣,只要按下 英文鍵盤的 Enter,重新命名後再按下 Enter 就可以囉!
五、時間軸「Work Area 工作區」起、迄範圍的設定:起點 B (Begin)、終點 N (End)「Work Area 工作區」對於在 AE 中圖層進行影片預覽是非常重要的設定,AE 預設的工作區範圍就是 Composition 合成的時間長度,有以下幾個情境是非常適合指定特定範圍的工作區,來做為影片預覽或是輸出的範圍:隨著圖層的增加、特效的加入或是影片內容加長,想要預覽影片內容時,常會遇到電腦記憶體不足的問題不想要每次都從頭開始預覽,只想預覽…