2016年12月30日 星期五

[超級英雄圖譜] 武士刀(Katana)

Katana

武士刀(Katana)是美國DC漫畫旗下超級英雄,初次登場於《英勇無畏》(The Brave and the Bold)第200期(1983年7月),由邁克·W·巴爾(Mike W. Barr)與吉姆·阿諾德(Jim Aparo)聯合創造。本名達·托羅(Tatsu Toro),來自日本,擁有世界一流的劍道,手持丈夫靈魂附身的武士刀(Soultaker),可以封印敵人的靈魂,她是局外人(Outsiders)的長期成員,也曾短暫加入過自殺小隊(Suicide Squad)和美國正義聯盟(Justice League of America)。如今是猛禽小隊(Birds of Prey)的成員,並擁有自己的連載刊物。
Read more

2016年12月16日 星期五

[SR 超合金] 鋼鐵傑克(鋼鉄ジーグ)

鋼鉄ジーグ鋼鉄ジーグ

鋼鐵傑克(鋼鉄ジーグ)是很早期很早期的超級機器人了,當初看造型其實也不是很喜歡,只是後來看過後續的作品鋼鐵神傑克和玩過有鋼鐵神傑克參戰的機器人大戰作品,才不會很排斥這個機體,最近終於在 SR 超合金登場,所以我也就沒什麼猶豫的買了,實在跟其他版本比較起來這版造型比較好也比較便宜。
Read more

HTML 5 的 local storage

整理下最近專案玩 local storage 的經驗,local storage 是 HTML 5 開始支援的東西,如果不想動到資料庫,cookie 又不夠存的話,這會是好的選擇,而且瀏覽器應該也都支援了。

  1. //儲存   
  2. localStorage.setItem("儲存名稱""資料");   
  3. //取出   
  4. localStorage.getItem("儲存名稱");   
  5. //清除   
  6. localStorage.removeItem("儲存名稱");   
  7. //若是儲存json的話   
  8. localStorage.setItem("儲存名稱", JSON.stringify("資料"));   
  9. JSON.parse(localStorage.getItem("儲存名稱"));  

專案踩雷很好玩,之後還有心情再分享別的。
Read more

2016年12月12日 星期一

2016年12月3日 星期六

[超級英雄圖譜] 奇異博士(Doctor Strange)

Doctor Strange

奇異博士本名史蒂芬「史蒂夫」·文森·史傳奇(Stephen "Steve" Vincent Strange),出生於1930年代,在他11歲時因為救助了他的妹妹的經歷,使他開始對醫學產生興趣。但在他正式成為一位醫生時,父母跟妹妹分別因病及意外離世。大受打擊的他性格變的冷酷,不再相信醫生的天職是救人,而只把醫術當作是賺錢的工具。
Read more

2016年12月2日 星期五

制服地圖歷來制服 logo

制服地圖

不知道大家有沒有注意過,或是其實也只有我在意 XD

制服地圖的 logo 改變幾次以來,都有一個核心的制服在裡面,所以這次就心血來潮做了一張圖擺上幾次改版的制服 logo,從左而右分別是一般水手服、光復高中制服、黑暗聖經制服(沒錯就是那個黑暗聖經)、改顏色的治平高中制服以及目前在用的紅色格子西裝式制服,不知道大家喜歡哪一個?

會這麼做其實應該也是最後會想再做新版的了,敬請期待!
Read more

CW 四劇連動



聽說這十年來也算是美劇的黃金時期,詳情我不知道,但我是從綠箭第一季開始又重回美劇的懷抱,不過正確說是小時候看老三台的一些影集,長大後第一次這樣追劇。

當時大概也沒想到從綠箭俠開始的 CW DC 系列影集,會衍生出閃電俠、超女跟明日傳奇吧,雖然裡面除了閃電俠外都不算 A 咖,閃電俠也是這幾部裡面我最喜歡的,小時候也有看過老三台播的閃電俠,但礙於當時的技術,聽說收視不好一季就收了,長大後可以看更棒的閃電俠影集是件很開心的事。

