2012年1月31日 星期二

CSS3 Transition

CSS3可以用來做簡單的動畫效果,效能還比用javascript好,只不過我會覺得程式跟樣式還是分開可能比較好,不過多學一種東西可以多一種選擇也不錯。

基本的用法是如以下,先在DOM上指定變型的參數,然後在擬態上(:hover, :active...)上填上改變後的值,就會有漸變效果了。
transition: width 2s;第一個參數是要變型的部分,第二個參數是變型的時間,並非所有的CSS值都可以漸變,這篇文章有列出可以漸變的值,可以測試看看。

div:hover
{
width:300px;
}
然後在hover的時候改變數值就可以有動畫的效果了。

transition: width 2s, height 2s, transform 2s;可以合在一起使用。
或者使用
all 2s就可以不用個別設了。
div:hover
{
width:200px;
height:200px;
transform:rotate(180deg);
-moz-transform:rotate(180deg); /* Firefox 4 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
-o-transform:rotate(180deg); /* Opera */
}


可以做一些進階的設定:
transition-property: 設定要變型的項目。
transition-duration: 變型時間。
transition-timing-function: 變型的效果,預設是ease,意思是在起始跟結束的時候會有和緩的效果,可以設為"linear",從頭到尾變型的速度就都一樣,另外還有ease-in、ease-out、ease-in-out可以設。
transition-delay: 變型延遲開始時間。

然後可以如同以下合起來用。
transition: width 1s linear 2s;
W3schools有詳細的說明跟範例
Read more

2012年1月30日 星期一

在flash跟javascript間互相傳值

417564_3083396293676_1811794047_n

因為flash跟javascript都是前端的script language,所以會有機會遇到需要兩邊互傳資料的情況,研究了一下把他整理出來。

Flash的ExternalInterface就是用來與外部溝通的,他有兩個重要的方法:
這個是把值丟給javascript。
ExternalInterface.call("jsMethod", value);
這個則是接收javascript的值。
ExternalInterface.addCallback("jsCallMethod",asCallback);
所以我們在flash內新增一個getInput_txt的文字框來接收js傳來的值,一個sendInput_txt去輸入要丟給js的值,然後一個sendToJS_btn的按鈕把值給送出去。
Read more

第四次Design Practice聚會

年假收假前的研討會,也是第一次到悠識的辦公室,四個小時下來有不少收穫,包含規畫部落格的心得,網頁的前端技術跟實際用Unity開發的專案demo,Unity那個專案真的超可愛的,可以的話我真想做一個給小朋友玩。

雖然我是講技術的東西,不過後來發現在研討會好像講單純的技術會比較無聊一些,畢竟平常就都在社團裡有分享了,能夠做好簡報也是一件不簡單的事情,這也是需要多多學習的地方。

如果想學如何製作好的簡報就來這邊看看吧。
商業簡報網
另外這是今天跟我們分享的朋友的簡報實驗室
Read more

2012年1月29日 星期日

[BB戰士]武神降臨編 伊達政宗頑駄無


伊達政宗(1567年9 月5日-1636年6 月27日)奧羽伊達氏第十七代家督。後人稱其為獨眼龍。安土桃山時代奧羽地方著名大名。江戶時代仙台藩始祖。由於兒時因為天花的關係,令右眼失明,其母乃有「出羽之鬼姬」之稱的義姬,其父為出羽米澤城主伊達輝宗。元服後字藤次郎。其名政宗(與同族九代家督政宗同名,九代家督政宗乃同氏中興之祖)即意味藤次郎政宗能成就霸業。官位為美作守、左京大夫、待從、越前守、右近衛權少將、陸奧守、權中納言,死後贈從二位。
Read more

[BB戰士]武神降臨編 直江兼続頑駄無


直江兼續(1560年-1620年1月23日)是日本戰國時代、安土桃山時代和江戶時代初期文武兼備的才將。父親是長尾政景的家臣樋口兼豐,先祖據説是平安時代源義仲的忠臣義仲四天王之一的樋口兼光,對於兼豐的身份有所爭議,根據米澤藩的記録《古代士籍》和《上田士籍》樋口兼豐是長尾政景家老、上田執事,而根據《藩翰譜》兼豊只不過是管理薪炭的小吏。母親是上杉家重臣直江景綱的妹妹(也有說是信州豪族泉重歳的女兒)。兼續後來繼承直江氏,與伊達家臣片倉景綱並稱「天下第一陪臣」,除了擅長使用重鎚作為武器之外,更是日本七柱槍之一。
Read more

