原创 【Adobe】將AI內容導出並轉化爲AE矢量形狀
首先在AI的【圖層】面板中選中根圖層，然後在右上角的菜單選擇【釋放到圖層（順序）】 將根圖層下的所有子圖層拖動到和根圖層同級的目錄下 轉到AE項目，將剛纔的AI文件導入到AE資源中 在AE時間軸上全選所有的AI矢量圖層，右鍵→
2020-06-19 02:03:40
2
原创 d3.v5各種scale傻傻分不清
在d3.js的語境下，scale用來生成某集合與實數的映射。它的一個重要用途是生成座標軸： let axis = d3.axisXXX(scale); // 如此就得到了一個座標軸生成器 這裏的XXX有四個選項，分別是Left、R
2020-06-19 00:34:56
原创 樹莓派 | Raspbian系統上安裝processing
方法一 Processing官方推薦的安裝方法：🔗鏈接 這個方法是將一個已經預裝processing的raspbian系統鏡像安裝在一個空白的micro SD卡上，相當於裝一個新的樹莓派系統了。 方法二 Raspberry Pi官方提
2020-06-18 22:51:31
53
原创 鼠標滾輪交互工具scrollama簡單使用
Github：https://github.com/russellgoldenberg/scrollama 缺點：無法識別svg內的元素 初始化滾動控制器： let scroller = scrollama(); 啓用功能 scrol
2020-06-18 22:51:30
2
原创 初識GSAP
最近在FWA上發現了在2019年2月收錄的一個網頁：“Nomadic Tribe”，由makeMePulse開發。 一個充滿繪本氣息與神話色彩的交互作品。 出於好奇，看到了這個網頁使用了一個叫TweenLite.min.js的文件，順藤
2020-06-18 22:51:30
原创 樹莓派Raspbian安裝步驟
前期準備： Win10系統的電腦 樹莓派（這裏是3B+） Micro SD卡 Raspbian 系統 下載地址 SD Card Formatter 下載地址 win32diskimager 下載地址 格式化SD卡 使用SD Card
2020-06-18 22:51:30
原创 IDM(Internet Download Manager)的Chrome擴展IDM Integration Module安裝問題
IDM是一個非常好用的下載器 ，可以下載網頁中的視頻、背景音樂等各種鏈接。官網 安裝了IDM之後，有可能會發生Chrome對應的擴展程序無法安裝的情況。 然而所有可以在Google Store裏面搜索到的所謂IDM擴展程序都是第三方的，不
2020-05-31 01:20:42
原创 Git bash將本地現有工程變成Github倉庫
將現有的工程目錄上傳到Github上作爲一個新的repository 進入工程根目錄 初始化本地倉庫（空） git init 添加文件到本地倉庫 git add . 提交 git commit -m "commit
2020-05-31 01:20:41
原创 webpack4入門參考
Webpack版本：4.25.1 特性 有code-spliting（代碼分割）的功能，可以根據需要進行加載，而不是一次加載全部 通過loader處理各種文件（js、圖片、css、json、less、coffeescipt等），任何
2020-05-31 01:20:31
原创 HTML video 的常用屬性速查
這幾天在用HTML搞一些簡單的視頻特效，於是難免要記住一些<video>標籤的屬性。這裏索性搞了個簡單的速查。 width 視頻寬度 height 視頻高度 paused 是否暫停 ended 是否播放完畢 playbac
2020-05-13 23:01:59
原创 THREE + d3製作中國地圖擠壓(extrude)模型
下午花了幾個小時邊學邊做，做出來了一箇中國地圖的擠壓模型。其中中國地圖的數據是geojson的格式，由於相關法律這裏無法提供地圖數據。如果想要學習交流使用可以前往github上翻一翻。 使用的工具很單純： THREE.js (ver 11
2020-04-14 20:09:17
原创 js與html DOM實現雙向數據綁定的原理：Object.defineProperty()
在Angular或Vue中，視圖（view）和模型（model）之間是能夠實現雙向數據綁定的，這也是Angular和Vue的一大特點。就是說，當用戶修改視圖時，和視圖相關的那個變量值也會發生改變；當那個變量值自己發生變化時，視圖也會相應作
2020-02-26 08:24:44
原创 jQuery監聽input:range的滑塊移動，實現實時反饋
使用change()並不能實現此效果，因爲必須鼠標鬆開時纔會觸發，而當鼠標移動時並不會觸發： // 這樣是不行的 $("#slider").change(() => { console.log("changed!"); });
2020-02-22 17:17:28
原创 nginx在docker的簡單使用
首先安裝docker。不同操作系統的安裝方法有所不同，這裏不作贅述。 然後在docker中安裝nginx鏡像： docker pull nginx:latest 執行命令 docker run -p 8080:80 -d nginx
2020-02-22 17:17:27
原创 jQuery插件scrollmagic介紹
文檔：http://scrollmagic.io/docs/index.html 點贊 收藏 分享 文章舉報 ValdisW 發佈了23 篇原創文章 · 獲贊 6 · 訪問
2020-02-22 17:17:27