發表文章

教學百寶箱:用AdBlock攔截廣告,還給大人與小朋友的電腦、手機一個乾淨、無干擾的上網空間

圖片
  現在透過電腦或是手機螢幕進行網頁資料閱讀或觀看影片時,相信大家最有感的就是「廣告愈來愈多了」!少量的廣告或許是一般使用者勉強可以接受,或是做為支持該網站的行動,但是現在的廣告,不只是出現的型態愈來愈多,干擾閱讀的情形也是愈來愈嚴重!尤其是現在行動裝置的部份,內容更是常常被「廣告蓋台」! 再加上現在小朋友更早接觸這些 3C 設備,對於網路上五花八門的廣告內容,無論是錯誤知識,或是色情廣告,真的需要有適合的過濾機制,避免他們受到影響! 目前我自己的部落格已經停止顯示 Google 廣告半年的時間,還給讀者與自己一個無干擾,單純的閱讀空間,因為之前 Google 廣告常常會插入在文章段落中,干擾文章的閱讀,連我自己都覺得上課或是閱讀時很不 OK!  AdBlock 不只推出的時間蠻久了,也一直是阻斷網頁與影片廣告的一大利器,不只是在電腦端可以使用,手機上也有 APP 可以使用,能讓廣告的出現非常大幅度的降低,還給電腦、手機一個乾淨、無干擾的上網空間。 ※網路上有非常多類似名稱的擴充工具,目前我使用的是如下圖所看到的 Logo 圖示,到底哪一個比較好用,大家也可以再多比較參考網路上相關的文章介紹! AdBlock 是一個用於 Google Chrome、Apple Safari、Microsoft Edge、Firefox 和 Opera 網頁瀏覽器,對於網頁內容過濾和廣告攔截的擴充套件,AdBlock 允許使用者阻止廣告等頁面元素的顯示,軟體可以免費下載和使用,但使用者可以向開發者捐助任意數額。( 維基百科 )    AdBlock 官方中文網站 https://getadblock.com/zh_TW/ 一、安裝與使用電腦瀏覽器的 AdBlock 擴充程式 在中文官方網站上直接選按「 立即取得 AdBlock 」就會自動找到目前使用瀏覽器相對應的網址下載!          ↑ 第一次安裝完成時,會出現此畫面,您可以選擇贊助或是關閉頁面 一旦安裝完成後,AdBlock 就會開始阻擋廣告,如下圖會顯示目前瀏覽頁面所阻擋的廣告有多少,如果想要針對部份網站暫停阻擋,也可以由此設定。     二、安裝與使用行動裝置上的 AdBlock APP 行動裝置 APP 也請先開啟 AdBlock 中文官方網站,直接選按「 立即取得 AdBlock 」就會自動找到目前使用裝置相對應

Webduino Blockly 「積木方城市」:使用雲端部署後,如何與開發板裝置進行互動?

圖片
 Webduino 雲端平台目前有提供六小時的免費雲端部署服務,可以讓 Webduino Blockly 專案檔直接在 Webduino 伺服器上自動運行,相當的方便!詳細的使用方式,可以參閱: Webduino 雲端平台: https://cloud.webduino.io/ Webduino Blockly 「積木方城市」:雲端部署功能正式上線,全自動運行 Webduino 更方便!   但是,當專案檔在雲端部署運行時,如果想要與開發板進行互動,或是取得開發板即時取得的數據資料時,該如何處理呢? ※ 答案要從 Webduino 的開發板程式積木的尋找: 協同控制   因為專案進行雲端部署時,等同有一個裝置連線至開發板上,因此,必須核選「協同控制」,才能讓第二、第三個連線裝置同時進行控制,以達到多 人同時控制開發板的需求! 以下,我們以如下的程式積木進行測試,可以在遙控器的螢幕上顯示目前偵測到的光敏數值,但是又可以透過遙控器上的按鈕,進行三色 LED 燈的控制。    ※ 執行結果           ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/ Sweet Home 3D 教學總整理:https://sites.google.com/view/sweethome3d-tw/ OBS Studio 虛擬攝影棚教學總整理:https://sites.google.com/view/obs-tw 翻轉教學「現形記」教學總整理:https://sites.google.com/view/teachers-tools/ ※ 延伸閱讀: 1091106 成功國中:Webduino 智慧小木屋研習  1091007 成功國中:Webduino 環保紙風車研習   1090908、0910 南投創客基地:Webduino 基礎與進階課程 Webduino 積木方程式:用 MQTT 做到多裝置協同互動 LED 燈控制 Webduino 動手做系列:Smart + mini 麵包板,教學專用3D列印底板 V2 (打火機縮小版)  述文老師 Webduino 新書續集接棒:跟著 Webduino 邁向 IoT 高手之路!透過「自有積木」增強 Webduino