2012年1月28日 星期六

SD GUNDAM 三國傳



趁著過年把BB戰士三國傳看完,看到BB戰士熱門到可以製作成動畫真的是很開心阿。

不過因為BB戰士裡面把魏蜀吳三國的劉備、曹操跟孫權都當成主角的關係,所以三個之間並沒有很明顯誰是邪惡的關係,所以在打完董卓、袁術跟袁紹後的赤壁之戰,那種關係就會很奇怪,明明之前是可以一起戰鬥的夥伴,卻因為曹操想統一天下而展開大決戰,因為沒有把曹操跟劉備、孫權間的矛盾描寫的很詳細,才會到後來會很奇怪,因為三個都不能是壞人,所以劇情後面就會很扭曲。

而且裡面常提到軍師的重要,可是在每一場戰役的最後都是天玉鎧登場,橫掃完就結束了,軍師也真的不知道是用來幹嘛的。

但因為是拍給小朋友看的,還有也算是粉絲看的動畫,所以劇情抱怨歸抱怨,看起來還是很過癮就是了。

TV版結尾在赤壁之戰,三侯都召喚了天玉鎧來大決戰,也因為動畫的關係多出了好多模型,不知道會不會有下一部,因為如果照BANDAI之前出的模型,還有很多精彩的可以登場,原本模型版的漫畫結尾的大魔王是魔化的司馬懿,那個結尾把劉備、曹操跟孫權聯合起來把大魔王幹掉,看起來是正義必勝,可是又為了跟真正的史實搭上邊,打完大魔王後用幾頁交代說時光飛逝,然後司馬炎就統一天下了,其實更是讓人囧到不行。

如果可以把後面這段也製作成動畫對於我而言當然也是很開心,可是也希望劇情能改得更好些就是了。

RoboInfo 上的介紹
Read more

魂spec 黑百合



ブラックサレナ
ブラックサレナ

一直很想買的黑百合模型,在壽屋的組合式還有魂spec間抉擇了很久,後來實在是因為沒時間做模型,加上魂spec有高機動型,所以還是決定買魂spec了。

ブラックサレナ
ブラックサレナ
ブラックサレナ

機動戰艦是一部很有趣的作品,雖然TV版跟劇場版都看過,可是還是有種很沒頭沒尾的感覺,會買這架單純是覺得他在機戰MX裡看起來很帥,雖然用起來也不是很好用就是了。
Read more

[BB戰士]武神降臨編 德川家康頑駄無



德川家康(1543年1 月31日-1616年6 月1日)是日本戰國時代的大名及江戶幕府將軍。幼名竹千代,全名德川次郎三郎源朝臣家康。其父松平廣忠是三河國大名,母親是岡崎附近松平氏政敵刈屋城主水野忠政的女兒於大之方。

德川家康終結了戰國時代,統一全日本。他建立的江戶幕府其後統治日本達264年,史稱「江戶時代」。現今日本日光東照宮等所供奉的神明東照大權現,就是德川家康。
Read more

2012年1月27日 星期五

過年是整理模型的好時間

模型
這個過年做了很多事,首先是整理了模型,然後狂拍照,也畫了圖跟寫了網頁。

新相機真的很棒,拍照也越來越有心得了。

模型
老弟幫家裡的模型大整理,整理完後真的很漂亮,上面那張照片就是同一隻模型整理前後的差別。

模型櫃
然後是模型櫃,收藏的模型真的要好好保養阿..
Read more

[BB戰士]武神降臨編 豐臣秀吉頑駄無


豐臣秀吉(1537年3月26日-1598年9月18日)日本戰國時代、安土桃山時代的武將及大名,原名木下藤吉郎、羽柴秀吉等,綽號禿鼠(猴為後世編造),本是一足輕(下級步兵),後因事奉織田信長而崛起,自室町幕府瓦解後再次統一日本,並發動萬曆朝鮮戰爭(朝鮮征伐),最高的官位是太政大臣。
Read more

翼神世音 RahXephon

