2012年5月30日 星期三

機戰再世篇第二輪

第二輪就進入屠殺狀態了,到後面有超過三分之二的角色技量都高到一定可以再攻擊,加上連續行動,往往都兩回合就清光一個地圖了,進入if路線還是很輕鬆,因為花了一些時間去練別的機體,發現許多好用的機體,比如說柿小路的小飛機,是無敵的精神庫,跟拉克斯一起上場的話,精神指令根本用不完,大體來說只要是原作的主人公,練起來都很強,而有愛的話,是可以把一些機體帶到最後的。

歐卡斯在Z1超強,第二輪練了一下,覺得還是算很強的機體。


尼魯巴修的三人分精神指令其實很好用。



宇宙戰士跟宇宙大帝有愛的話,也是很好用的機體。


戰鬥Mega雖然好像沒啥人氣,但戰鬥畫面是很有特色以及很熱血的。


有psp,反而可以在很多零碎的時間,比如等車或通勤的時間好好利用,果然是好物,現在就希望之後的機戰也可以再出在psp上了。
Read more

2012年5月29日 星期二

使用jQuery新增資料到表格內

想要把資料增加到已經存在的table,如果直接使用append或prepend將tr跟td增加到table,新增的tr跟td會跑到table外面,所以不能直接使用append或prepend的方式。

這時候使用after的方式,找到table內最後的一個tr,就可以將資料丟到table內了。
  1. $('#myTable tr:last').after('<tr><td>data</td></tr><tr><td>data</td></tr>');  

同理也可以試試看before的方式。

Add table row in jQuery
Read more

php date函數

$t=time();
echo date("Y-m-d H:i:s",$t);
第一個參數的格式分別表示:
a - "am" 或是 "pm"
A - "AM" 或是 "PM"
d - 幾號,二位數字,若不足二位則前面補零; 如: "01" 至 "31"
D - 星期幾,三個英文字母; 如: "Fri"
F - 月份,英文全名; 如: "January"
h - 12 小時制的小時; 如: "01" 至 "12"
H - 24 小時制的小時; 如: "00" 至 "23"
g - 12 小時制的小時,不足二位不補零; 如: "1" 至 12"
G - 24 小時制的小時,不足二位不補零; 如: "0" 至 "23"
i - 分鐘; 如: "00" 至 "59"
j - 幾號,二位數字,若不足二位不補零; 如: "1" 至 "31"
l - 星期幾,英文全名; 如: "Friday"
m - 月份,二位數字,若不足二位則在前面補零; 如: "01" 至 "12"
n - 月份,二位數字,若不足二位則不補零; 如: "1" 至 "12"
M - 月份,三個英文字母; 如: "Jan"
s - 秒; 如: "00" 至 "59"
S - 字尾加英文序數,二個英文字母; 如: "th","nd"
t - 指定月份的天數; 如: "28" 至 "31"
U - 總秒數
w - 數字型的星期幾,如: "0" (星期日) 至 "6" (星期六)
Y - 年,四位數字; 如: "1999"
y - 年,二位數字; 如: "99"
z - 一年中的第幾天; 如: "0" 至 "365"

strtotime("+1 week")

$tomorrow = mktime (0,0,0,date("m") ,date("d")+1,date("Y"));

$lastmonth = mktime (0,0,0,date("m")-1,date("d"), date("Y"));

$nextyear = mktime (0,0,0,date("m"), date("d"), date("Y")+1);

echo date( "Y-m-d H:i:s", mktime (0,0,0,date("m") ,date("d")-7,date("Y")) );

echo date( "Y-m-d H:i:s", mktime (0,0,0,date("m") ,date("d"), date("Y")) );

echo date("Y-m-d",strtotime($date)));

PHP date
Read more

[Robot魂] L-Gaim Mk-II

