Search
#直播教學預告
老闆，我要學用 GSAP 製作直播互動動態效果。
大家傍晚好，我是小幫手 Angela，今晚我們要在 Yotube 開免費教學直播囉！
本次的教學主題是用 GSAP 製作直播互動動態效果，老闆將會手把手帶大家製作彈跳表情符號、emoji 彈幕還有留言與點選動態等效果。
現在許多電商、遊戲甚至課程平台都有了直播的功能，如何透過網頁特效動態來為互動加分，讓使用者好有參與感，今晚 9:30 就來跟老闆一起切磋切磋吧。
--
#怎麼看直播
我們將在 老闆 來點寇汀吧。 Boss,CODING please. 的 Youtube 上直播，今晚 9:30 可以自己去 Youtube 搜尋，屆時小幫手也會把網址貼來這篇貼文，不想錯過就按這篇貼文一個讚吧！
訂閱 Youtube 👉 https://bit.ly/3g35CrM
今晚 9:30 Youtube 直播見拉！
#直播
老闆，製作一門有教育浪漫理想的課程要花多久呢？
ans：#我用了一年（汗流浹背）。
2017/8–2018/8，整整一年時間，我在 Hahow 好學校 製作我的第二門線上課程，把我對線上課程的想像再做好做滿、做爆，做到未曾有人嘗試的東西，也希望他能夠在深度、廣度上完整超過第一堂課。
#這麼猛爆努力的原因
我也同時在探討自己對互動網頁的憧憬從何而來，我最後找到數學與科學。數學與科學的美，是終於在世界中找到秩序，所以即使聽起來艱深，這門課也能與所有人共鳴。
#回到眼前
幸好課程也得到學生們猛爆的肯定（抹額頭汗），回到眼前，課程用有趣的範例，從程式、數學、或設計，整合式的帶你走入絢麗的特效網頁世界，從解決真實的問題或創作來看見學習的目的。
從 html/css 講到 物件導向 講到 數學、音樂、遊戲的綜合應用，囊括 JavaScript 完整入門、es6 物件導向，到後來自己了解原理並做一個遊戲引擎，範例從記憶遊戲、小精靈、生成式藝術到 agar.io。
長達 3,085分鐘，超過 60 個精緻範例與 400 張的投影片，以及四個加碼單元 vue-cli、GSAP、D3、Three.js 的投影片，成為 Hahow 上最長的課程，有興趣的話，就來看看吧。
--
閱讀全文 👉 http://creativecoding.peek.link/29tA
瞧瞧課程 👉
動畫互動網頁程式入門(HTML/CSS/JS)：https://bit.ly/3wM2vtj
動畫互動網頁特效入門(JS/CANVAS)：https://bit.ly/36KD7JV
網頁動畫目前是非常受歡迎的網頁特效，要怎樣才能輕鬆快速打造理想的網頁動畫呢？
🔥目前還有早鳥特惠價，課程詳細介紹 https://softnshare.com/html5animate-cc-animation-game/
本次的教學主題是用 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
在使用很多canvas函式庫時，東西常常已經包裝成物件，
可以輕鬆的拖曳、偵測點擊，
但是他究竟是怎麼把純繪圖的canvas包成物件的呢，如果脫離了像是pixi.js、paper.js等函式庫，要怎麼自立自強？
這一集的週四寫程式，
一起來探索如何設計一個能夠自己自製事件跟偵測，
像是蛋糕一樣，使用物件繼承一層一層堆起介面操作的高塔。
------
手刀訂閱 老闆 來點寇汀吧 Youtube頻道！
https://www.youtube.com/channel/UCHX_XMhPrtvOmgGOnA2eTmA
上次直播-來用socket.io做個即時互動的遊戲吧！
http://to.piee.pw/v-4653934
---
基礎課程【動態互動網頁程式入門】：
https://hahow.in/cr/monoame-webdesign1
進階Canvas+JS應用【動態互動網頁特效入門】：
https://hahow.in/cr/monoame-webdesign2
今天(6/11 週一)晚上十點半整 準時直播~
哈囉大家好，這次帶來新口味的系列調酒
老闆也來挑戰 六角學院 精神時光屋的題目啦！
在這次範例中如果時間夠，會規劃一些介面設計
在網頁技術部份將使用 Vue + TweenMax + Firebase+animate.css
製作一個動態的代辦清單介面
直播範例連結：
https://codepen.io/frank890417/pen/aKJYjm
大家一起來玩XD - 前端修煉精神時光屋挑戰
http://www.hexschool.com/2018/05/09/2018-05-09-the_f2e/
------
手刀訂閱 老闆 來點寇汀吧 Youtube頻道！
https://www.youtube.com/channel/UCHX_XMhPrtvOmgGOnA2eTmA
上次直播-來用socket.io做個即時互動的遊戲吧！
http://to.piee.pw/v-4653934
---
基礎課程【動態互動網頁程式入門】：
https://hahow.in/cr/monoame-webdesign1
進階Canvas+JS應用【動態互動網頁特效入門】：
https://hahow.in/cr/monoame-webdesign2
專案解析-【動畫互動網頁特效入門| 片頭設計】 - Motioner Live · Tenho interesse · Convidar · Mais ... ... <看更多>
網頁特效 在 这个是收集一些好看酷炫的网页特效| html5 - GitHub Pages 的推薦與評價
html5 canvas 特效. ... 这个是收集一些好看酷炫的网页特效. 特效多多. Github预览：. |效果|预览| |–|–| | 荧光 |星云| |特效一|粒子旋涡| |特效二|特效三| |特效四| ... ... <看更多>