2013年6月30日 星期日

2013年6月29日 星期六

2013年6月28日 星期五

2013年6月27日 星期四

鋼鐵人氣象站

iron man weather station

這學期最後一個專題啦,最後是把資料都丟到網路上,再接到web去呈現。

鋼鐵人氣象站
左邊是期中做的會發光的,右邊是放氣象sensor的。

鋼鐵人氣象站
鋼鐵人氣象站
鋼鐵人氣象站


iron man weather station

氣象資料上半部的即時觀測跟預報都是從氣象局來的,而下半部則是接收氣象感測器的資料。




Iron Man Weather Station

我覺得物聯網是一個有搞頭的東西。
Read more

2013年6月25日 星期二

2013年6月23日 星期日

2013年6月22日 星期六

Super Heroes-DC Comics

Aquaman
Aquaman
在亞特蘭提斯大陸的都城波塞多尼斯(Poseidonis),皇后亞特​​蘭娜(Atlanna)誕下了一個嬰兒奧林(Orin)。新生的王子有著燦爛的金色頭髮和漂亮的水色眼珠,但是,這些特徵卻是亞特蘭提斯人聞之變色的最大忌諱。古老傳說中的怪物有著變異的綠色皮膚和同樣的金黃頭髮,因此亞特蘭提斯人將所有擁有金色毛髮的嬰兒都視為不祥的惡兆,於是波塞多尼斯未來的王座繼承人被無情地拋棄在“慈悲之岩”(Mercy Reef),一個專門流放被詛咒之嬰孩或其它死囚的傳統場所。其得名於被棄之人將因退潮而死於暴露在空氣中的天然地理特性,因為大陸沉沒後的亞特蘭提斯人已經異變成只能在水中呼吸和存活,與陸地上的正常人恰恰相反。然而奧林卻活了下來,他有著古老的另一半血統,使得他能夠兩棲地分別生息在陸地上與水面下。男嬰被海豚搭救和撫育,後來又得到一位溫和的燈塔管理人照顧及教育,學會了人類的語言和生活方式,並懷著敬意自行起取養父的姓名:亞瑟·庫瑞(Arthur Curry )。亞瑟天生的特性使他能生存在大海之中並能夠與所有的海洋生物互通訊息,長期的海洋生活令他能在海底的水流阻力和深海的強大水壓中行動自如,更賦予他超出陸上常人的力量、強度和耐力。亞瑟開始與人類接觸,並與海上和海中的各種惡人戰鬥,成為一名海洋的保護者和捍衛正義的戰士。與陸地上的英雄們結識後,亞瑟得到了流傳於大眾的敬稱Aquaman,被作為英雄受到人們的愛戴與尊敬,更於日後成為亞特蘭提斯的君王和七海的霸主,從地中海沿線溫暖的明亮海岸到馬里亞納海溝冰冷的漆黑深谷,無人(或生物)不敬畏他的盛名。經歷過無數的勝利和挫敗後,亞瑟最終成為海洋中最偉大的帝皇和地球上最優秀的鬥士。

Martian Manhunter
Martian Manhunter(火星獵人)是一名DC漫畫角色,原名J'Onn J'Onzz,不小心被地球人科學家索爾·俄德(Dr. Erdel)傳送到地球。後因Dr. Erdel心臟病發去世而無法返回火星...

J'Onzz給自己取了個地球人的名字叫John Jones~並加入“Middleton police force”以維護治安...為了滲透國際犯罪集團VULTURE,J'onn放棄了John Jones的身份~改頭換面為Marco Xavier...

Batman
蝙蝠俠(英語:Batman),是在1939年5月美國《偵探漫畫》第27期中誕生的一個虛擬人物,由鮑勃·凱恩與比爾·芬格(Bill Finger)共同創造(但是只有肯恩獲得官方著名為作者),是個伸張正義打擊犯罪的超級英雄。雖然一開始蝙蝠俠只是數個同時被創造出來的虛擬角色之一,但後來他成了其他連載漫畫中超級英雄的領袖人物。蝙蝠俠的真實身份是布魯斯·韋恩(Bruce Wayne),表面上是一位富有的企業家、花花公子及慈善家;布魯斯在兒時親眼目睹了父母被謀殺,讓他立志鍛煉肉體與心智,並穿上以蝙蝠為靈感來源的服裝打擊犯罪。