エルガイムMk-II
之前有買R3的重戰機,不過因為喜歡ROBOT魂的大小跟可動性,所以又入手了ROBOT魂版的,我真的很喜歡R魂還有SR超合金系列,大小、可動性跟價位都很剛好。

エルガイムMk-II
エルガイムMk-II
正面跟背面,ROBOT魂的造型就是讓人滿意。
Read more

2012年5月27日 星期日

2012年5月23日 星期三

html5的地理定位和jquery plugin- tinyMaps


html5可以支援地理定位,可以直接使用geolocation的api去取得目前的位置。

  1. if(window.navigator.geolocation){   
  2.     var geolocation=window.navigator.geolocation;   
  3.     geolocation.getCurrentPosition(getPositionSuccess);   
  4. }else{   
  5.     alert("你的瀏覽器不支援地理定位");   
  6. }   
  7.   
  8. function getPositionSuccess(position){   
  9.     lat=position.coords.latitude;   
  10.     lon=position.coords.longitude;   
  11.     alert("經度: "lat+", 緯度: "+lon);   
  12. }  
Read more

HTML5的Application Cache

html5可以自定離線瀏覽的檔案,這樣的話即使沒有連線也可以觀看內容,要做web app就可以應用到了。

首先先像這樣宣告,offline.manifest是用來設定要離線也可以觀看的檔案的。
<html manifest="offline.manifest">

建立一個offline.manifest的檔案,在裡面做這樣的設定
CACHE MANIFEST
#上面這一行一定要,而要註解是使用"#"符號,不過只能做單行註解

#這邊是要離線儲存的檔案列表
CACHE:
offline.html
reset.css
style.css
ae.png
ai.png
fl.png
id.png
ps.png

#設定哪些檔案需要線上存取
NETWORK:
login.php

#定義重新向,如果沒有某頁,則導向404.html
FALLBACK:
/index.php /404.html


成功的話,開啟網頁會出現類似這樣的文字提示
532679_3910810098504_528973091_n
這樣即使離線,也可以看部分內容了。
Read more

2012年5月22日 星期二

PIE- 讓IE也可以支援CSS3

PIE

HTML5跟CSS3已經越來越多人使用,大多會還考慮不用的原因都是因為瀏覽器相容的問題,特別是IE!! 還好網路上已經有不錯的工具可以讓我們安心的寫CSS3,也可以在IE上正常顯示,就是使用CSS3 PIE

使用方法很簡單,先到官網下載PIE,然後把檔案跟網頁放在一起。

然後寫一段CSS3,例如: border-radius, box-shadow..等

最後在css內加上這段,就大功告成了。
behavior: url(path/to/PIE.htc);

不過他並不是所有的CSS3都支援,所以服用時請小心。

試試在IE上看CSS3的效果吧。
Read more

html5的web storage

Web Storage可以當作另一種http cookie,差別在Web Storage儲存量更大,更安全,更易於使用。第二個差別式Web Storage是透過瀏覽器來永久儲存合理大小的方法,cookie並沒有為存儲永久性的資料提供支援。

而Web Storage分為兩種,一種是localStorage跟sessionStorage,localStorage沒有時間限制,sessionStorage則是在關閉瀏覽器後就會刪除。

首先建立localStorage
  1. var oStorage=window.localStorage;  

然後在每次重新整理後計數會加一
  1. if(oStorage.visitorCount){   
  2.     oStorage.visitorCount=parseInt(oStorage.visitorCount, 10)+1;       
  3. }else{   
  4.     oStorage.visitorCount=1;   
  5. }  

sessionStorage用法一樣,差別就差在之前說的儲存時間。
  1. var oStorage=window.sessionStorage;  
Read more

2012年5月21日 星期一

用canvas畫雷達圖

canvas radar

最近要做一個雷達圖,網路上找jQuery的外掛都找不大到,索性自己來寫一個,發現也還蠻簡單的。

