VueJS

一個用於建立使用者介面的開源JavaScript框架，也是一個建立單頁面應用的Web應用框架。
在 VueJS 中建立 Three.js 場景

在 VueJS 中建立 Three.js 場景

1 min read ThreejsVueJS
上回說明如何載入 Three.js，接下來就會建立一個簡單的場景，Three.js 建立 3D 場景的概念跟 3D 軟件中繪圖的概念相當接近，只是換成用程式來建立，如果有使用 3D 繪圖軟件的經驗會更好了解。在 Vue 中建立 Three.js 場景就先要了建 Vue 的流程。 我當是使用的 Vue 版本是 2.x，Three.js 版本是 R97。Vue
在 VueJS 中使用 WebGL

在 VueJS 中使用 WebGL

2 min read webGLThreejsVueJS
身為一個設計師，除了 SVG動態背景 及 中文 Web Fonts 外也沒有什麼視覺上的效果，令我的作品在設計上有所缺失！ 以前都是用 Flash 來開發一些超炫目的網站，但現在都轉成用 Javascript 了，當然要踏入 WebGL 的領域，開發炫眼的 3D 網站了！ Three.js應該是最多人用也是最易用的 WebGL Javascript Library，在 Three.js 的官網有不少 examples 也有中文的文件，基本上依官網來做就可以完成不少效果。
Vue 終於都超越 React 了

Vue 終於都超越 React 了

3 min read VueJSReactJS
一直以來都被質疑為什麼不學學 React 而選擇了 Vue。不過 6月5日 Vue 在 Github 上的星星數終於超過了 React，雖然不排除 Vue 的星數內有很大量中國用家的水份，但是 Vue 確實是受到世界用家的關注，雖然晚了點出文來說，但不足一個月己經超前了 1000 多星了。 Vue Roadmap 原作者 Evan You 也在努力開發及改進 Vue。不只是單單小修補及更新，現在 Vue 來到 v2.
vue-cli 3.0 試玩

vue-cli 3.0 試玩

3 min read VueJSVue CliVueCli 3
最新發現 vue-cli 進行大更新並開了個別專頁。3.0 新增的功能比想像中多，而且跟 2.x 有很大分別，更大程度訂製了 Vue 的開發流程。 首先必須重新安裝 $ npm install -g @vue/cli 安裝功能 vue-cli 最初及最基本的功能也得到強化，比以前更簡單快捷 使用 vue create project-name來建立新 project。 選擇 first 可以一口氣安裝最基本的 vue 組合，
SVG動態背景

SVG動態背景

5 min read VueJSSVGSVGMorpheusAnimation動態背景
動態 SVG 背景 開始時第一個遇到的問題就是 Background。我構思中是使用 SVG 做背景。每次轉頁是 SVG 動態轉成另一個形狀。 我曾經試用 Snap.svg 及 SVG.js 來做這效果，但由於都比較困難，所以最後選用一個比較舊的 Library SVG Morpheus。先比較一下各 Library 的分別。 Snap.svg 很多人推薦的 SVG animation library。但在做動畫時需要由指定一個