200601 Chinese Mosaic 中文馬賽克
因為今天在忙課程中的範例,把教學的中文視訊馬賽克整理成今天的創作!
視訊取像素一直會遇到怪問題當掉,後來改成先繪製一個暫存的圖片,就可以正常取到顏色。
覺得可以調整sample大小效果很酷XD
這個範例有在課程裡哦!大家期待課程上線嗎?
https://www.openprocessing.org/sketch/909343
老闆的 IG 追起來 👉 https://www.instagram.com/bosscodingplease/
【互動藝術程式創作入門】募資順利結束,已經突破 3330%!準備精彩課程範例中 👉 https://hahow.in/cr/creative-coding-1
#dailycodingchallenge #generativeart #creativecoding #p5js #digitalart #creativecodeart #new_media_art #art #graphic #codeart
同時也有2部Youtube影片,追蹤數超過5,470的網紅老闆,來點寇汀吧。Boss, CODING please.,也在其Youtube影片中提到,本次的教學主題是用 GSAP 製作直播互動動態效果,哲宇將會手把手帶大家製作彈跳表情符號、emoji 彈幕還有留言與點選動態等效果。 現在許多電商、遊戲甚至課程平台都有了直播的功能,如何透過網頁特效動態來為互動加分,讓使用者好有參與感,就來跟哲宇一起切磋切磋吧。 (1:50:13) 哲宇大型 ...
「creative coding教學」的推薦目錄:
- 關於creative coding教學 在 老闆 來點寇汀吧。 Boss,CODING please. Facebook 的最佳貼文
- 關於creative coding教學 在 老闆 來點寇汀吧。 Boss,CODING please. Facebook 的精選貼文
- 關於creative coding教學 在 老闆 來點寇汀吧。 Boss,CODING please. Facebook 的精選貼文
- 關於creative coding教學 在 老闆,來點寇汀吧。Boss, CODING please. Youtube 的最讚貼文
- 關於creative coding教學 在 Untyped 對啊我是工程師 Youtube 的最讚貼文
- 關於creative coding教學 在 Creative Coding Taiwan | 互動程式創作台灣站 - Facebook 的評價
- 關於creative coding教學 在 kelvynmarte/creative-coding-unity-tutorial - GitHub 的評價
- 關於creative coding教學 在 標籤: creative coding教學 - 社區大學終身學習網 的評價
- 關於creative coding教學 在 Kinetic Typography 1 • tim rodenbröker creative coding 的評價
- 關於creative coding教學 在 First Look at OpenFrameworks, a C++ Creative Coding Toolkit 的評價
- 關於creative coding教學 在 Github work by Awesome Creative Coding - WIRED 的評價
creative coding教學 在 老闆 來點寇汀吧。 Boss,CODING please. Facebook 的精選貼文
【教學筆記】p5.js 快速上手
先前老闆的教學筆記出爐囉,在這次的筆記中,整理了 p5 的畫布、圖形顏色以及判斷式的範例,錯過影片的客人可以透過這個筆記快速瞭解 p5.js 以及他的優點,沒寫過程式的客人也不妨一起敲幾行程式碼,體驗程式創作的樂趣吧!
點我看文章 👉 https://tinyurl.com/y7qlbv6n
互動藝術程式創作入門突破 1600% 大關,一起解鎖物理模擬引擎 matter.js 吧! https://hahow.in/cr/creative-coding-1
🎉 預購課程贈書活動 🎉
我們將在募資期間預購課程的同學中抽出五位送出 p5.js 的經典教材 Getting Started with p5.js,從這裡參加活動👉https://www.facebook.com/watch/?v=741122769752973
❗️ 重要提醒 ❗️
如果有上過先前課程的客人的話,也別忘了使用舊生優惠呦!可以到信箱搜尋關鍵字 coupon 或是 hahow 尋找,如果沒收到也不用擔心,到課程頁面的右下角請小幫手協助你就可以了!我們課堂上見 😃
老闆的 IG 同步追起來 👉 https://www.instagram.com/bosscodingplease/
#dailycodingchallenge #generativeart #creativecoding #p5js #digitalart #3dart
creative coding教學 在 老闆 來點寇汀吧。 Boss,CODING please. Facebook 的精選貼文
【老闆不藏私房菜】-設計案例分享 Programming Posters
不知道大家都在什麼地方活用動態網頁的技術呢?老闆覺得動態海報是一個很棒的發揮領域,透過狀態的變化可以更生動地傳達資訊,同時增加觀眾的印象。
Programming Posters 是設計師 Tim Rodenbröker 所創作的作品,目的是希望在傳統的印刷海報上,添加動態、影音與數據等元素,以達到融合視覺設計與科技的新媒體呈現。
有趣的是,這個實驗作品是 Tim Rodenbröker 在準備 Rhine-Waal University 的課程時,給沒有程式經驗的設計系學生參考用的。為了凸顯程式創作的可能性,整個作品被限制了只能使用兩種顏色、一種字型來發展。
在這個範例中,使用了很多如粒子、旋轉、波動等手法,以及在現實場景中的呈現效果,非常值得仔細研究。作者也在作品網站分享創作的理念與工具,有興趣的朋友可以從這邊閱讀 👉 https://timrodenbroeker.de/projects/programming-posters/
大家想要看到更多 creative coding 的分享與教學嗎?還是對於哪些類型的內容特別感興趣,歡迎在留言告訴老闆喔😃
#案例分享 #動態海報 #creativecoding
creative coding教學 在 老闆,來點寇汀吧。Boss, CODING please. Youtube 的最讚貼文
本次的教學主題是用 GSAP 製作直播互動動態效果,哲宇將會手把手帶大家製作彈跳表情符號、emoji 彈幕還有留言與點選動態等效果。
現在許多電商、遊戲甚至課程平台都有了直播的功能,如何透過網頁特效動態來為互動加分,讓使用者好有參與感,就來跟哲宇一起切磋切磋吧。
(1:50:13) 哲宇大型 debug 現場
#GSAP
--
追蹤老闆的 IG:https://www.instagram.com/bosscodingplease/
Hahow 線上課程:
動畫互動網頁程式入門 (HTML/CSS/JS) 👉 https://bit.ly/3i6OTEU
動畫互動網頁特效入門(JS/CANVAS)👉https://bit.ly/3i3sCYy
互動藝術程式創作入門 (Creative Coding) 👉 https://bit.ly/3yliGiV
Creative Coding 台灣站:https://bit.ly/3iQ8iZF
creative coding教學 在 Untyped 對啊我是工程師 Youtube 的最讚貼文
10個工程師的愛恨情仇-2020全球資訊工程調查看一看 Stack Overflow ft. Wei Chen | 10 Preferences of Software Engineers
-
誰說工程師沒有情感?這次就來揭露工程師們的各種愛恨情仇。
同樣是工程師,但是人人各有所好。這次邀請到工程師Wei Chen 一起回答10個survey中的問題,並根據 Stack Overflow 在2020年對於2019年的資訊工程調查結果,做討論與分享我們的看法。
1. 最受歡迎/熱門/常用的程式語言 The Most Popular Programming Language 0:35
2. 最喜歡的程式語言 The Most Loved Programming Language 1:48
3. 最討厭的程式語言 The Most Dreaded Programming Language 3:30
4. 最想學/嘗試的程式語言 The Most Wanted Programming Language 4:51
5. 最有錢途的程式語言 The Highest Paid Programming Language 5:51
6. 最有錢途的資訊工程相關職位 The Highest Paid Developer Type 6:50
7. 女性工程師參與度 The Percentage of Female Survey Respondents 8:28
8. 最看重的工作條件或要素 The Most Important Job Factor 9:37
9. 面對面 或 線上交談?IRL or Online Chat? 10:55
10. 鳳梨披薩?Pineapple on Pizza? 12:07
好奇「Untyped 對啊我是工程師」是如何誕生的嗎?
來聽聽學吧少女的訪談 👉https://youtu.be/bZXGuZoYDWA
#工程師都愛StackOverflow #今年女工程師會更多 #鳳梨披薩萬歲
一定要看到影片最後面並且在「YouTube影片下方」按讚留言訂閱分享唷!
-
歡迎留言告訴我你的想法,或是你想認識的程式語言唷!
每(隔週)週六晚上9點更新,請記得開啟YouTube🔔通知!
-
【相關連結】
2019 資訊工程調查 Stack Overflow Developer Survey: [https://insights.stackoverflow.com/survey/2019]
【What I used to make this video】
個人電腦:Apple MacBook Pro [https://amzn.to/2HKgI2T]
拍攝錄音錄影: iPhone X [https://amzn.to/3c0s6Fu]
相機: Canon 80D [https://amzn.to/2VVmiYz]
錄音: Rode [https://amzn.to/3aqnzL2]
鍵盤: Logitech MX Keys Wireless Keyboard [https://amzn.to/3awqi5L]
【愛屋及烏】
Facebook 臉書粉專 👉 [https://www.facebook.com/untyped/]
Instagram 👉 [[https://www.instagram.com/untypedcoding/]
合作邀約 👉 untypedcoding@gmail.com
-
Untyped 對啊我是工程師 - There are so many data types in the world of computer science, so are the people who write the code. We aim to UNTYPE the stereotype of engineers and of how coding is only for a certain type of people.
凱心琳: 一個喜歡電腦科學邏輯推理,在科技圈努力為性別平等奮鬥的女工程師。
-
This video contains affiliate links, which means that if you click on one of the product links, I'll receive a small commission.
圖片影片音效:[giphy.com] [pngwave.com][freesound.org]
Walk Around by Roa https://soundcloud.com/roa_music1031
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
creative coding教學 在 kelvynmarte/creative-coding-unity-tutorial - GitHub 的推薦與評價
Tutorial by rbarraza.com. Contribute to kelvynmarte/creative-coding-unity-tutorial development by creating an account on GitHub. ... <看更多>
creative coding教學 在 標籤: creative coding教學 - 社區大學終身學習網 的推薦與評價
想要學習影像詩創作可以去哪裡學?家教、外面補習班太貴?剛好可以善用社區大學的資源來學習各種技能、知識,以下幫大[…] . ... <看更多>
creative coding教學 在 Creative Coding Taiwan | 互動程式創作台灣站 - Facebook 的推薦與評價
Creative Coding Taiwan 是由墨雨設計所發起與支持的社群,旨在台灣推廣互動程式設計 ... 今天在open processing上把其中一個作品作成了step by step的教學,如果有剛 ... ... <看更多>