這次用canvas來畫的,所以先定義canvas
  1. var canvas = document.getElementById("canvas");     
  2. var ctx = canvas.getContext("2d");       
  3. ctx.fillStyle = "rgba(255, 0, 0, 0.5)";     
  4. ctx.strokeStyle = "rgba(204, 0, 0, 1)";     
  5. ctx.lineWidth= 1;   

然後用三角函數算出每個點的位置。
  1. x1=Math.cos(Math.PI/180*30)*n1;   
  2. y1=Math.sin(Math.PI/180*30)*n1;  

最後把線畫出來就完成了。
  1. ctx.beginPath();     
  2. ctx.moveTo(x1, y1);     
  3. ctx.lineTo(x2, y2);   
  4. ctx.lineTo(x3, y3);   
  5. ctx.lineTo(x4, y4);   
  6. ctx.lineTo(x5, y5);   
  7. ctx.lineTo(x6, y6);   
  8. ctx.lineTo(x1, y1);     
  9. ctx.fill();     
  10. ctx.stroke();  
Read more

2012年5月19日 星期六

12星座咪醬

aries
牡羊座 03/21~04/20

星座特質:牡羊座屬於火象星座,守護星火星是羅馬神話中的戰 神馬斯,具有火一般的熱情,隨時都處於行動狀態,屬完 美主義的行動派。做事充滿幹勁,大膽冒險,鬥志心旺盛,具有勇於求進的魄力;事業心重,富有領導能力,擁有 強烈的自主性與自我主張。

星座優點:做事積極、迅速、果斷,俐落不拖泥帶水;坦白直率,講義氣;自信而有活力,爆發力強,勇於接受挑戰,不畏強權,是個正義使者。

星座缺點:自我中心太強,有點自大;急躁衝動而缺乏耐性,行動欠缺考慮,容易惱羞成怒。

Taurus
金牛座 04/21~05/2

星座特質:行事謹慎而穩健積極,勤勉而具耐性,腳踏實地,堅持到底;但金牛座的人不會向新事物挑戰,也不太願意冒險,只在穩定中求發展;對於自己決定的事絕不輕易改變,擇善固執。受的守護星金星維納斯的影響,具有天生的審美觀和藝術天分。

星座優點:耐性十足,穩健積極,性情溫和,細心,追求和平,值得信賴。

星座缺點:想法頑固,不知變通太過謹慎;缺乏協調性和幽默感,行動有些遲緩。

gemini
雙子座 05/22~06/21

星座特質:多才多藝,富交際手腕,反應靈敏八面玲瓏,充滿生命力,適應力強,氣質高雅,追求安逸,憑感覺行事,有容忍的雅量。雙子座的人具有雙重性格,喜歡新鮮,不會只熱中一件事,往往只是三分鐘熱度,即使談戀愛也是如此。

星座優點:朋友多,富幽默感,生活多采多姿;博學,頭腦靈活,適應力強,能隨機應變。

星座缺點:善變不專心,感情上常是花花公子;做事常不能貫徹始終,有些輕浮,令人捉摸不定,有點神經質。

cancer
巨蟹座 06/22~07/23

星座特質:多愁善感,感情真摯深切,有包容力,想像力豐富,頗具文采,活動力旺盛;直覺敏銳,對人溫柔含蓄矜持,古道熱腸;念舊、保守謹慎,喜歡安靜深思,有家庭觀念。

星座優點:有親和力,懂得體貼關懷而具有同情心;特別會照顧人,愛家很有家庭觀念;對自己信任的人無條件付出,因此是個相當好的搭檔及知心朋友。

星座缺點:太過情緒化,缺乏理性思考,過度自我保護,沈溺往事不太能面對現實,心腸太軟。

leo
獅子座 07/24~08/23

星座特質:主星太陽,代表權力、權威和活動力,愛自我表現,富有創造力和精力,點子多,充滿自信心,獨立心和上進心及旺盛,具有勇氣、自信、堅強的意志及不斷向成功邁進的特性;活潑、樂觀、心胸寬大且慷慨。