RahXephon
21世紀初,日本的首都東京被外部入侵者「姆」(Mu)用半圓形的障壁與外界隔絕,身處障壁外部的人稱該障壁為「東京木星」(Tokyo Jupiter,因障壁的外觀酷似木星),身處內部的人則相信「東京以外的世界已經滅亡」。數年之後,居住在東京的主角神名綾人在趕往模擬考試的試場途中,遇上了電車意外。綾人在尋找救援的途中,遇到了一名神秘少女「美嶋玲香」,並在她的引導之下,到了一座地下神殿。此時,東京上空突然出現了會「唱歌」的神秘「物體」,並與綾人產生了「共鳴」,使他在神殿倒下了。在混亂的意識之中,綾人說了一聲「RahXephon」。然後,神殿內的「巨人」覺醒了……維基百科
Read more

2012年1月26日 星期四

[BB戰士]武神降臨編 織田信長頑駄無


兼用異步流武的織田信長頑馱無,在改成黑金的配色後,加上織田家徽的兜飾,其實還蠻有氣勢的。

第六天魔王的封號讓他比起其他戰國的角色多了不少邪氣,甚至連小兵都是用薩克為原型而不是單純的鋼球,可惜的還是這個系列沒有漫畫,也希望能夠像三國傳一樣推出動畫版的BB戰士戰國傳阿。
Read more

[BB戰士]武神降臨編 上杉謙信頑駄無


上杉謙信(1530年2月18日-1578年4月19日)是一名活躍於日本戰國時代的大名,越後守護代長尾為景幼子,小名「虎千代」,成年後稱長尾景虎。

由於繼承了關東管領「上杉」姓氏,並先後得到關東管領上杉憲政和室町幕府幕府將軍足利義輝的賜名,故又稱上杉政虎、上杉輝虎,篤信佛教,出家後法號謙信。

由於謙信擁有很高的軍事統率能力,所以在後世被稱為越後之龍,一般通稱為軍神,並以其行俠仗義聞名於世。官位為「從五位下彈正少弼」,死後由明治天皇追贈從二位。
Read more

2012年1月25日 星期三

[BB戰士]武神降臨編 武田信玄頑駄無


在三國傳出了之後,收到了很大的效應,我想BANDAI大概也是食髓知味,於是就也把以前的武者烈傳改一改,而出了這系列戰國版的BB戰士了。

其實本來SD戰國傳本來就是以日本戰國時代為藍本去設計的系列,只是到後來就越來越脫離最原本的那種感覺,當然比起以西洋圓桌武士為版本的騎士系列,戰國系列是比較成功的。

這次跟著日本的天地人時代劇,也順勢推出了真正的戰國版BB戰士。其實對我而言,我喜歡戰國版的更勝過三國版的阿。
Read more

2012年1月24日 星期二

[BB戰士]SD戰國傳 武神降臨編


武田信玄頑駄無
稱號:甲斐之虎
武器:來國長、虎吼扇、虎炎之薙刀
必殺:虎舞激嵐


上杉謙信頑駄無
稱號:越後之龍
武器:姬鷹一文字、邪心清水之弓
坐騎:神風
必殺:輝水惡烈波


織田信長頑駄無
稱號:第六天魔王
武器:長谷部國重
兜:織田木瓜之前立兜
必殺:天下布武


豐臣秀吉頑駄無
稱號:太閣秀吉
武器:三日月宗近、馬簾之後立
武具:大爆火蜥蜴
必殺:千手轟炎破


德川家康頑駄無
稱號:東照權現
武器:童子切安綱
兜:羊齒之前立
坐騎:白石
超武將形態:人馬一體
必殺:雷激閃光斬


直江兼續頑駄無
稱號:義將之証
武器:後家兼光X2(壱式、二式):豐臣秀吉頑馱無因為賞識兼續的才能,而送贈的一對名刀,揮舞時可以輕易深入敵陣。
兜:愛之前立:刻上「愛」字的頭盔,以提醒自己不忘上杉謙信頑馱無的教導,同時亦象徵著兼續的做人信念。
必殺:天‧翔‧斬


伊達政宗頑駄無
稱號:奧州之月光、獨眼龍
武器:鞍切影秀(銃劍.矢威刃):政宗的愛刀,既可在騎馬時揮斬,同能將對手的戰馬,連馬帶鞍地劈開。
巨大盾(二式大手裡劍)
道具:青獅子:又名小十郎,政宗的寵物,亦是作戰時的夥伴。
必殺:雷鳴円月波
Read more