After Effect FAQ 常見問題開講:挑戰魚兒水中游的導引線動畫,看看魚兒如何華麗轉身?

圖片
  之前曾寫過在 AE 中使用導引線動畫的文章「 After Effect FAQ 常見問題開講: AE 也有 Flash(Adobe Animate CC) 的導引線動畫路徑嗎?讓路徑移動動畫可以更方便! 」 ,文章中有提到可以使用 Flash 製作如下圖的魚兒沿著導引線移動的動畫效果,如果想在 After Effect 中達到相同的動畫效果,該怎麼完成呢?     一、下載相關素材檔案 以下範例素材來自免費圖庫網站 Pixababy.com 海馬 神仙魚 藍唐王魚  海底背景   二、使用鋼筆工具製作導引線 1.先用筆工具在「背景圖層」上製作導引線路徑 導引線路徑建議在「海底背景」圖層上繪製 ,這樣即可用整個 Composition 1920 * 1080 的範圍記錄路徑位置,等一下貼入任一個圖層做為導引線時,圖層就不會因為貼入的導引線位置不同,而必須重新調整的情形! ↑ 透過 Layer / Mask and Shape Path / Free Transform Points 也可以針對導引線路徑進行任意縮放喔! (因為 Ctrl + T 快速鍵與容易與文字工具快速鍵有衝突,建議從選單操作)   2.將導引線路徑貼入「神仙魚」的 Position 屬性,即可完成導引線動畫  預設貼入導引線後的動畫時間相當短,可以先取消選取所有的關鍵影格後,再個別拖曳最前面或是最後面的關鍵影格,來改變動畫的時間。   ↑ 可自行拖曳路徑最前面與最後面的關鍵影格改變動畫時間   三、如何讓魚兒如何華麗轉身 1.剛才完成的導引線路徑動畫,好像怪怪的 預設的導引線動畫雖然會讓魚兒沿導引線游動,但是讓魚兒倒著游,真的怪怪的!  2.請在導引線路徑轉彎處,利用 Scale 屬性加入「水平翻轉」的關鍵影格 請記得先關閉 Scale 屬性的「等比例縮放」後,再進行 X 軸的數值調整喔! ↑ 針對 X 軸向如上圖的設定,即可完成水平翻轉 ↑ 這樣魚兒就可以正常游動囉! 四、魚兒水中游的導引線動畫教學影片與AE專案檔下載 AE 專案檔下載: https://drive.google.com/file/d/1M1YKp5bJKIb_4MQ3uMTd0YKDyunQLSjH/view?usp=sharing ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習 https://s

Sweet Home 3D 最 Easy 開講:Online 線上版更接地氣了,已經有軟體版的 90% 功能,未來雲端編輯存取更方便!