星座優點:極具領導能力和組織力,行動積極充滿自信,善於表現自己好的一面,坦白公正、熱情如火,誠懇正直。

星座缺點:愛面子,以自我為中心,容易自我膨脹,能伸不能屈,缺乏耐性,剛愎自用。
Read more

2012年5月18日 星期五

新手錶

G-SHOCK手錶
G-SHOCK手錶
帶了將近三年的手錶陣亡了,這支好像也是印象中我帶很久的手錶了,有一陣子喜歡帶Swatch的,那時後一年就得換一支。

在西門町看到一個一眼就喜歡的手錶,就馬上買回家了,第一支G-Shock的手錶,難得有一眼就很喜歡的手錶。
Read more

html 自定感應區域

用html也可以自訂感應形狀,以前剛玩DW的時候有在用,沒想到他是html內建的 - -,昨天朋友跟我說有這個東西,稍微看一下,以後應該會很有用。

看W3C的範例
<img src ="planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" />

<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>


主要是使用area跟map的tag

area Tag
map Tag

用poly,就可以用座標設定不定形狀感應區了。
Read more

2012年5月17日 星期四

V2 GUNDAM

V2 GUNDAM

地球聯邦軍經歷多場戰役上令戰力大大削減,而且地球聯邦軍內部高層在一年戰爭後開始腐敗,使腐敗風氣一直維持下去,加上不斷戰爭令到地球受到嚴重的污染,使人類開始慢慢遷移宇宙殖民地生活。

U.C.0140年,受到「殖民地主義」抬頭下,各宇宙殖民地為了確立自治權的權利,紛紛建立各自的勢力,脫離地球聯邦軍的統治,於是宇宙戰國時代正式爆發。其中Side2以女政治家瑪麗亞·阿莫尼為首參政,在U.C.0150年建立贊斯卡爾帝國,更推行「瑪麗亞主義」,一方面得到宇宙殖民地的人民支持,另一方面實行恐怖政治-「斷頭台主義」,以進行武力侵略壓制其它宇宙殖民地。之後贊斯卡爾帝國為了擴展勢力,更以建立新秩序為理由向地球聯邦軍宣戰,在U.C.0153年地球侵略部隊-「卑斯帕」對地球實行侵略計劃,卑斯帕部隊首先壓制各歐洲的城市,作為侵略地球的重要據點。同時,為了抵抗贊斯卡爾帝國的侵略,由原屬地球聯邦軍士兵、阿納海姆公司成員和民間組織組成「神聖軍事同盟」的組織,已經在歐洲各個城市上作出零星的對抗,而且利用「鋼彈」的名氣,在不同據點進行開發新型機動戰士—「V鋼彈」去抵抗贊斯卡爾帝國的攻擊。

本故事主角胡索·艾文在加薩里尼亞使用滑翔傘飛行的時候遇上贊斯卡爾帝國的新型試作機動戰士,在混亂中搭上新型試作機動戰士,於是胡索·艾賓捲入贊斯卡爾帝國與神聖軍事同盟的戰火中。
Read more

HP35

這次HP35講的是Mobile App的開發案例,講者難得都有把投影片分享出來,雖說是講開發案例,不過講者都講蠻多創業還有開發App的心路歷程,投影片蠻不錯的,看看會有不少收穫。


Read more

2012年5月15日 星期二

mysql 常用時間函數

mysql常用時間函數整理。

原文

mysql> SELECT something FROM table
WHERE TO_DAYS(NOW()) - TO_DAYS(date_col) <= 30; DAYOFWEEK(date) 返回日期date的星期索引(1=星期天,2=星期一, ……7=星期六)。這些索引值對應於ODBC標準。 mysql> select DAYOFWEEK('1998-02-03');
-> 3

