\nRadi是一個Mac平臺上的網頁制作工具，以用來制作各種可視化內容，比如圖片、動畫、視頻、曲線圖、JavaScript等。

##為HTML5度身打造

有了Radi，即便不會寫代碼你也可以制作HTML5網頁， Radi從一開始就可以讓你充分利用HTML5的功能，比如多媒體支持和即時圖案等，對
\nvideo?和
\ncanvas?元素的支持非常好。

Radi另一個獨特之處就是會把可編輯內容和用來渲染內容的HTML元素分開。當你制作向量圖形和動畫的時候無需 立刻決定是否以視頻文件或動畫的形式來展現。比如當你創建了一個復雜的向量動畫后，發現在手機上渲染太慢，你可以通過將部分內容欲渲染成視頻文件進行加速，在這種情況下，你就可以通過點擊
\nvideo元素把內容層拖到里面即可。

以下是通過三種不同技術渲染同一匹馬的例子：

*

*

*動畫
\n方法一完全通過
\ncanvas向量圖形元素渲染。

方法二通過
\nvideo元素和一個模糊過濾器完成。

方法三和一一樣，但通過按鈕來控制風向。

上面的網頁都是通過Radi制作的。

##簡單的向量圖形

智能手機和平板電腦的興起對網頁內容提出了新的挑戰，而向量圖可以適應各種大小的顯示屏。

Radi支持
\ncanvas網頁圖形標準，所以你可以對向量圖和位圖進行自由組合。

?

##網頁視頻唾手可得

由于瀏覽器支持的視頻格式不統一，所以通過HTML5發布視頻并不容易。但Radi支持多種視頻格式（H.264，WebM / VP8和Ogg Theora）。

##流暢的動畫

在Radi中實現動畫效果很簡單，打開一個圖層，點擊時間線上的幀，修改圖層屬性既可以自動生成關鍵幀。Radi還有一個浮動的曲線編輯器，可對動畫時間進行更精確的控制。

##精美的視頻效果

Conduit是一個強大的可視化環境，可用來生成即時視頻過濾器和其他效果。Radi提供了多種使用Conduit的方法。

Radi和Conduit充分利用電腦中的圖形編程單元（GPU），讓即時效果速度更快，無需等待即可完成過濾器渲染。

##有趣的圖形編程

HTML5里面的Canvas API可用來制作互動圖形。只要你掌握了JavaScript，就可以制作各種生動的圖形。

Radi的開發者是Pauli Olavi Ojala。該應用目前在測試階段，你可以在
\n這里免費下載。