GM Command, GM Command Space Type, GM, GM Sniper

GM
整理家中的四架吉姆,吉姆是聯邦的被擊墜專用機,從第一架吉姆出現以來,吉姆在各個系列也都有延伸的後繼機,除了看時代的演進,主要也是可以看到各個設計師對吉姆不同的詮釋,只不過我收的模型在不只鋼彈系列後,就沒再收這種雜魚機了。

下面兩隻是0800口袋裡的戰爭裡的吉姆。
GM
GM
RGM-79GS GM Command Space Type
Read more

2012年1月23日 星期一

G-Saviour

G-Saviour

說到G-Saviour,可能已經很多人不知道了,這部是在2000年的時候,為了鋼彈20周年拍的真人電影,紀元也是使用UC,不過這部當時不算成功,後來也因為沒有MSV的延續,甚至連G Generation都沒登場過,所以除非是那個年代有知道這部作品,不然這部簡直就是被當成黑歷史了。

G-Saviour
G-Saviour
Read more

2012年1月20日 星期五

[Android App]記記路, 通勤鬧鐘


記記路

這是2010年(好久了)中華電信徵app的時候投的作品,是在Android平台上的app,目前也只有在hami app上架,不過實際的UI跟這個有些不一樣,我還是以我當時設計的樣子放上來。


功能很簡單,就是會記錄你走過的路徑,中間是顯示使用哪種交通工具。


通勤鬧鐘


通勤鬧鐘是一個很方便的工具,你可以選擇目的地,或是設定要多久之後啟動鬧鐘,當到目的地附近,或是時間到了就會提醒你,避免睡過頭。
Read more

顏文字大蒐集

