Poco Poco Poco: 2014

2014-12-24

[WEB] 2014聖誕快樂 ─ 讓我們來種長頸鹿

一年一度的聖誕節又要來了！！
大家快去上面種長頸鹿吧！！
(不知道可以點圖的人可以點我)

2014-12-02

老實說比起寫Kinect的學習筆記
還是做些純粹與長頸鹿有關的事物比較合我喜好
所以有想看Kinect V2下一篇的...再等等吧(微笑

這篇起緣於我的同事常常用程式去畫一些有趣的東西(妖怪吃小朋友之類的
因為覺得有趣，就試著也來玩玩看純粹用程式做最基本的繪圖
也就是從單純的幾何圖形與曲線去構成圖案
我的一開始的作品並沒有畫長頸鹿...
在貼出來後就不只一個人問我「長頸鹿勒？」
所以...來看Demo吧！

2014-11-21

[OF]Kinect v2 學習筆記(四) RGB Camera的去背功能

這次的主題是將上篇的去背功能套用到Color Frame上頭

特別獨立拿出來講是因為要再次面對空間轉換的事情

要是連同上一篇一起寫的話...

不要說讀的人了, 我自己都吃不消

廢話不多說!!來看Demo

2014-11-08

[OF]Kinect v2 學習筆記(三) 基礎軀體與骨架資訊

承接著上一篇的Depth Map

這一篇要來進入Kinect最實用的功能！「Skeleton Tracking(骨架追蹤)」

是說在3D Model的建立上似乎也有很大的幫助，不過本系列沒打算講到這塊就是了XD

話不多說，來看Demo結果先：

2014-10-25

[OF]黑白吧！長頸鹿！(下)

為了避免自己一直欠著就忘了寫

還是早點把這個"黑白漫畫"(sketch)做一個了斷吧！

前情提要請參考上集：

[OF]黑白吧！長頸鹿！(上)

===========分隔線===========

上集有提到，這兩篇的作法都是先有Photoshop的處理
再想辦法將這段Photoshop流成轉為程式
不同於上集參考網路教學，下集則是完全靠Art同事對影像處理的敏感度完成！
當初一步一步記下他用了photoshop哪些功能，再一步一步用程式實作來逼近
雖然有捨棄到一些步驟，但個人覺得結果比上集的更接近Comic一點！
老樣子，看看結果先...

為了方便比較，當然還是拿出相同的長頸鹿做為範例了！

2014-10-16

[OF]Kinect v2 學習筆記(二) 環境配置與第一支程式

上一回簡單瞭解Kinect的用途，以及Kinect v2帶來的進步有哪些後
這一篇要開始著手開發Kinect v2的程式
由於自己主要還是在visual studio下進行開發
因此本篇會從SDK安裝與Visual Studio 2012的專案設定開始
到透過OF去完成簡單的Demo

2014-10-13

[OF My Add-on]密技吧！長頸鹿！ ofxCheatCodesTrigger

這件事情其實發生在三天前

在實驗完Kinect v2之後，突然想起自己好像有一個小工具一直沒機會寫

結果一時興起就完成了這篇的主角「ofxCheatCodesTrigger」

後來想想，既然都花時間下去了

乾脆也順便丟到Github上面做為筆者踏向Open Source的第一個Add-on吧！

(※是說，其實還沒被加到ofxAddons上面)

(好吧，我承認我只是想推廣長頸鹿)

2014-10-07

[OF]Kinect v2 學習筆記(一) Kinect v2 基本介紹

前一陣子跑去東京渡過了一個星期左右的假期

這中間除了去Tokyo Game Show以及Akiba朝聖外

也順道帶回了台灣還未上市的互動好朋友

Kinect V2 for windwos

2014-09-11

[WEB]透明吧！長頸鹿！

一個不小心就快要一個多月沒寫Blog了
果然只要工作一忙惰性就會通通跑出來
為了提振士氣來換個方向寫好了!!(其實是因為懶)
在這個"跨平台"三個字當道的時代就是要來講講WEB

================分隔線=============

今天主要是在介紹一個在使用網頁開發上好用的東西, 透明影片
透明影片在一個快速開發的專案下, 是非常好用的道具
可以省掉很多程式去做視覺動態的工, 又能得到非常不錯的呈現效果
一般透明影片的作法有下面幾種：
(1) 連續png
(2) 原始影片 + 遮罩影片
(3) 含Alpha channel的影片格式

2014-08-13

[OF]黑白吧！長頸鹿！(上)

這篇的由來, 是源自於工作上的需求
這需求是希望做到黑白漫畫的效果(歡迎點開我公司的官網)
在google大神以及高手同事的協助下, 產生了兩套PhotoShop流程來做到所謂的黑白漫畫
那是一個喊出「Photoshop行！我程式就行！」的純真時光
我試著一步一步的將PS步驟轉為程式
其實是個滿有趣的過程

================分隔線=============

其實以英文的keyword來說, 當時的需求比較像是sketch(素描)
以comic這個關鍵字下去, 比較接近美式漫畫的風格
比起comic來說, photoshop的sketch effect其實大多教學都滿簡單的
這篇先來介紹這個比較簡單, 最後也被採用的作法
先來看看結果...