Superman
超人出生在克利普頓星(Krypton),外星名「卡-艾爾」(Kal-El)。當他還是嬰兒的時候,被他的父親「喬艾爾」(Jor-El)和母親「拉垃」(Lara)單獨放進太空船中,當他乘坐的太空船離開時,他出生的星球發生大爆炸。他的太空船到達地球後,降落在美國堪薩斯州斯莫威爾(Smallville)的肯特農場,而他則被農場主人肯特夫婦發現並收養,改名為「克拉克·肯特」(Clark Kent)。長大後,他在大都會市(Metropolis)的報紙《星球日報》(The Daily Planet)做新聞記者,與同事露易絲·連恩(Lois Lane)發生感情。
他有著遠超過普通地球人的能力及極強的正義感與同情心,每每在危機時刻,便穿上紅色斗蓬、三角褲、靴子、藍色衣褲和黃色皮帶挺身而出,行俠仗義,拯救世人。超人最為世人所知的登場,是在1938年6月號的《動作漫畫》(Action Comics);在此之前他曾以一個擁有超能力的壞人角色出現。

The Flash
The Flash由DC漫畫出版,是一個名字包括了四個人的超級英雄,由加德納·福克斯和哈里·蘭伯特首創,第一代的閃電俠在1940年的閃電俠漫畫第一期首次出現。
人稱「紅衣跑者」的閃電俠擁有快速步行、快速跑步、超越所有的物理定律等的能力,至今,閃電俠經過了時間的交替,已經出現了四位閃電俠:積·基域(1940-1956)、巴里·艾倫(1956-1986)、威利·韋斯特(1986-2006)和巴治·艾倫(2006-現今),他們每經過一代,新一代閃電俠的能力也會比上一代增加。

Green Lantern
Green Lantern是DC漫畫(DC comics) 所出版的美國漫畫中,一群超級英雄們的總稱。
每位Green Lantern都會有一個 能量戒指(Power Ring) 與幫其充電用的 能量提燈(power lantern),只要使用者擁有足夠的意志力與精力,就可以根據想像將戒指中的能量變成實物、操控現實世界中的物體。當戒指的能量用完時,戴上戒指並將手伸入能量提燈中即可補充能量。能量戒指是宇宙中最強大的武器之一,相當具有危險性。第一代綠光戰警是 黃金時代(Golden Age) 的 艾倫‧史考特(Alan Scott) ,他的戒指能量來源是魔法。而之後的所有Green Lantern均由「宇宙守護者(Guardians of the Universe)」挑選。「守衛者」是宇宙中最早出現的高智慧生物,他們挑選適當的人選授與能量戒指、任命其為Green Lantern,目的是守護以總部Oa星球為中心 (提燈的能量即是直接連結位於其上的巨型電池),將全宇宙劃分出來的3600個扇區 (地球位於2814扇區)。他們合稱為Green Lantern Corps,全數成員超過7200人,是宇宙的守護者。
Read more

2013年6月21日 星期五

2013年6月19日 星期三

2013年6月18日 星期二

2013年6月17日 星期一

SRW UX 第一輪突破

SRW UX 全破

玩了三個月終於破第一輪啦,也來寫一下心得。

難度不難,敵人遇到快沒血的就不會打,反擊的時候只要有可能被打爆,就會自己選擇迴避或防禦,看到就知道打下去有沒有風險了,除了地圖兵器的無差別攻擊外,會被擊墜的機率很低。不過其中為了賺錢有全滅練功幾次。

沒有pp跟強化零件,二線機體就沒辦法翻身,不像再世篇有愛就會強。

參戰作品心得

聖戦士ダンバイン
某方面玩UX是為了聖戦士ダンバイン,雖然沒什麼劇情,但那個超級歐拉斬的動畫真的讓人超感動,只是修跟馬貝特的聲優感覺有老了,喊起招式來有點老氣。
前半段還會比爾拜音配丹拜音,後半段丹拜音實在太弱就被冰箱了。