這次連動雖說從超女開始,但超女因為是不同世界,所以只有最後小閃來找他開始後面連動的劇情,這回集結的目的就是為了入侵地球的外星人,感覺集結那麼多英雄好像也只有打外星人比較不會實力相差懸殊。到了閃電俠那集就英雄因為被干擾了所以互鬥,第三集到綠箭俠剛好又是綠箭俠第100集,講的是綠間小隊被外星人干擾而陷入了一個他們理想中的世界,看到好多以前的角色都回來了加上中後段還有跟每季的大魔王亂鬥,很多點滴也是從第一季看到現在會覺得感動,真的是不錯的一集。

而跟外星人的亂鬥就留到最後明日傳奇的連動,是說調性也跟以往的明日傳奇一樣到最後就來個個人施展神力大亂鬥結尾,常常在想如果不是四部都有追的話在連動集不知道會不會看不懂,但也能感受得到編劇在既要保留原劇調性又能連動世界觀的用心,這幾部雖然劇情不是很深或複雜,但我覺得以想多了解超級英雄角色的話是不錯的入門,但也因為劇中角色都或多或少有做過修改,我是習慣看到新角色就稍微去查一下介紹來多認識一些,也提供給大家參考。

Read more

2016年11月27日 星期日

火材盒青年旅館演講

火材盒演講

應朋友之邀前往台中東海大學旁邊的「火材盒青年旅館」講制服地圖的點點滴滴,雖然人不多但還好場地也不大,200頁的簡報也只花一個小時就講完了,又是一個三倍速的晚上!

晚上演講前朋友給我看了他的收藏《女子高制服圖鑑》,這本很珍貴,不知道哪邊還可以買得到。

女子高制服圖鑑

很巧的是當天晚上睡覺前遇到了之前在 mit.jobs 認識到的朋友的女朋友,只是他現在已經不是那個朋友的女朋友了,這陣子來台灣打工換宿,沒想到就這麼巧出現在我住的地方。

2016.11.25
Read more

2016年11月21日 星期一

無限獅虎(ムゲンライガー)

ムゲンライガー

ゾイドジェネシス 主角機最後一個形態無限獅虎(ムゲンライガー)也推出了,雖然機戰 OE 滿糞的,但印象中三個形態依戰場需求使用還滿方便的,只是我也忘了三隻的特色個別是什麼了。

Read more

2016年11月16日 星期三

2016年11月12日 星期六

GUNDAM“EX-STANDARD” 地獄死神鋼彈

SD GUNDAM“EX-STANDARD” 地獄死神鋼彈SD GUNDAM“EX-STANDARD” 地獄死神鋼彈

這次BANDAI出的新系列「GUNDAM“EX-STANDARD”」,照官方說明是海外限定,只是不懂為什麼要海外限定,也不知道為什麼不延續BB戰士的編號,總之這隻因為很喜歡地獄死神我就入手了,印象中應該也是第一隻SD比例的地獄死神鋼彈,不過以往的SD戰國傳也是有推出武士版的地獄死神鋼彈就是了。

Read more

2016年11月2日 星期三

[RoboInfo] 作品與機戰登場對照,資料顯示方式修改

RoboInfo

手癢把 RoboInfo 改了點東西,首先是改了資料庫,讓機戰跟機器人作品可以互相對照,也就是可以在機器人大戰作品的頁面看到該作有哪些登場的機器人作品,也可以在機器人作品介紹頁看這個作品在哪些機器人大戰登場過,可以看無盡華爾滋這頁的範例


RoboInfo

此外在資料顯示的時候也加了點小動畫,滑鼠往下滑的時候資料才會依序呈現,搭配背景都是使用視差滾動的方式呈現。

Read more

2016年10月29日 星期六