圖片
  在這次 Sweet Home 3D 的更新,重點放在使用 JavaScript / WebGL 技術,重新開發的雲端版本 Online 線上版,自從在2020年7月21日推出後,經過一年多的測試,當時只有相當有限的功能開放,這次 Online 線上版更接地氣了,已經有軟體版的 90% 功能,未來雲端編輯存取更方便! 一、Sweet Home 3D Online Manager 基本使用 ※ 前往中文版 Sweet Home 3D Online Manager 使用 Sweet Home 3D Online Manager 前,建議先申請 Sweet Home 3D 網站帳號,才能在雲端版中匯入與匯出 SH3D 專案檔!若未註冊,僅能操作,但無法儲存內容。       二、目前 Sweet Home 3D Online Manager 的限制 現在 Sweet Home 3D Online Manager 的使用上,還有以下的一些功能尚未完成,相信未來很快就會逐漸開放! 1. 目前功能選單只有英文語系 (已有中文的版本囉!) 雖然在選單上可以設定繁體中文語系,但目前還無法正確顯示! 只要從中文網頁進入,就可以有中文版囉!   2.目前僅開放匯入材質圖檔,無法匯入 3D 模型 3.目前無法安裝外掛程式 plugin 原本在軟體端可以使用的外掛程式,目前也是暫時無緣在雲端版中使用。 4.目前無法進行平面 SVG 與 3D 圖檔 PNG、影片 Mov、3D 模型 OBJ 的輸出 因為目前沒有影像、模型與影片輸出的功能,所以,僅能透過從雲端匯出 SH3D 專案檔,回到軟體端進行這些輸出。 5.軟體中的快速鍵無法在雲端版中使用 因為快速鍵無法使用,所以雲端版的操作得回歸到滑鼠左鍵與右鍵。     ※ Sweet Home 3D 官方網站資料與可攜式版本下載: Sweet Home 3D 中文官方網站: http://www.sweethome3d.com/zh-tw/ 3D 模型包下載(534MB)、材質包下載(90.6MB)、外掛程式包(46.8MB): https://1drv.ms/u/s!AiO7-NBB9Llhj7xTV0TXJoa6rT42ZA?e=0UR8Gz Sweet Home 3D 可攜式加強版(936MB,內含 Plug-in 擴充工具與

OBS 使用行動裝置配合 Line 虛擬人像,進行 AR 頭像+真人肢體運動或是設計虛擬人像動作,就能勇敢動起來!

圖片
之前介紹過「 OBS 使用網路攝影機配合 Line 會議室,也能擁有美肌與虛擬人像! 」,利用電腦或是手機的 Line,都可以進行即時的美肌效果與臉部虛擬人像的控制,並將它與 OBS 整合!不過,這樣的應用比較侷限在「臉部」,無法延伸到整個身體的動作上!   這次來介紹行動裝置 Line 應用程式上才有的「虛擬人像」,不僅可以設計虛擬人像、有更多的動作範本可以使用、自由調整 3D 角度,還能結合 AR 技術,以 AR 頭像+真人肢體運動的方式!這樣就不怕不敢動起來囉!  一、從「聊天室」進入「虛擬人像」 目前此功能是在聊天室內才能使用,可以先自行建立一個聊天室測試看看!   二、設計「虛擬人像」造型 依下面的方式,先進行「虛擬人像」的造型設計。     三、選擇喜歡的背景圖像或顏色 只要在畫面的背景點按一下,就可選擇喜歡的背景圖或顏色,如果要配合 OBS,建議可以配合「綠色」背景。 四、選擇喜歡的虛擬人像 3D 角度 透過拖曳可以改變虛擬人物 3D 角度。 五、選擇喜歡的虛擬人像情境 六、結合 AR 虛擬情境 開啟「AR」後可結合相機畫面,還可以透過手指指定虛擬人物出現位置並調整大小與3D角度。       七、結合 AR 頭像+真人肢體運動 必須開啟AR模式才能正確取得相機與虛擬人物的合成效果,而虛擬人物臉部的動作也會同時有效果喔!       八、馬上拍照與錄影 不論是進行 AR 頭像+真人肢體運動或是設計虛擬人像動作,都可以馬上進行拍照與錄影。 九、配合綠幕背景與 OBS 整合 不論是 AR 頭像+真人肢體運動或是設計虛擬人像動作,如果配合 OBS 的「視窗擷取」,即可將行動裝置上的畫面加入! Andorid 手機只要開啟 USB 偵錯模式使用 Scrcpy 連線,免買高階網路攝影機,就能在 OBS 中擷取畫面並使用相機美肌功能!       ※ 教學資料總整理: 跟著 Webduino 一起 Smart 學習 https://sites.google.com/view/cfp-webduino-smart/ Sweet Home 3D 教學總整理:https://sites.google.com/view/sweethome3d-tw/ OBS Studio 虛擬攝影棚教學總整理:https://sites.google.com/view/obs-t