WEEKDAY(date)
返回date的星期索引(0=星期一,1=星期二, ……6= 星期天)。
mysql> select WEEKDAY('1997-10-04 22:23:00');
-> 5
mysql> select WEEKDAY('1997-11-05');
-> 2
Read more

Diablo3




今天是Diablo3發行的日子,我等全語言版的(堅定貌),不過公司隔壁的神奇全家,竟然到下午都還買的到,所以幫朋友買了一套。


另外順便拍一下新辦公室的座位。

Read more

2012年5月14日 星期一

似顏繪

很久以前練習的似顏繪作品,一樣在事情太多後就沒再畫了,我一直很佩服那種信手拈來就可以把人的神韻抓出來的畫家阿..

Lamigo系列
大師兄
大師兄林智勝

許銘倢
許銘倢
X-Man 許銘倢

陳金鋒
鋒哥
Read more

2012年5月10日 星期四

第二次機戰Z 再世篇

機戰Z2 再世篇破了,好久沒有這樣從頭到尾玩一款機戰了,值得記念一下。

再世篇是我在玩之前就看過很多作品的機戰,所以玩起來特別有感情,有看過的作品自然就會比較有愛一些,這也反映在我喜歡的機體上面。幾乎都走宇宙線,所以跟00還有MF感情很好。

Li Braster B

主人公機,後來選擇射擊型,機體攻擊力不錯,不過動畫太冗長加上使用寺田生日沒有魂,就變成援功用的機體了,當過一陣子擊墜王。

YF-29 Durandal

有愛就可以讓角色非常活躍,在五飛道場練到Ace,機體改滿後丟到前線,因為彈數多用en又省,加個集中小兵就都打不到,是蠻好開無雙的,雖然被有頭有臉的打到的機率很高,當掃小兵讓擊墜數狂升,當過很長時間的擊墜王,後來會讓出來是因為有更變態的飛翼零式。而拿到YF-29後,我超愛看他大絕招擊墜敵人,蘭卡跟雪莉露飛出來的動畫,有愛可以讓機體變強的代表。YF-27加入後也有使用,雖不是飛常有愛,但聽聽BGM也不錯。

00 Raiser

一線變態的機體,開脫懶散跟GN劍III的大刀耗的EN又少,丟前線跟砍王都很好用,玩完後對00 Raiser又更有愛了,後來還去買了HG 00 Raiser GN Sword III的模型。

Arios Gundam

改滿加Ace,迴避率超高,丟前線用來削血用,不過也常常不小心就打爆敵人了。

Cherudim Gundam

因為lock off很有戲,所以也有練到Ace,可是迴避率跟裝甲都沒有很高,沒有特別劇情後期就不大會特地派出來。

Seravee Gundam

跑得太慢的提耶子,有練到Ace,不過因為跑得太慢,不是00關卡的劇情就放冰箱了。

蜃氣樓

魯魯修會這麼強我嚇到了,反逆裡面的機體招式都太少,但是都很好用,也都是一線的機體。

紅蓮 聖天八極式

紅蓮就是開鐵壁丟前線開無雙就對了,最大招耗EN少,超好用的機體。

Lancelot Albion

朱雀加入的太慢,給他放了可以二次移動的徽章,在最後幾話非常活躍。
Read more

2012年5月7日 星期一

2012年5月4日 星期五

政大公企中心的讀書會

政大公企中心
本來應該是讀書會的我的章節,因為沒時間準備所以變成一個free的聚會,不過也感謝大家當天的分享,常常因為做不完的工作漏掉了許多聚會,但又總是在參加聚會後都覺得獲益良多。

今天討論了"大家最近覺得很有印象的網頁或app",剛好有讀書會的朋友提到GleeFB,所以我就很開心的介紹了起來,如果還沒使用過的可以去試試看,而且從五月開始就可以到ibon兌換紅利了,這個可是比起其他網路累積點數的服務方便許多,如果分享資訊,可以幫助別人又可以幫助自己,何樂而不為呢 :)

