【網路3D應用 - Ginger facial rigging 】【W⁺】

在 Chrome Experiments 網站上看到了這個月才剛推出的新體驗，可以在 Goolge Chrome 瀏覽器上體驗一般只能在 3D 軟體中才玩得到的 3D 角色表情控制（ facial rigging ）。 

Ginger facial rigging 應用到的技術有：WebGL, JavaScript, Three.js, jQuery UI, Maya。它運用了 Three.js （ in WebGL）來控制 25 種的臉部變形，使用者可透過 jQuery 的介面滑桿來調整形變。另外，當中預設了角色的視線會跟隨著滑鼠游標，還能利用鍵盤上的WASD按鍵來改變攝影機的縮放與旋轉（不能在中文打字狀態）。

介紹網頁：http://www.chromeexperiments.com/detail/ginger-facial-rigging/

馬上體驗：Ginger facial rigging

---

另外一個也很有趣：WebGL Skin，如下圖。擬真的皮膚算圖，也同樣可以透過滑鼠游標的位移來改變視角，不過幅度沒有很大。

介紹網頁：http://www.chromeexperiments.com/detail/webgl-skin/
馬上體驗 WebGL Skin：http://alteredqualia.com/three/examples/webgl_materials_skin.html


更多體驗：http://www.chromeexperiments.com/

---

 相關文章 

【3 Dreams of Black - 網路瀏覽器互動式 MV 】【W⁺】

【GLGE - WebGL framework library】

【Path tracing - 雲端 Render 】

【Fractal Lab 碎形雲端實驗室 - 別懷疑，就是在網路上】

【在 iPad 上玩 3D】

---

more

【所有事物都是Remix系列 - Everything is a Remix】【W⁺】

Everything is a Remix, Part 1（音樂）

Universal Subtitles 翻譯平台版本（有中文）

Remixing is a folk art but the techniques are the same ones used at any level of creation: copy, transform, and combine. You could even say that everything is a remix.

Everything is a Remix Part 2（電影）

An exploration of the remix techniques involved in producing films. Part Two of a four-part series.

An additional supplement to this video can be seen here

Everything is a Remix Part 3（創意元素）

Creativity isn't magic. Part three of this four-part series explores how innovations truly happen.

官方網站 : http://www.everythingisaremix.info

資料來源是 「動畫筆記本」 部落格 :
第一部（音樂）：http://goo.gl/HeKAE
第二部（電影）：http://goo.gl/2hPNl


第四部還沒出。另外，也因此發現了 Universal Subtitles 這個很棒的影片翻譯工具！（這次就來試試）

more

【動畫也要潮一下！電子互動繪本 App 創新應用！】【W⁺】

The Fantastic Flying Books of Mr. Morris （ iPad App）

這是我一直期待的動畫應用！試用過後再跟大家分享心得！

官方網站：http://www.moonbotstudios.com/

iTunes：http://goo.gl/r0SZ2 （$4.99）

動畫部分用了電腦、手繪和停格動畫的技術，幕後製作：

The Power of Story

Animation We Cherish

Thousands Of Books

Invitations To Adventure

more

【Alex Roman - The Third & The Seventh】【W⁺】

全片都是 CG 電腦繪製！

作品試圖以建築攝影的角度來詮釋這些建築大師或經典家具或超現實的作品！(摘自此)

A FULL-CG animated piece that tries to illustrate architecture art across a photographic point of view where main subjects are already-built spaces. Sometimes in an abstract way. Sometimes surreal.

Motionographer專文：Alex Roman - TheThird&TheSeventh

覺得這篇文章很不錯，不會流於純技術性的討論。

但現在還沒有時間翻譯～有好心人願意分享心得的話，麻煩留言囉，感謝！

官方網站：thirdseventh.com

合成分解　Compositing Breakdown (T&S)

其他作品　Other Works

more

【Bubble - 超唯美的泡泡（你以為這是3D嗎？）】【W⁺】

導演： Elliot Dear （Blinkink）

這作品是部 MV ，音樂很好聽。
Music video for the track 'Bubble' by Jon Hopkins and King Creosote　
Album專輯：DIAMOND MINE


▼超酷的製作過程：

所有的合成素材全都是實體模型，不是 3D 建模，好強！
觀念都是一樣的，只要能符合最後的畫面需要，不管是電腦 3D 還是實體，都是素材！

