2013年3月31日 星期日

2013年3月30日 星期六

2013年3月28日 星期四

2013年3月27日 星期三

RoboInfo- 調整UI

RoboInfo Ver. 1.02

今天又調整了一下UI,主要是把總覽的UI變成只顯示作品照片跟名稱而已,GUI的部分也有做一點調整。

也有增加幾筆新資料,目前緩慢進行中,因為也在思考怎麼配置到時候要塞其他的資料到頁面內。
Read more

RoboInfo- 依年代篩選

RoboInfo Ver. 1.01

稍微改了一下版,本來想用Angular做filter的,後來還是用jquery來做而已。這次加了header跟依年份篩選的功能,相信大家都可以看到時代的眼淚。

RoboInfo

分享到PTT,有些網友希望可以用機戰的圖來取代模型的圖,其實我最開始也有想過,只不過不是所有的作品都找的到Q版的圖,尤其是一些舊作品。再來就是官網的圖都還要抓下來再去背,實在是沒有那麼多時間,其實我最希望的是上面都放我畫的圖 XD

資料緩步增加中..
Read more

2013年3月25日 星期一

漂亮的 canvas 圖表 plugin- Chart.js

chartjs

Chart.js 是一支用 html5 的 canvas 畫出漂亮圖表的plugin,目前提供了六種圖表類型,使用方法只要將網頁上的檔案抓下來,參考一下就可以了。
Plugin網址: Chart.js

要注意的是要支援html5 canvas 才能正常使用這支plugin,所以如果你的瀏覽器是ie,就很有可能沒辦法使用。

這邊就放他的bar的參考code給大家看一下。
  1. var barChartData = {   
  2.             labels : ["January","February","March","April","May","June","July"],   
  3.             datasets : [   
  4.                 {   
  5.                     fillColor : "rgba(220,220,220,0.5)",   
  6.                     strokeColor : "rgba(220,220,220,1)",   
  7.                     data : [65,59,90,81,56,55,40]   
  8.                 },   
  9.                 {   
  10.                     fillColor : "rgba(151,187,205,0.5)",   
  11.                     strokeColor : "rgba(151,187,205,1)",   
  12.                     data : [28,48,40,19,96,27,100]   
  13.                 }   
  14.             ]   
  15.                
  16.         }   
  17.   
  18.     var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Bar(barChartData);  

Demo: bar

他的文件也寫得滿完整的,有需要可以研究看看。
Chart.js Documentation
Read more

2013年3月24日 星期日

RoboInfo- 日本機器人作品情報資訊網

SRW 參戰機器人作品資訊
這是一直很想做的東西,本來是希望可以做的華麗一點,可是都沒什麼時間做,所以之前建了一個資料表,偶爾增加幾筆機器人作品的資訊,昨天為了練習AngularJS,就以他為基礎把資料給弄到前台,於是就弄了這個頁面出來,有興趣可以去看看。

日本機器人作品資訊

機器人以有參加機器人大戰的為主,附上一些網路上找到的介紹資料,大多是來自維基百科的,之後有空應該還是會大改版到我原本設想的樣子。
Read more

2013年3月23日 星期六

SRW UX 戰鬥畫面

YF-29デュランダルF


マークザイン(HaE)


ダブルオークアンタ


デモンベイン(アル)

Read more

2013年3月22日 星期五

開始玩Arduino

Arduino

Arduino是一塊基於開放原始碼的 i/o介面版,,開發者可以使用開發完成的電子元件來輸入訊號,例如Switch、sensors或其他控制器,及利用LED、步進馬達或其他輸出裝置來接收輸出的訊息,並可使用Arduino語言、Flash或Processing…等軟體,寫出一個互動裝置出來。

可以在youtube上看到許多人開發出來的互動裝置。


也可以到MAKE看更多的範例,不過最近開始流行Raspberry Pi了。
Read more

2013年3月21日 星期四

3D Printer 和 3D Scanner

3D Printer
3D Printer
今天老師請3D printer的廠商來學校,也是我第一次看到3D Printer,看著機器這麼動來動去,就印出一台立體的東西,感覺很神奇。而且拿在手上,比我想像中堅固,就像廠商說的,以後如果你家的家具少了一個零件,就可以用3D Printer印出來了。