リーンの翼
為了這部作品,所以讓聖戦士ダンバイン參戰的吧。原作有看過,主角不強,果然在UX內也沒什麼亮眼的招式。有拿到王女,搭配在一起放愛而已,前面會因為是作品的主人公練一下,後半段因為沒有新的強力招式就不是主力了。

蒼穹のファフナー
蒼穹のファフナー HEAVEN AND EARTH
一騎很強,打同作品裡的敵人根本就是無敵狀態,後半段配桃紅那隻上戰場掃敵人。
Read more

2013年6月16日 星期日

Man of Steel 超人:鋼鐵英雄



衝著諾蘭的份上去電影院看了新的超人,跟我原本預期會有的劇情走向不大一樣,沒有平凡的上班族,沒有落魄的記者,整部看下來倒還滿像外星人入侵地球的電影,讓我想到今年稍早看的遺落戰記。

一樣是外星人的科技,他們的UI就跟遺落戰記或鋼鐵人不一樣,介面的顯示是3D的,而且是一堆類似鐵砂的東西去拚出要傳達的訊息,算是很特別的UI設計。加上整個劇情的走向,有跳出以往的框架,我覺得這次的超人重開機開的不錯。

外星人的科技外,整體的打鬥也很棒,會讓我想到七龍珠,超人跟他的族人之間的戰鬥,果然就是這樣充滿速度跟力量就對了,印象中也沒有看過類似像這樣打起架來這麼有力量的好萊屋電影,戰鬥的表現很棒,諾蘭算是洗脫黎明升起打架打得很爛的陰影(?),雖然他這部不是導演啦。

說到七龍珠,其實超人的背景跟七龍珠很像,一樣是外星人,一樣是原本的星球毀滅,一樣是長大後原本的族人來到地球,然後一樣站在地球人這邊對抗原本的族人,我想鳥山明應該有跟超人致敬到吧,那原本好萊屋的七龍珠應該考慮重開機一下的,拍成像鋼鐵英雄這樣就好看了。

結論是這部是爽片,雖然我原本對超人也沒什麼興趣,只是衝著諾蘭的大名到電影院看的,但看下來真的很精彩,光看打鬥的畫面就很值回票價了。
Read more

2013年6月15日 星期六

2013年6月14日 星期五

jQuery 循環動畫

先寫一段會回到原點的動畫,再讓他每隔一段時間就執行一次就好了。

這邊用css畫一個方塊,然後設position=relative,就可以用css的top或right等位置的參數去控制他的位置了。

基本動畫
  1. function boxJump(){   
  2.     $("#box").animate({top:"-10px"},100).animate({top:"0px"},100);   
  3. }  

再加一點東西,這樣就可以做循環動畫了
  1. function boxJump(){   
  2.     $("#box").animate({top:"-10px"},100).animate({top:"0px"},100);   
  3.     setTimeout(boxJump,3000);   
  4. }   
  5. boxJump();  

Demo

Read more

2013年6月13日 星期四

讓 jQuery UI 支援 touch event

jQuery UI原本是不支援觸碰螢幕事件的,所以原本的拖曳事件,在觸碰螢幕就沒辦法操作,還好看到這個plugin,直接引入就可以了,不用在寫額外的code。

plugin 網址
jQuery UI Touch Punch

原本jQuery的用法都一樣,只要在加這行
  1. <script src="jquery.ui.touch-punch.min"></script>  

就可以開開心心的使用啦。

Demo

Read more

感謝蘋果日報報導 RoboInfo

RoboInfo

2013年06月12日14:44

一年一度的鋼彈模 型博覽會將登場,8/2~8/11在華山1914文創園區盛大展開,去年開展首日吸引千位鋼彈迷到場朝聖,今年除了同樣有藝人鋼彈模型作品,更首度展出模 型3D投影技術,並公開鋼彈最新動畫系列,現場另有鋼彈模型製作教學,且入場一律免費,勢必吸引不少粉絲到場。

不過距離開展還要近2個月,推出「制服地圖」的網友紅色死神,本身也是機器人迷,更成立「RoboInfo」網站,蒐集近百隻日本機器人資料,包括角色介紹及動畫出場影片,可讓不少機器人粉絲先過乾癮。

2013鋼彈模型博覽會:8/2~8/11,華山1914文創園區東3館。
RoboInfo網站:www.wingzero.tw/srw

