[processing] 補間動畫

前一陣子在研究位置的補間動畫怎麼寫,也就是給予起點跟終點,物體會在中間平順的移動。原本想的都是方程式的作法,找出斜率,用點斜式來算。但其實要用的是線性內插!! (天啊!怎麼這麼簡單)。

A–C——–B

看一下上面這張圖,假設給予 A(5), B(10)兩點(x軸上),  C 是兩者中間的任意點。  則C的座標為  5* (u) + 10*(1-u)   u就是A-c之間的比率。

所以說 如果平面上有兩個點  G(x1,y1), F(x2,y2) ,那麼 中間某一點 I 的座標就是 G,F 兩點在 X 軸 跟 Y軸 方向各計算一次 即可。

換句話說:你可以把比率這個數值從 0.1 開始,每次加上0.1 直到 1為止(要快一點的話累加量可以大一點),然後帶入這個公式去算,就可以得到位置的補間動畫了!

 

 

 

 

 

廣告

[weekly] 互動週報

Processing:

json library:  https://github.com/agoransson/JSON-processing

arduino:

http://labs.ideo.com/2012/03/15/arduino-tool-that-connects-each-board-to-its-own-source  ideo實驗室針對arduino的ide發展出一個套件可以讓使用者撰寫的程式方便跟 github推出的gist 服務綁在一起,且可以有簡單的版本控制功能。我覺得這個概念相當好,不知道有沒有人來複製到 processing上。

cocodruino:  使用mac上的cocoa 所撰寫的ide ,仍然需要安裝原本的arduino ide。  osx 10.7+ 。看起來相當不錯,因為是使用原生的cocoa來撰寫。所以多了幾個功能: 全螢幕、自動儲存、版本。

Ninja Blocks

ninja blocks 這個東西相當有趣阿。  他結合了 ifttt 這個服務,讓你可以很簡單的定義 什麼時候的時候做什麼事,而不用真的去寫 if 之類的判斷式。

像是你可以接上動作感應器,然後設定他在偵測到動作的時候拍一張照片然後twitter 。附加上額外的感應模組還可以有更多的感應選項,像是濕度、距離….等。

原始的pcb設計跟程式碼都有放出來,這邊還有他們在 kickstarter的募款頁面,影片解釋的很清楚。

深度攝影機

最近研究了一下深度攝影機,把查到的幾款列出來

SwissRanger™ SR4000

網站: http://www.mesa-imaging.ch/prodview4k.php?cat=3D%20Camera

感應距離:     0.1 – 5.0 m/0.1 – 10.0 m

解析度: 176 (h) x 144 (v)

framerate: 50fps

panasonic D-IMager

video: http://www.youtube.com/user/DIMagerPanasonic

解析度:160×120

framerate:   20 fps-30 fps

感應距離:1.2m – 9m

PMD[vision]® CamCube 3.0

video: http://www.youtube.com/watch?v=f0bYnxy74fE&NR=1

網站

* 抗環境光源

* 感應距離  0.3 to 7 m

* framerate

40 fps @ 200×200 pixels
60 fps @ 176×144 pixels
80 fps @ 160×120 pixels

* 解析度: 200×200

DepthSense 311 Professional Kit

Softkinet 出的搭配的硬體

官網: http://www.softkinetic.com/Store.aspx

規格:

Depth pixel count: 160(h)x120(v)

解析度  640×480

framerate: 20-60 fps

感應距離 1.5m-4.5m

 

中介軟體

可以接上面幾套設備  http://www.softkinetic.com/   似乎相當不錯

[互動軟體] 週記

擴大記錄阿….

processing

libraries:

proSVG: 可以把畫面匯出成svg檔案: https://sites.google.com/site/kdlprosvg/Home 。需要把畫面設定成svg格式 ex:  size( 300, 200, “prosvg.SVGKdl");   然後存檔: saveFrame(“filename.svg").

2.0

* 增加了 lwigl的函式庫。 lwigl 全名是 The Lightweight Java Game Library 。 使用範例可以參考這個commit的內容。可以使用 size(640, 360, LWJGL); 來啟用這個渲染器。 processing 2.0 主要是利用了這個函式庫的  opengl功能 請見這份檔案

openframeworks

* 0071 的openframeworks 將會帶有專案產生器 http://forum.openframeworks.cc/index.php/topic,9159.new.html  可以選擇要一併加入哪幾個 addons

* openframeworks 日本官網上線  http://openframeworks.jp/

Arduino

* 線上分享電路圖  http://electronicsforu.com/electronicsforu/lab/

Others

*  Golan Levin 在  Carnegie Mellon University 今天春季班開的課程    Interactive Art and Computational Design 。相當有趣,課程部落格有很多值得參考的資料。歷史課程網頁 – 2011秋季班的課程也相當不錯,這邊有 openprocessing.org的classroom連結,可以看到課程學生們的作業。