發表文章

用 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 合成的時間長度,有以下幾個情境是非常適合指定特定範圍的工作區,來做為影片預覽或是輸出的範圍:隨著圖層的增加、特效的加入或是影片內容加長,想要預覽影片內容時,常會遇到電腦記憶體不足的問題不想要每次都從頭開始預覽,只想預覽…

跟著 Webduino 一起翻轉 IoT 物聯網:什麼,連測試的 Blockly 積木都懶得寫?那就使用「載入範例積木」功能吧!

圖片
現在程式採用積木式,只需要簡單拖曳就能輕鬆完成!如果連這樣都懶得做,那…那…那…,有什麼方式可以救得了呢?試試 Webduino Blockly 的「載入範例積木」功能吧!在 Webduino Blockly 雲端平台中,早已內容許多元件與感測器的程式範例,如果真的沒時間或想偷懶一下,直接載入適合的範例後,再進行微調或修正,馬上就可以進行測試,肯定能大幅減少程式積木拖曳調整與元件、感測器的測試時間!※ 目前只有 Webduino BlocklyWebduino 雲端平台上才有「載入範例積木」的功能,Webduino 線上模擬器的部份沒有喔!
「載入範例積木」有兩種方式:
一、全部覆寫按下「載入範例積木」圖示後,選按欲載入的範例積木名稱選按後,會出現以下訊息,確認是否覆寫目前工作區上的所有積木內容!
二、將範例積木加入現有程式積木中若您已經在工作區完成部份程式積木,可以選按範例積木名稱後方的「+」加號,就可以保留目前的程式積木並加入範例積木!
三、如果使用的是 Webduino 雲端平台,除了上述的兩種方式外,還可以透過「公開的檔案」頁面,以關鍵字的方式尋找是否有其他人公開的檔案可供使用喔!

※ 延伸閱讀:Webduino模擬器「瘋」神榜:用 LED 點矩陣學陣列應用、玩賓果(進階版:可記錄與顯示已抽取號碼、Blockly 程式註解)Webduino模擬器「瘋」神榜:用LED 點矩陣學亂數、玩賓果(簡易版與標準版)跟著 Webduino 一起翻轉 IoT 物聯網:杜邦線使用PK賽「張君雅小妹妹麵條餅」一排一排 V.S「模範生點心麵」獨立麵條式一條一條?Webduino模擬器「瘋」神榜:用LED 點矩陣學小綠人動畫與分鏡設計Webduino模擬器「瘋」神榜:用LED燈+蜂鳴器+超音波完成「倒車雷達」、學「多重邏輯判斷」Webduino模擬器「瘋」神榜:用「多顆LED霹靂燈」學列陣與多重迴圈Webduino模擬器「瘋」神榜:用「多顆LED霹靂燈」學變數命名與迴圈Webduino模擬器「瘋」神榜:模擬器為什麼無法「模擬」出結果?Webduino模擬器「瘋」神榜:用「如來神掌」玩超音波感測器!跟著 Webduino 一起翻轉 IoT 物聯網:線上模擬器為何無法做元件的「連線」?20170630 嘉義女中:用 Webduino Fly 開發板,一起 High 翻 IoT 物聯…

Webduino模擬器「瘋」神榜:用 LED 點矩陣學陣列應用、玩賓果(進階版:可記錄與顯示已抽取號碼、Blockly 程式註解)

圖片
在前一篇「Webduino模擬器「瘋」神榜:用LED 點矩陣學亂數、玩賓果(簡易版與標準版)」文章中,我們已經學會如何使用 Blockly 的亂數積木、陣列列表,現在要再來改良這個賓果遊戲,讓更具「真實性」:加上「按下按鈕後,隨機顯示數字動畫」將已抽取的數字儲存到另一個陣列中,方便遊戲過程中進行查詢加上 Blockly 程式碼的註解第一個是用來增加遊戲時的「視覺效果」,按一下號碼就顯示出來有點不夠剌激,讓數字隨機跑動一下,馬上就有期待的心情!第二個要改良的,有玩過賓果遊戲的人,相信都有可能會遇到這個情形:這個號碼有抽過了嗎?剛才前面一個或兩個是哪個號碼,我忘記了!尤其數字範圍較大時,難免會有人忘記,在這個進階版中,程式積木的重點就在於如何將已經取出的數字,儲存到新的陣列列表中,並可以透過指定按鈕,將取出的數字顯示出來!最後,當 Blockly 程式積木愈來愈多,也愈來愈複雜時,可以適時加入程式碼的註解,除了在設計當下有所助益外,對於日後檢查積木或是協同合作時,更是必備的撰寫程式良好習慣喔!