▼下面是導演 Elliot Dear 的其他作品（ Demoreel）

more

【29 Ways to Stay Creative - 永保創意 29 招 動畫】【W⁺】

製作公司是位於日本札幌的豆腐 ... 沒錯 ... 公司就叫「TO-FU」！

「TO-FU」的 Vimeo：http://vimeo.com/tofudesign

影片釋出至今（6/8），已有三萬多人次觀賞了！也在各個知名動畫影像設計分享平台流傳！

如果只是段文字，力量或許沒這麼強，做成經過設計的圖片會好很多，做成動畫似乎也不賴！如同之前分享的【簡報動畫的應用】的概念，這個作品也讓一些很棒的概念，透過動畫的形式讓更多人看到（就會有像我這樣的人會分享）。以下是我的亂翻譯：

.........繼續閱讀

more

【讀「動畫產業 要靠政府拉一把」一文有感 】【W⁺】

more

【Edistorm - 雲端便利貼 - 腦力激盪工具】【W⁺】

官網：http://www.edistorm.com/

這個非常酷！非常適合在團隊合作中運用～特別是前製時的創意發想！

也非常符合 W⁺ 一直以來對於雲端團隊共創的想像，當初還花了不少時間在找這種工具，居然現在才看到！

more

【3 Dreams of Black - 網路瀏覽器互動式 MV 】【W⁺】

（圖片來源）

（以下用 Storify 做整理，請繼續閱讀）

more

【Google 首頁會跳舞！】【W⁺】

（圖片來源）

（以下用 Storify 做整理，請繼續閱讀）

more

【CameraMan for Maya® - 用 iPhone 操控 Maya 攝影機！？】

CameraMan Basic Tutorial Sample

很快的～用 Wii 來操作 3D 攝影機已經不新奇了！現在你只需花 1.99 美元下載 APP，就能用 iPhone 來控制 3D 攝影機。能調整 Focal Lenth ，還可以按下 Record 鍵錄下操作的 Key （這句像是廢話，不然就沒啥用了）

接下來還能夠期待什麼？控制角色 Rig 嗎？讓動畫師拿著 iPhone 來 Key Animation，這一定很酷！甚至透過攝影機，運用辨識追蹤（可能需要貼一些點） Tracking 的技術，讓真人的表情轉換變成 3D 角色的表情 ......

不過前提是你必須先要有支 iPhone 4 或是 iPad 2 （我的 iPhone 3GS 不能用！真是晴天霹靂！）

CameraMan for Maya® is an iPhone app that allows you to control a 3D camera in Maya using an iPhone. The purpose of CameraMan is create handheld camera effects by using the Gyroscope in the iPhone 4 and iPod Touch 4th Generation as a motion capture device.

官方部落格

CameraMan 1.0.2 Update

more

【GLGE - WebGL framework library】

網路 3D 的可能性其實非常值得想像一下！或許哪天，玩 3D 擬真遊戲不必再下載，只需登入帳號，便可開始玩了，如同現在不斷興起的許多雲端應用一樣。甚至也可能變成是 Facebook 當中的小遊戲。

之前也曾介紹過一些不錯的應用技術：
【Fractal Lab 碎形雲端實驗室 - 別懷疑，就是在網路上】
【Path tracing - 雲端 Render 】
【在 iPad 上玩 3D】

甚至可以想像，Maya 會不會有天也會雲端化，變成一個 App，就像是現在也有雲端版的 Photoshop 一樣。假如再配合像是 Aniboom 動畫雲端共創這樣的平台，那不管走到哪，只要手上有台筆電或是 iPad 能上網，就能夠與世界各地的好手們一起做動畫了！

或許有點天方夜譚，但是，就像是十年前我們也無法想像今日～網路如此普及，iPad 平版熱潮，社群媒體發達，以及雲端應用的發展潛力等等現狀，世界改變的速度如此之快，三五年後會如何，誰知道呢？


What is GLGE?
GLGE is a javascript library intended to ease the use of WebGL; which is basically a native browser javascript API giving direct access to openGL ES2, allowing for the use of hardware accelerated 2D/3D applications without having to download any plugins.

官方網站：http://www.glge.org/

轉貼介紹：