[超級英雄圖譜] 盧克·凱奇(Luke Cage)

Power Man

盧克·凱奇(英語:Luke Cage)是一位出現在漫威漫畫所出版的漫畫中登場的超級英雄,由Archie Goodwin與John Romita, Sr.所創作。初次登場是在《Luke Cage, Hero For Hire》第一期。

盧克·凱奇,本名卡爾·盧卡斯。年輕時曾經混跡街頭,但隨著年紀增長與親人的離世讓他決定放棄這樣的生活,但某天被過去的好友陷害而入獄,在獄中為了早點出獄而自願接受重現過去超級士兵計畫的實驗,就在實驗時,一個敵視卡爾的囚犯比利·鮑伯闖進實驗室想加害卡爾,誤打誤撞下卻加速了卡爾身上的化學物,結果導致他全身細胞因此突變,力量大幅提升,並獲得了刀槍不入的能力。
Read more

2016年10月21日 星期五

2016年10月15日 星期六

台灣東區第1名 興中制服好有氣質

台灣東區第1名 興中制服好有氣質

興中國中的女學生制服,被網路評比為東區第一,校長楊乃光(左)認為學生穿起來活潑大方。 記者廖雅欣/攝影


「制服地圖」網誌評選台灣東區的國中制服,8所最優學校中,宜蘭縣就占3所,其中五結鄉興中國中獲第1名。女學生們覺得比起其他學校,她們的制服樣式較為青春活潑,校長楊乃光則認為粉色,還有格紋領、裙,穿起來顯得有氣質,應是獲選的主因。

「制服地圖」網誌搜集各地各校的學校制服,日前公布較具特色的東區8所學校制服,其中宜蘭縣五結興中國中第1名,冬山鄉順安國中第5名,宜蘭市復興國中第7名。

五結興中國中的女學生制服,底色是粉色,領子和裙子為格紋,女學生穿起來青春洋溢,「覺得滿活潑可愛的!」學生林梓妍、謝筑勻說,和其他學校藍色或白色上衣相比,興中的制服顯得比較活潑,穿出去走在路上比較特別,「感覺讀興中很棒!」她們說。

僅管學校制服受外界好評,但學生陳竺亭等人都希望上衣不要那麼透明,裙子能改為褲裙,騎腳踏車上學比較方便。

校長楊乃光表示,該校學生上學,制服和運動服交替穿,女學生如果覺得穿裙子不方便,也可以換穿長褲,對於學生建議,制服質料和樣式能有變革,下學期可再研議改進。
Read more

2016年10月11日 星期二

2016年10月10日 星期一

[SR 超合金] 魔神凱薩 SKL終極飛翼版(マジンカイザーSKL ファイナル・カウントVer. )

マジンカイザーSKL ファイナル・カウントVer.

這款應該是SR 超合金出的第三隻魔神凱薩 SKL,第一隻是只有素體的版本,後來出了披風版我就有入手,當時的想法是以為 BANDAI 會出一隻ウイングル,然後再搞把飛翼拆下來可以跟沒有翅膀的魔神凱薩 SKL 合體的把戲,沒想到 BANDAI 就直接出了終極飛翼版本的,大概是怕ウイングル人氣不夠吧,但至少還算有誠意地把配色給改過了。
Read more

2016年10月9日 星期日

2016年10月4日 星期二

[超級英雄圖譜] 惡靈戰警(Ghost Rider)

Ghost Rider

惡靈戰警(英語:Ghost Rider,又譯幽靈騎士、幽靈車神或靈魂戰車)是由漫威漫畫創造的虛構超自然反英雄。2011年5月,惡靈戰警在IGN的百強漫畫書英雄名單中排名90。目前出現五任惡靈戰警,本次圖像為在影集神盾局特務登場的第五代惡靈戰警 Robbie Reyes。

