在 VueJS 中建立 Three.js 場景

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

在 VueJS 中使用 WebGL

身為一個設計師,除了 SVG動態背景 [https://blog.256pages.com/svg-animation-background-vue/] 及 中文 Web Fonts [https://blog.256pages.com/chinese-web-fonts/] 外也沒有什麼視覺上的效果,令我的作品在設計上有所缺失! 以前都是用 Flash 來開發一些超炫目的網站,但現在都轉成用 Javascript 了,當然要踏入 WebGL 的領域,開發炫眼的 3D 網站了! Three.js

Headless CMS - strapi

最近在外國正盛行的無頭 CMS (Headless CMS),到底有什麼好處呢?跟我們常用的 CMS 又有什麼分別呢? 什麼是 Headless CMS? 傳統 CMS 好像著名的 Wordpress,Drupal,Ghost 等等都包括Front-end UI,也有 Theme 的部份,形成前後台合一的情況。而 Headless 的無頭就是不包括 Front-end,做一個純粹的 Backend CMS,輸出 API 給

2018 年學習回顧

今年學習的項目沒上年廣泛,但相對比較深入 Front-end * VueJS - 深入地了解 data 的處理及 lifecycle 的應用,嘗試改寫 Plugins 去配 Components * VueCli - 新版本 3.0 出來後試用很不錯,但原生的 SSR 還是太難處理 * NuxtJS - 原本 VueCli 3.0 出來後想停用 NuxtJS,但新版本出來後除了 SSR

在 Docker 上架設 Wordpress

什麼剛剛還在用阿鬼 2.0 的我要寫篇 Wordpress 教學?因為客戶指定要用 Wordpress 的關係也沒辦法,但是 Docker 化了服務的伺服器中,我也希望用 Docker 可以建立完整的開發環境。 -------------------------------------------------------------------------------- Wordpress 的 Image 選擇 先說明一下我設定中的架構再行選擇吧 跟之前一樣使用 CoreOS [https://blog.256pages.com/coreos-docker/] 為底層系統,在 Docker 中使用 WordPress