more

【震撼版本 - Black Beetle - 森林甩尾】

之前也有 po 過 Black Beetle 的文章，正片及幕後製作 - 【Black Beetle - 頭蚊蟲D 之 森林甩尾 - 】

而這次是分享他的 youtube 的震撼版本！非常酷！

原版影片：

資料來源是～

精選8個在youtube上的創意互動廣告

摘錄：
放眼望去鮪魚星球人裡嵌入了大量的youtube影片，可以想見，用youtube看影片、聽音樂已經成為我生活中不可或缺的一個動作。最近在意外搜尋到Volkswagen-Black Beetle在youtube上的廣告，覺得很有趣，一挖掘之下，發現了很多有創意的案例。Youtube上除了放置在影片中的廣告外，和廠商合作，在youtube上做特殊版位的廣告，也是一個有趣的選擇，許多是在youtube上才能看見的廣告手法，既有創意又獨樹一格。......

more

【獨立製片集資平台 - IndieGoGo】

這資訊是來自下面這部動畫 - Black Sunrise - Trailer：

在簡介裡說明了這部動畫預告也同時在 IndieGoGo 募資籌款中 ( 網頁 )

導演 Nick Cross 已經有十二年七部動畫短片製作的經歷，黑色日出 ( Black Sunrise ) 是他的第一部動畫長片，當然，這將會耗費大量的精力與時間，於是，他希望可以透過募款，籌措足夠的資金，以便能全職投入於動畫的創作，而不必再蠟燭兩頭燒，在創作與接案賺錢之間進退維谷。


這聽來像是全世界每個創作者的心聲，是吧？


在 Web 3.0 後 PC 時代 - 新媒體浪潮 逐漸高漲的態勢中，透過網路，確實有著許多顛覆傳統創作流程的可能性，包括 雲端群眾共創、包括新通路的出現。除此之外，資金，這項重要的關鍵條件，也同樣是每個創作者所關注的焦點，期盼著網路能帶來新的籌募來源，且同時不會有太多限制，能保有原作者的初衷，而這點， IndieGoGo 也提供這樣的保證，在下面這段影片裡也有提到。

more

【法國科幻動畫長片 - The Prodigies】

4/17 更新！

The Prodigies - 開眼電影的中文翻譯是先知，原意是少年天才、神童！
這是一部法國的動畫長片，預計2011年5月25日上映，由 Studio 37 Orange 所製作。動作是使用動態捕捉技術 motion capture （at Attitude Studio 巴黎）。故事是改編自 1981年由 Bernard Lenteric 寫的小說（維基資料）。（由電視影集 Galactik Football 的導演 Antoine Charreyron 執導 - 動畫筆記本資料）


" 紐約，中央公園，五個天才少年正密謀一場完美的復仇計畫 … "

" NYC, Central Park, 2010. Five young teenagers are violently assaulted. But they’re not your average
teenagers… they’re prodigies. The trauma of the assault incites them to lash out against the world
in a cold and calculating way. The five chillingly brilliant minds come together to concoct a perfect
revenge. The only person aware of the pending doom is Jimbo Farrar, a sixth prodigy, who has gathered them. As long as he fights against his five counterparts with all his might, there’s hope for the world. But should he turn over to their side, it’s only a matter of time before a disaster of apocalyptic proportions ensues… "

官方網站

很有趣的網站設計，還有有點像是解碼的遊戲（也不算），或說是特別的介面啦（都法文看不懂），可以幫助認識故事背景與世界觀。像是可以連到這個網頁來，透過像是新聞網站的方式來認識故事背景。另外這個是介紹故事裡很科幻的手機。

資料來源網站：１、２、３

圖片：

延伸閱讀：【法國科幻驚悚動畫 - SOUL MAN】

more

【Path tracing - 雲端 Render 】

Path Tracing with Canvas and HTML5 Web Workers

太酷了！又是一個驚人的雲端 3D 應用，這次是 Render ，而且，還是光線追蹤，基於擬真物理原理的數學運算！（作者還做了色溫的調校，也依據 fresnel 原理 ）　運用了 HTML5 的 Canvas 功能。雖然目前看來實驗價值高於實用性，卻也揭示出了雲端、Web、HTML5 ... 等等的可塑性，頗具想像空間。