3D Scanner
除了3D Printer,還有這台3D Scanner,3D Scanner就是把一個東西擺在前面,然後轉個一圈,中間不斷的拍照,電腦就可以建出一個一模一樣的模型了,而且更神奇的是這個模型還可以套骨架,馬上就可以拿來用了,只能說科技的進步真的超過我們的想像阿。
Read more

2013年3月19日 星期二

我又為了機器人大戰買3DS LL啦

3DS LL and SRW UX
前幾天網拍買了SRW UX,今天終於也去光華買3DS LL了,還沒開始玩,不過看了遊戲展示畫面,3D的感覺就是很不一樣,聽說劇情整合的也不錯,只不過最近時間真的超級少,就多趁一些移動的時間來玩這款遊戲吧。

3DS LL & SRW UX
一般的相機沒辦法拍出裸視3D的畫面,有景深的機器人大戰,真的還滿漂亮的。
Read more

2013年3月18日 星期一

2013年3月17日 星期日

[D-Arts] Zero

ZERO

相信有玩過洛克人X的,一定都對ZERO不陌生,所以看到D-Arts要出這款,就覺得很開心,而且也還好這款的消息很快就出現,所以就跳過X1版的傑洛,直接入手這款了。

ZEROZERO
Read more

スーパーロボット大戦UX ~黒鋼のストライバー~



最近買了機戰UX啦,話說在這個講UX(User Experience)的年代,機器人大戰也出了UX,雖然大部分的人不是很關心每款機站後面接的英文字的意思,但有全破的人則是說UX代表的是"凶"的意思,看最後的大魔王就知道這個含意,有興趣可以去看看。

這是有人把UX裡登場作品整理出來製作的MAD,看看原作的表現,再來玩機器人大戰UX吧。
Read more

2013年3月16日 星期六

洛克人系列

以前畫的各洛克人的洛克人,最近都是想畫圖卻沒時間.. 文字說明來自WIKI

rockman
洛克人
洛克人的首個作品,於1987年始開了洛克人這名字的歷史。故事講述20XX,人工智慧和機器人科技的發展進步,成就了高智能人形機器人的誕生,機械工學的兩個權威──萊特博士和威利博士──各自為了和平和野心的爭取,萊特博士的家用機器人洛克因著個人的正義感,屢次粉碎威利博士的陰謀。遊戲的主軸作品均為動作遊戲,而且被不少玩家冠以高難度水平的名譽,也是「洛克人」各系列中最多遊戲的一個。

rockmanx
洛克人X
洛克人的第二個系列,1993年第一次現身。故事時間承接洛克人元祖系列,發生於21XX年的未來世界。年事已高的萊特博士製造了突破性、擁有情感和個人決定能力的「X」(中譯:艾克斯),並將他藏起作能力確認測試,希望將和平與「無限的可能性」帶給未來;而威利博士亦為了對抗萊特博士,製造了「Zero」(中譯:傑洛)。原為古植物學家的凱恩博士,在偶然之下找到收藏「X」的小艙,並因此發展出與X具同樣思考能力的「思考型機器人」。不幸地當中最強的「非正規獵人」西格瑪(Sigma)因與傑洛交戰後以人類為殲滅目標開始了反亂。傑洛被修好後,與迷惘的X一起開始長期與西格瑪的抗戰。
Read more

2013年3月14日 星期四

SRW Demo Battle

SRW UX




Super Robot Wars OG2



SUPER ROBOT WARS Z2 再世篇



Super Robot Wars A (Advance) Portable
Read more

beforeunload- 如果使用者沒有完成特定行為的瀏覽器提示

目前一些網路服務,如果你沒有儲存就離開頁面(可能是關掉,或是轉到其他頁面),會出現類似下面的視窗,可以提示使用者做完他該完成的動作。

beforeunload

這時候只要用javascript的beforeunload就可以了。

  1. $(window).bind("beforeunload"function(e) {   
  2.         return '你還沒儲存,你確定要離開嗎?';   
  3.  });  

只要觸發以下的事件就會出現對話視窗:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.

Demo

Read more

2013年3月13日 星期三

Related Posts Plugin for WordPress, Blogger...