( ̄ε(# ̄\)☆╰╮o( ̄▽ ̄/// 被女王拿鞭子抽
ヾ(●´ω`●)こんばんはぁ♪

魔貫光殺砲(゚Д゚)σ━00000000000━●

手裏剣百花繚乱(・∀・)ノシ卍卍卍卍卍卍Σ(゜д゜;)ィャァァ来ナイデェェ
╮( ̄﹏ ̄)╭ ╮(﹋﹏﹋)╭ ( ̄︶ ̄)y o(∩_∩)o

<( ̄︶ ̄)> ┐(─_─)┌  ̄﹁ ̄ 〒︿〒

╮(﹀_﹀")╭ ( ̄‥a ̄)彈鼻屎 ╮( ̄▽ ̄)╭

┬___┬ ⊙.⊙!! o(〒﹏〒)o <(# ̄皿 ̄)╮☆(__ __||)

(o一_一)=○# ( ̄#)3 ̄) )    ̄皿 ̄凸  ^皿^     ̄口 ̄|||   o(一︿一+)o

o(# ̄▽ ̄)==O)) ̄▽ ̄")o

o(# ̄▽ ̄)==O)) ̄0 ̄")o

( ̄ε(# ̄)☆╰╮o( ̄▽ ̄///) 

( ̄ε(# ̄)☆╰╮o( ̄皿 ̄///)

(  ̄ ▽ ̄)o╭╯☆#╰ _─﹏─)╯

(  ̄ ▽ ̄)o╭╯☆#╰(  ̄﹏ ̄)╯

ˋ( ° ▽、° ) (o( ̄▽ ̄///(斩!!)

o(°▽、°o)....+(( ̄﹏ ̄m )~ 

( 一□一)/喔~~喔喔~~喔喔~~喔喔~爪爪
Read more

設定scroll bar的CSS樣式

我記得我剛學css的時候,最有印象的就是改變瀏覽器scrollbar的樣式,退伍後比較扎實的研究後,卻發現很少有文章提到scrollbar樣式,後來才知道原來是只有ie支援,現在用的人也是很少,有興趣還是可以看一下。

  1. html{      
  2.         scrollbar-arrow-color: color; /* 三角箭頭的顏色  */  
  3.         scrollbar-face-color: color; /* scrollbar的顏色(包括箭頭部分的背景色) */    
  4.         scrollbar-3dlight-color: color; /* scrollbar亮邊的顏色 */  
  5.         scrollbar-highlight-color: color; /* scrollbar的高亮顏色 */  
  6.         scrollbar-shadow-color: color; /* scrollbar陰影的顏色 */  
  7.         scrollbar-darkshadow-color: color; /* scrollbar外陰影的顏色 */  
  8.         scrollbar-track-color: color; /* scrollbar背景色 */  
  9.         scrollbar-base-color:color; /* scrollbar的基色 */  
  10. }  
Read more

2012年1月19日 星期四

[SR超合金] 大鐵衛

ダイ・ガード
地球防衛企業打著的是"上班族也可以拯救地球"的口號出發,某方面來說是還蠻符合現實的,當然會買這隻的原因還是因為他在機戰有參戰,雖然我對於外型不是很滿意,但主題曲還蠻熱血的,有時間也去找來看看好了。

ダイ・ガード
ダイ・ガード
配色是我很喜歡的紅黑配,機體造型有盡力想表達真實世界機器人的感覺,很重的下盤跟很壯的上半身,都有種一拳可以KO對手,不過如果K不中就很難收回來的感覺。
Read more

jQuery-防止事件上浮-stopPropagation()

寫jQuery(javascript)的話可能或多或少都有遇過這樣的問題,先看以下這個結構。
<div id="clickMe">Click Me</div>
<div id="box"></div>
給他樣式後。


我們希望下面那個方塊在點下click me後出現,再點一次後消失,可以這樣寫:
  1. $("#clickMe").toggle(function(){   
  2.     $("#box").show();   
  3. },function(){   
  4.     $("#box").hide();   
  5. });  

可是我們又希望按了網頁其他地方,方塊就會不見。
  1. $("body").click(function(){   
  2.     $("#box").hide();   
  3. });  

這樣的話,toggle就會出問題,於是我們改成在點click me的時候判斷box看不看的到再作動作,但當我們改完後,會發現點了click me後方塊會馬上不見,那是因為javascript的事件會上浮,也就是我們點到#clickMe,可是也會點到外層的body,所以會先執行綁在#clickMe的事件,接著會執行綁在外層body的事件,所以就沒辦法依照我們的想法去做了。
Read more

2012年1月18日 星期三

Start with Titanium

401645_2990843579916_724493693_n
Taitunium

Titanium是一套用web的script寫完,就可以包成ios跟android原生格式的軟體,對於比較熟悉web script的人而言是很棒的工具,另外因為他一個code可以發布到兩個平台,也可以節省需要多學另一套程式語言的時間。

我是在win7裝了Mac後,再在裡面裝這一套,畢竟要直接發布到兩個平台,就還是在Mac上作可以多省一個功。
Mobile 應用程式開發利器 Titanium - 安裝篇

這是台灣代理公司的資訊:
Mobile Titans

不過他的極限到哪邊我也不清楚,要做遊戲的話之前學的Unity應該是不錯的解決方法,最近有時間就來用Titanium寫個東西出來吧。
Read more

2012年1月17日 星期二

小朋友參加搬橘子比賽

禮拜天帶著小朋友參加搬橘子比賽,這也是他第一次參加比賽喔,地點是在新竹縣政府廣場。




比賽前在對面的肯德基吃午餐。

今天報名的人數據說有一百個,小朋友是參加2歲到3歲那一組,算算他在裡面是年紀算小的,才滿2歲多一點而已,在旁邊等的時候跟其他小朋友玩得很開心。

Read more

2012年1月16日 星期一

使用VirtualBox在Win7上安裝Mac OS

mac

最近因為想在Mac上玩一些東西,本來是考慮要買一台Mac的電腦,不過在朋友的建議下,先是想說在我的筆電上安裝雙系統,後來因為聽說Mac的硬體相容性很差,就轉而去研究在VM上安裝,今天終於安裝成功了,之後就可以用這個來開發一些東西,就算不行的話,用來測試Mac上的broser也不錯。

主要是參考這篇文章。
用VirtualBox安裝Mac OS X
要準備的是安裝VirtualBox、EmpireEFI.iso跟Mac OS的映像檔。

不過最後有些地方有問題,安裝完還是得用原本的開機光碟開機,就可以正常運作了。

我戲稱這是在宅度很高的電腦上,來做很潮的事情。

最後就是感謝公司同事的幫忙,提供一些資源囉。

然後來裝X Code來寫app吧
Read more
Related Posts Plugin for WordPress, Blogger...