※ Webduino 官方網站:https://webduino.io/※ Webduino 的Arduino 模擬器網址:http://simulator.webduino.io/※ 用LED 點矩陣學亂數、玩賓果「進階版」 Demo  網址 :http://simulator.webduino.io/#-KqO52wxm01oaV8ARDqJ※ 用LED 點矩陣學亂數、玩賓果「標準版」 Demo  網址 :http://simulator.webduino.io/#-KpzaPZjm8HnB6XUYrKY註:目前線上模擬器只能在 Windows / MAC 電腦上使用,無法在平板與手機上使用喔!在 Webduino 線上模擬器中,沒有電壓、連接腳位可連接裝置的限制,所以要玩一些原本因硬體限制,而需要使用麵包板才能完成的應用,都是沒有問題的!
一、模擬器「硬體」連接與硬體積木程式加入一個 LED 點矩陣,VCC 接 5V,腳位為 DIN:10、CS:9、CLK:8二、網頁互動測試使用「遙控器」

「遙控器」除了有較多按鈕外,在「遙控器」上方還有一個螢幕可以用來「顯示」相關的訊息喔!


三、程式積木請開啟「賓果(標準版)」來做修改:※ 用LED 點矩陣學亂數、玩賓果「標準版」 Demo  …

Webduino模擬器「瘋」神榜:用LED 點矩陣學亂數、玩賓果(簡易版與標準版)

圖片
LED 點矩陣是上課過程中,同學最喜歡玩的元件之一,因為非常的視覺化,而且除了顯示圖形外,也能做出動畫圖形變換或是跑馬燈的效果!當然,如果能實際將 LED 點矩陣接上 Webduino 開發板,讓同學實際拿賓果卡玩一次,相信大家在學習亂數與陣列的使用上,會特別有感覺的!在 Webduino 線上模擬器中,與一般硬體一樣,具有相同的功能喔!這次我們一起來看看如何透過 LED 點矩陣學 Blockly 的亂數積木、並將結果儲存至陣列列表中,避免抽到重複數字,這樣就能一起來玩賓果遊戲囉!目前市面上賓果卡的數字範圍有好幾種,我使用的是 1 ~ 75 號的版本!LED 點矩陣有 8 X 8 = 64 顆 LED,剛好可以顯示兩位數以內的數字!
※ Webduino 官方網站:https://webduino.io/※ Webduino 的Arduino 模擬器網址:http://simulator.webduino.io/※ 用LED 點矩陣學亂數、玩賓果「簡易版」 Demo  網址 :http://simulator.webduino.io/#-KpwshDNS15rKJmrvLQb※ 用LED 點矩陣學亂數、玩賓果「標準版」 Demo  網址 :http://simulator.webduino.io/#-KpzaPZjm8HnB6XUYrKY註:目前線上模擬器只能在 Windows / MAC 電腦上使用,無法在平板與手機上使用喔!在 Webduino 線上模擬器中,沒有電壓、連接腳位可連接裝置的限制,所以要玩一些原本因硬體限制,而需要使用麵包板才能完成的應用,都是沒有問題的!
一、模擬器「硬體」連接與硬體積木程式加入一個 LED 點矩陣,VCC 接 5V,腳位為 DIN:10、CS:9、CLK:8
二、簡易版賓果:使用「亂數」積木自 1 ~ 75 號隨機取出後,顯示在 LED 點矩陣上,有機會會取出重複的數字!網頁互動測試使用「按鈕行為」



加入按鈕互動與亂數積木



模擬器實測



三、標準版賓果遊戲:在標準版賓果版中,我們要將數字 1 ~ 75 放入陣列中,並將取得的數字從陣列中移除,這樣就可以避免取得重複的號碼了!利用迴圈將數字 1 ~ 75 串連成一個字串變數「k_list」,中間以「,」半型逗號隔開,產生字串:1,2,3,4,…………….75,



將「k_list」字串轉換為陣列列…