2013鋼彈模型博覽會將推出限定商品。翻攝網路


RoboInfo網站蒐羅近百隻機器人介紹。 翻攝網路

沒想到做的這個網站還會有機會被報導,蘋果日報有問過我一些問題,雖然報導很簡短,但至少不會有錯誤,留一下紀念 :p

Read more

2013年6月12日 星期三

2013年6月11日 星期二

2013年6月10日 星期一

小工具: 臉書 QR Code 名片

前幾天跟Gene還有EZprice的人吃飯提到的,有時候拿了名片還真沒什麼會用到,真的會連絡到的方法還是給FB帳號最快,反正我是男的,也不怕被騷擾,電話跟e-mail也是要了就有了。

Gene的說明
小工具: 臉書 QR Code 名片

簡單的說就是連到這邊,點一下"小工具: 你的 QRcode 名片",就可以得到一個QR Code名片,之後再用手機掃,就可以直接加好友囉。

然後這是我的 XD
deathhell QR Code 名片

Read more

2013年6月8日 星期六

Google Maps API 從地址取得座標位置

在google map api想要從地址取得座標
  1. function getLatLngByAddr() {   
  2.     var geocoder = new google.maps.Geocoder();  //定義一個Geocoder物件   
  3.     geocoder.geocode(   
  4.         { address: '[地址]' },    //設定地址的字串   
  5.         function(results, status) {    //callback function   
  6.             if (status == google.maps.GeocoderStatus.OK) {    //判斷狀態   
  7.                 alert(results[0].geometry.location);             //取得座標                                   
  8.             } else {   
  9.                 alert('Error');   
  10.             }   
  11.       }   
  12.  );   
  13. }  

要各別取得經度和緯度的方法
  1. $lat=results[0].geometry.location.lat();   
  2. $lng=results[0].geometry.location.lng();   
  3.               

再改寫一下就可以再輸入表單的時候,輸入地址就取得座標位置了
  1. $("#getGeo").click(function(){   
  2.     $address=$("#address").val();   
  3.     getLatLngByAddr($address);   
  4. });   
  5.   
  6. function getLatLngByAddr($address) {   
  7.     var geocoder = new google.maps.Geocoder();    
  8.     geocoder.geocode(   
  9.         { address: $address },       
  10.         function(results, status) {      
  11.             if (status == google.maps.GeocoderStatus.OK) {      
  12.                 $lat=results[0].geometry.location.lat();   
  13.                 $("#lat").val($lat);     
  14.                 $lng=results[0].geometry.location.lng();   
  15.                 $("#lng").val($lng);                
  16.             } else {   
  17.                 alert('Error');   
  18.             }   
  19.       }   
  20.  );   
  21. }  

參考資料

Geocoding service

Google Map JavaScript API v3 的一些常用語法
Read more

Uniform Map 制服地圖- 新聞與說明

制服地圖 @蘋果日報

感謝蘋果的報導,跟我跟記者講得差不多。

這邊稍微幾點說明
1. 制服地圖是跟網友一起蒐集的,其實知道會有版權的問題,只是如果一開始就只是有網站請網友自由投稿,我想過個幾年也不會有現在那麼多的學校,所以目前已經有的照片,如果對當事人造成困擾,可以來信 [email protected] ,我們會在最短的時間內將照片撤下,而可以讓我們放在上面的網友,我們也將致最大的敬意感謝你,如果願意的話,我們是願意以請一餐飯報答恩情的。

2. 之後的學校都會以網友投稿為主,一樣可以將照片寄至 [email protected] ,我們也會非常感激大家對完成地圖的幫助。

3. 如果有攝影師願意一起幫忙這個網站的,我們也會很感激,也歡迎寄信 [email protected] 討論合作的模式。

4. 我覺得蘋果跟三立很厲害,尤其是蘋果,有三個記者找到我(他們跟我說這行競爭很激烈),然後他們也很詳實的報導,在這邊感謝他們。

5. 如有其他問題,也歡迎寄信 [email protected] 告訴我們,感謝大家。



新聞是做紀念,其實這兩家都沒有訪問到我。
Read more

2013年6月6日 星期四

Related Posts Plugin for WordPress, Blogger...