Read more

2012年5月3日 星期四

CSS 選擇第N個元素

在處理表格的時候,有時候我們會希望表格背景變化可以多一點,所以做了一張剛好跟表格一樣寬的背景圖,然後在tr內指定他的背景圖片url,希望可以得到這樣的效果。
574499_3767769282573_281376218_n

可是在chrome裡卻會變成這樣。
541275_3767769762585_262765872_n

原因是chrome內即使指定tr,他還是會再把背景指定給下面的td,於是就會變成這種情況。

要解決這樣的問題,可以使用css的:nth-child屬性去作一下調整。
Read more

jquery模擬手機桌面選單- Promptumenu

535541_3767227829037_45258479_n
plugin網址:Promptumenu

這是一個可以製作類似iphone跟android桌面選單的jquery plugin,簡單的照著ul跟li的組合,再用css排版後套上外掛就可以了。

  1. $('ul').promptumenu({   
  2.     width:500,   
  3.     height:500,   
  4.     rows: 4,   
  5.     columns: 4,   
  6.     direction: 'horizontal',   
  7.     pages: true  
  8. });  
Read more

2012年5月2日 星期三

CSS3 animation

CSS3開始,也可以用CSS來作動畫了,效能還比javascript好,看了CSS animation的code,感覺真的很有趣阿..

首先目前opera跟ie都還不支援,webkit跟ff也還需要加-webkit跟-moz去辨識,要稍微注意一下。
  1. @keyframes myfirst{   
  2.     from {backgroundred;}   
  3.     to {background: yellow;}   
  4. }  

動畫就是要keyframe,有玩過flash或ae應該就知道這個東西,上面的是只指定開始跟結束時的狀態,而如果要指定更多關鍵影格,則用百分比表示。
  1. @keyframes myfirst{   
  2.     0% {backgroundred;}   
  3.     50%{background: yellow;}   
  4.     100%  {backgroundblue;}   
  5. }  
Read more

2012年5月1日 星期二

jQuery模糊效果- blur.js

jquery blur effect
最近想要作以前flash的遮罩效果,在flash做很簡單,不過要在js內製作就不是那麼簡單就可以解決了,先找到這個外掛,不過跟我要的還是有落差,但用過也記錄一下,這是可以用jquery製作圖片模糊效果,加上可以使用jQuery UI的draggable來拖曳模糊範圍,也可以用來製作一些特效。

下載外掛:blur.js

使用外掛及一些設定。
  1. $('.target').blurjs({    
  2.     source: 'body'//Background to blur    
  3.     radius: 5, //Blur Radius    
  4.     overlay: ''//Overlay Color, follow CSS3's rgba() syntax    
  5.     offset: { //Pixel offset of background-position    
  6.         x: 0, y: 0 },    
  7.     optClass: ''//Class to add to all affected elements    
  8.     cache: false//If set to true, blurred image will be cached and used in the future. If image is in cache already, it will be used.    
  9.     cacheKeyPrefix: 'blurjs-'//Prefix to the keyname in the localStorage object    
  10.     draggable: false //Only used if jQuery UI is present. Will change background-position to fixed    
  11. });  

blur.js Demo

Read more

Catch Me If U Cam (CatchCam)

Catch Me If U Cam (CatchCam)
最近幫忙製作的手機app UI,是Kinetic Cam的加強版。

使用方法:
1. 點擊螢幕的邊緣設定感應線。
2. 拿好裝置,直到中間的按鈕發光。
3. 然後只要物體移動超過發光的線,就會自動快速照相了。

Catch Me If U Cam (CatchCam)

按右下角按鈕,將連拍的照片合成一張。
Catch Cam
Catch Me If U Cam (CatchCam)

照片瀏覽功能
Catch Cam

感覺很酷吧,趕快下載來玩看看。
iTunes Link
Read more
Related Posts Plugin for WordPress, Blogger...