形象一般是燃燒著的一副人體骷髏、穿著皮衣、背負鐵鏈,並騎上燃燒著的機車,到各處對付敵人。機車所經之處都會是一片狼藉,路上亦會帶上一條火痕。
Read more

2016年9月27日 星期二

疾風獅虎(ハヤテライガー)

ハヤテライガー

ゾイドジェネシス主角村雨獅虎的另一個型態疾風獅虎(ハヤテライガー),跟村雨獅虎最大不一樣就是顏色,還有刀從背後的一把變成左右兩把比較小一點的。

ハヤテライガーハヤテライガー

這系列做得不錯,但應該是受限造型的關係,可以擺的動作沒有很多。

ハヤテライガーハヤテライガーハヤテライガー

可以感受得到發出低沈「吼吼吼」叫聲的感覺。

ハヤテライガーハヤテライガー


RoboInfo 上的介紹




Read more

2016年9月26日 星期一

[My Weather 我的氣象站] Semantic UI 改版

MyWeather 我的氣象站

最近因為想玩 Semantic UI所以把 MyWeather 我的氣象站給改版,覺得 Semantic UI 比起 Bootstrap 來說元件更多可以用,也不會像 Bootstrap 因為太氾濫所以很多網站都差不多,但東西多的缺點也是會怕要載進去太肥大,大概就得花一些取捨,使用的邏輯上跟 Bootstrap 有點不一樣,但相信花一些時間應該就可以適應了。

右下的折線圖使用了 C3.js,之前用過 D3 和 C3 做出一些不錯的圖表,有興趣的也可以玩看看,組合出自己喜歡的東西。

而各地氣象的頁面在這邊,可以點選標題旁的選單切換地點,之後應該會再抽一些時間把各種氣象資訊再重新整理一下,也希望大家能夠多給一些意見囉。

Read more

[C3.js] 改變橫軸縱軸樣式

C3.js 是一個以 D3.js 為基礎的畫圖表的工具,不過畫出來的圖表預設是淺底黑字,如果頁面上的背景顏色比較深就會看不清楚,這邊介紹一下怎麼調整顏色。

簡單加上這些 CSS 就可以了。
  1. .c3-axis-x, .c3-axis-y, .c3-legend-item{   
  2.     fill:#fff;         
  3. }   
  4. .c3 .c3-axis-y path, .c3 .c3-axis-y line,.c3 .c3-axis-x path, .c3 .c3-axis-x line {   
  5.     stroke: #fff;   
  6. }  

因為 SVG 畫圖的填色方式跟傳統的 CSS 元件不大一樣,注意改成 fill 或 stoke 就可以了。

完成效果如下:
Read more

2016年9月25日 星期日

【美圖晒晒】 清純女生擺騎呢pose 宅男:戀愛了!

【美圖晒晒】 清純女生擺騎呢pose 宅男:戀愛了!

台灣「制服地圖」網站舉辦的校服大賞邁入第3年,今屆冠軍由台南家齊女中「粉+藍」水手裝摘下,甚至引起日本媒體注意。不過,新聞po上網後,網民目光則被屏北京中的模特兒崔甜天吸引。

仍是學生的崔甜天,是兼職平面模特兒和演員,自我介紹時指喜歡表演和與人聊天。她與制服的淵源,首次獻給基隆海事的制服,當時所錄的一段綁馬尾影片上傳後被po到表特版。她覺得,能把制服那種青春清新的樣子拍出來最動人了!

由於崔甜天不僅長相超可愛,動作也「超放開」,每張照片都很有戲,有「蛇拳」,有「單腳拜拜」,招式多元。她不顧形象的騎呢姿勢,讓宅男大呼「戀愛了!」「我愛上屏北了」、「推屏北隔壁班校花,真的正」、「這妹子有個性,我洗翻」、「屏北是在練功夫啊」、「超狂」。
Read more

2016年9月22日 星期四

[OpenCart] 新增廣告 banner 的方法

