新年期間,大家是不是沉浸於大吃特吃,大玩特玩的歡樂時光了呢?今天開工第一天,推薦三個由 TAT 在過年期間發怖的三個mobile UI影片,新的開始,大家一同努力激發更棒的靈感與創意喔!

1. TAT Home


2. Dual Drift

...Read More



RedDish is a TAT Cascades powered demo UI, developed for ARM Mali-200 GPU based hardware. It features hardware accelerated 3D geometry, taking full advantage of OpenGL ES 2.0 shaders and anti aliasing functionality. In RedDish, all contacts and communication applications can be accessed from one place. Navigation between applications in the foreground and widgets in the background is seamless. ...Read More

organized by Siney

知名設計師Sam Buxton所設計的mikroworld,真的會讓你驚嘆連連~因為只靠一張名片般大小的金屬片( 9.5x3.5cm ),就能讓你完成平面變成立體世界的夢想!現在就帶大家一起進入DIY mikroworld 的世界囉!

mikroman系列共有 7個小單元 ( Mars,Off Road,Office,Accident,Jungle,Wheels,Holiday,Player ) 分屬不同場景;另外還有一個mikroworld "House" ( 四方立體的,如下圖示 ),都各有驚奇!!

挑了一張 "Player"打電玩的mikroworld,一步一步示範給大家看吧!
這金屬片真的很薄@__@".....一時讓我聯想到刮鬍刀的刀片~感覺一不小心就會被割傷!!!!
你看看~你看看~很鋒利的感覺!...測試過之後,實際上是不會被割傷的!!!一切都很安全!
接著要開始動工囉!!!...因為這屬於精細工程~so...建議使用小躡子輔助!...切忌來回凹折太多次!以免折斷!... 不過正常情形使用都是OK的喔!!!
1:先將立燈束起!
2:接著立沙發!
3:然後將沙發扶手與靠背往後折!

4:然後是椅墊跟椅背~
5:沙發好了~人也可以立起來囉!
6:將人的膝蓋. 大腿.與雙手依自己的感覺調整動作!
7:來一張正面的瞧瞧~感覺還不賴!!!...動作不會太奇怪!
8:椅子旁還有一個小小的"謎樣架子 "(類似茶几但是又不像!!!),也要記得小心立起!
9:接下來是 PS2的手把!
....此處也要小心~因為線很細!
10:液晶螢幕要開機!
11: PS2也要開機!
12:電視旁的大花瓶也要現身囉!...刻的還蠻精細的!
13: PS2手把跟手的部分也要小心調整!!!...如此就大公告成囉!

來一張玩遊戲的背影!!!...金屬質感還真是不錯!!!
底部有mikroman的凹版刻字~
...Read More

organized by Blanche


MESAI是韓國的動畫設計團隊,製作風格相當細膩,動作設計流暢富張力,場景與產品的安排與細節都可以看出他們的獨到之處,更巧妙的放入許多令人會心一笑的小點子。

Alarm,正因為是每人每天早上所遇到的共同真實情況,所以更是貼切。




可以上他們的官網更了解一些,不過全是韓文一,一
還有一些場景的手稿及更好品質的影像檔。



...Read More

organized by Rick

3D mapping video projected

在上網搜尋資料時,無意間發現一個有趣的東西。這算是一種投影技術,也叫做3D Mapping ,但他的3D不是只在電腦螢幕上所呈現出來的動畫及3D效果,而是利用投影技術,將影像投影到戶外的實體上,再藉由一些3D及聲光技術去跟實體物件做定位表演。

一般投影所能呈現的大多只是將影像覆蓋在被投影物的上面,簡單說就像是光直接打在物件上,而打在物件上的影像會隨著物件表面的凹凸造成變形及陰影的呈現。而3D Mapping的投影技術卻顛覆了一般投影所能表現的視覺效果,說那麼多,還是直接看影片吧~

這裡附上官方網站介紹,裡面還有他們其他的投影作品~
...Read More


A video demonstration of the Guiliani Stream Editor.

全球電子設計及製造服務公司TES Electronic Solutions(TES)對於2D及3D圖形等多媒體提供了許多最佳的解決方案。前些日子TES announce一個名為Guiliani Stream Editor的工具,用來提供設計者、互動設計師及程式開發員一個可以快速製作互動式及直覺化使用者介面(UI)的prototype,也可以很快速的放置在嵌入式的裝置上,例如手持裝置。這套工具適用在Windows, Linux及MAC OS X系統平台上。

...Read More

Edited by Dicky

A video demonstration of the Guiliani Stream Editor.

全球電子設計及製造服務公司TES Electronic Solutions(TES)對於2D及3D圖形等多媒體提供了許多最佳的解決方案。前些日子TES announce一個名為Guiliani Stream Editor的工具,用來提供設計者、互動設計師及程式開發員一個可以快速製作互動式及直覺化使用者介面(UI)的prototype,也可以很快速的放置在嵌入式的裝置上,例如手持裝置。這套工具適用在Windows, Linux及MAC OS X系統平台上。

Guiliani Stream Editor的操作非常直覺,具有WYSIWYG特性,設計師只要可以拖拉UI元件、widget甚至是photoshop資源至舞上,然後設定流程及功能,就可以快速發展一個簡易的使用者介面。Guiliani使用OpenGL ES技術來實作圖形繪製,所以發怖的檔案放在手機上執行也滿流暢的。下圖用來描述整個Guiliani的執行流程:

Workflow with Guiliani (via TES)

1. Artist imports resources from PhotoBridge ( A free from TES tool to convert photoshop files ) , quick view
2. Interaction designer stitches together event based application flow
3. GSE’s resource generator creates XML & Resources files ( .h, .lang, .png, jpeg )
4. Programmer can visualize the GUI interaction using these resources and Guiliani run-time
5. The produced resources can be imported to a embedded target and visualized using a run-time port
6. Developer programs the application logic and binds data to the GUI
7. Resulting GUI on the target


...Read More