進入 Render 網頁（建議使用 Google Chrome 瀏覽器）


原文介紹：


Jonas Wagner’s latest experiment is path tracing which is, apparently, a simple, slow, but very realistic version of ray tracing. What’s awesome is that it’s pure JavaScript, baby. It uses the canvas element for display, and web workers for efficiency.

This means you should run it on Chrome, anything else is way too slow. That’s not to say Chrome is fast, but at least something is visible within an average human life span. Regardless of the speed, I found it mesmerising to watch :)


延伸閱讀：Path tracing in Javascript using web workers


還沒仔細研究～先分享囉～

more

【Fractal Lab 碎形雲端實驗室 - 別懷疑，就是在網路上】

Fractal Lab 網站 - http://fractal.io/

You'll need a WebGL enabled browser (best with Google Chrome or Firefox 4beta) then head over to fractal.io

早年有人因為發表了碎形理論應用在電腦繪圖的研究，因此進入了皮克斯。一直到現在，碎形 Fractal 早已成為 3D 軟體中一項不可或缺的 Utility 工具 (多應用在製作不規則地形或質感等等)

看到這個 WEB APP 真是傻眼！不過需要夠快的網路還有很好的顯示卡吧。有興趣試試看
的人，建議關掉其他網頁或停止下載東西。 ...看來 Web GL 的發展與應用非常值得期待！

介紹影片：






精彩實作範例

想看更多，來這裡～

http://vimeo.com/subblue/videos

more

【在 iPad 上玩 3D】

iPad 帶領了平板等行動裝置開啟了後PC時代，這也是一向我很期待的事情～在 iPad 上玩 3D。當然，凡事都有剛起步的階段，至少看見了一種新的可能。

是先從這裡看到的～3D Modeling Software on iPad

找到了一段不漂亮但可以了解在幹麻的影片：

more

【2D+Depth 轉 3D：kuencula（轉貼）】

轉貼自：Drake's blog【2D+Depth 轉 3D: kuencula】

kuencula操作簡介，範例圖片版權為digimax所有。
download: http://kuencula.blogspot.com/
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

kuencula 標準版 3.01 剛剛問世。它接受一張 2D 圖像（color map）與深度圖（depth map），然後會產生 n 個不同視角的圖出來的程式。

由 kuenbu、sasanala 與我三人從一開始的討論，到後來由 kuenbu 獨自操刀完成。只要你有辦法提供一張圖，然後搭配上另一張深度圖，就可以產生出 8 張（暫定）不同視角下的圖來。其中輸入的兩張圖的大小比例要一樣，建議大一點。深度圖的部分，使用 gray-level 的圖表示即可，最近的值是 255（白色），最遠的值是 0（黑色），單一個 channel，8bits。

裏頭使用的圖例，全來自太極影音的製作團隊，其中包括供花博真相館放映使用的「面對台灣的真相」，以及購買自第三方單位的「八八水災照片」。使用的版權皆歸太極影音所有。唯此合作計畫由我主導，與台灣大學網媒所建立合作的密切關係，彼此分享資源與腦力。整個程式尚未完成，但已經導入公司內容，供製作人員使用了，初步成效有達到，一切還在開發進展中。

kuenbu 同時弄了個 video。Good Job, Kuenbu!

more

【Aniboom 動畫雲端共創】

這次的版本更棒了！也是很不錯的簡報動畫應用，透過影像讓你一目了然！

也是最接近 ICC 數位共創 的真實案例。幾個月前看到時，也算給了自己一劑強心針，確信雲端共創的可能性並非天方夜譚。

官方介紹～http://www.aniboom.com/Work/About/

WHAT IS THE AVS？（以下是筆者的不專業翻譯）

The Aniboom Virtual Studio (AVS)是全世界第一個雲端線上的動畫工作室。在這裡，你可以從事動態影像、電視影集、廣告、家庭娛樂 ... 等等的工作，不管你身處在世界上哪一個角落。你可以選擇你想要的工作時程，只要不抵累 ，並且交出高品質的作品。

AVS的工作項目包含 2D 和 3D ，有故事創作、角色設計、場景設計、動畫師、建模師、角色設定師 ( riggers )、貼圖繪製、 matte painters、場景美術設計、燈光師、各類技術指導，還有專案管理或製作人。

more