要在 OpenCart 新增廣告 Banner 的話,在登入管理後台後,進入系統管理 -> 版面 -> 廣告管理
OpenCart 廣告banner

就可以設定幻燈片廣告了,可以設定很多組,每組各有自己輪播的內容。
OpenCart 廣告banner
OpenCart 廣告banner


設定好內容好,再到 擴充模組 -> 基本模組 -> 幻燈片廣告 設定要出現的幻燈片。
OpenCart 廣告banner

選擇位置跟要啟用的幻燈片就可以了。
OpenCart 廣告banner
Read more

2016年9月21日 星期三

2016年9月20日 星期二

使用 CodeIgniter 處理縮圖

codeigniter 也有方便的 lib 處理圖片縮圖的部分,簡單的範例如下。

  1. $config['image_library'] = 'gd2';   
  2. $config['source_image'] = '/path/to/image/mypic.jpg';   
  3. $config['create_thumb'] = TRUE;   
  4. $config['maintain_ratio'] = TRUE;   
  5. $config['width'] = 1024;   
  6. $config['height'] = 1024;   
  7.   
  8. $this->load->library('image_lib'$config);   
  9.   
  10. $this->image_lib->resize();  

上頭的程式碼告訴 image_resize 函式庫去找一個位於 source_image 資料夾裡名叫 mypic.jpg 的圖片,然後呼叫 GD2 image_library 影像函式庫來創建一張尺寸為 1024 X 1024 像素的縮圖,有設定 maintain_ratio 選項時,縮圖會在維持原本的長寬比例下,會盡可能的接近 width 跟 height 的像素尺寸大小,所以這個可以用來設定照片的最長邊,可以搭配伺服器抓到的圖片尺寸來判斷是否要縮圖,而縮圖的檔名會命名為 mypic_thumb.jpg。
Read more

2016年9月19日 星期一

2016年9月18日 星期日

2016年9月15日 星期四

2016年9月13日 星期二

Android App 各 icon 尺寸

Android icons require five separate sizes for different screen pixel densities. Icons for lower resolution are created automatically from the baseline.

mdpi (Baseline): 160 dpi
hdpi: 240 dpi 1.5×
xhdpi: 320 dpi
xxhdpi: 480 dpi
xxxhdpi: 640 dpi

Sizes (px) Format and naming Notes

Launcher icons

48 × 48 (mdpi)
72 × 72 (hdpi)
96 × 96 (xhdpi)
144 × 144 (xxhdpi)
192 × 192 (xxxhdpi)
512 × 512 (Google Play store)
.png Three-dimensional, front view, with a slight perspective as if viewed from above, so that users perceive some depth.

Action bar, Dialog & Tab icons

24 × 24 area in 32 × 32 (mdpi)
36 × 36 area in 48 × 48 (hdpi)
48 × 48 area in 64 × 64 (xhdpi)
72 × 72 area in 96 × 96 (xxhdpi)
96 × 96 area in 128 × 128 (xxxhdpi)
.png These icons are used in the action bar menu. The first number is the size of the icon area, and the second is file size.

Small Contextual Icons

16 × 16 (mdpi)
24 × 24 (hdpi)
32 × 32 (xhdpi)
48 × 48 (xxhdpi)
64 × 64 (xxxhdpi)
.png Small icons are used to surface actions and/or provide status for specific items. For example, in the Gmail app, each message has a star icon that marks the message as important.

Notification icons


22 × 22 area in 24 × 24 (mdpi)
33 × 33 area in 36 × 36 (hdpi)
44 × 44 area in 48 × 48 (xhdpi)
66 × 66 area in 72 × 72 (xxhdpi)
88 × 88 area in 96 × 96 (xxxhdpi)
.png These are used to represent application notifications in the status bar. They should be flat (no gradients), white and face-on perspective
Read more

2016年9月11日 星期日

Related Posts Plugin for WordPress, Blogger...