2018年12月16日 星期日

[Pokémon-Info] 每隻寶可夢的屬性相剋對照表

屬性相剋表

因為把屬性相剋建到資料庫了,要再撈出來顯示每種寶可夢的屬性對應攻擊倍率就簡單很多了,於是就花了點時間把資料給顯示出來,這個表是班基拉斯的,之後只要直接看寶可夢就知道用什麼屬性的招式攻擊會比較有效了。

Read more

2018年12月15日 星期六

[超合金魂 F.A.] 超電磁機機器人波羅五號(超電磁マシーン ボルテスV)

P1190462

超合金魂 F.A. 感覺是要取代原本 SR 超合金的系列,本來 SR 超合金系列是便宜的,但其實也越來越向超合金魂靠近,這次超合金魂 F.A.的價位則感覺又介於 SR 超合金跟超合金魂之間,算是稍微較平價但重視造型而放棄變形和合體的系列,不過我是比較喜歡這個方向所以就入手了。

P1190449P1190450

波羅五號是長濱三部曲之一,其他兩部則為康巴拉V鬥將戴摩斯,當初等他們可以在 SR 超合金登場等好久,這回終於盼到波羅五號,相信其他兩部應該也很有機會在這系列登場。

P1190451P1190452P1190453

對於這價位的模型來說,BANDAI 不會讓人失望,可動性跟造型都兼顧了,而且這隻的盒面圖就是擺出很誇張的動作,對於這部作品有興趣的應該都沒辦法閃過吧。

P1190454P1190455P1190456P1190457

手部可以變手槍,老實說以往機器人動畫由於沒有 3D 繪圖輔助,為了出玩具想要合體變形,合體後的造型都滿慘不忍睹的,所以我還是比較喜歡這種只顧到合體後造型的套件。

P1190458P1190459P1190460

招牌的天空劍,這個姿勢真的是以往大部分的模型都做不到的。

P1190461P1190462P1190463P1190464

天空劍會把胸前那個盔甲拔下來,拔下來後反而看起來怪怪的。

P1190465P1190466P1190467P1190468P1190469

超電磁陀螺。

P1190470P1190472

還有附腳架,擺起來很有收藏的價值。

超電磁マシーン ボルテスV 在 RoboInfo 的介紹
Read more

2018年12月14日 星期五

[Pokémon-Info] 互動屬性相剋表



這次增加了一個屬性對照表的功能,可以跟這個表格互動,除了滑鼠移動到表格上可以標示攻擊跟防禦的加成關係,上面也可以直接選擇攻擊跟防禦的屬性,另外也可以選擇第二屬性看第二重加成的影響,給大家參考使用。

Pokémon GO 互動屬性相剋表
Read more

2018年12月12日 星期三

[php] parse_url()- 去除網址中的網域

在處理使用者輸入的時候,會擔心使用者輸入的格式不如預期,比如要請他們輸入社群網站的帳號時,他們可能會連前面的網域都一併輸入,這時候就可以用 parse_url() 來幫我們處理。

使用方法如下:
$url = "https://www.facebook.com/deathhell";
$blah = parse_url($url);
print_r($blah);
Array
(
 [scheme] => 'https'
 [host] => 'www.facebook.com'
 [path] =>'/deathhell'
 [query] => ''
)


想要處理掉 / 再用 trim($url, "/") 就好了
Read more

動畫元素週期表



此表為日本設計師 Kazuki Akamine 製作的網站,收錄了七十多種不同的基本動畫元素製作而成的動畫週期表,並在每個動畫效果頁面顯示效果資訊、教學、應用範例和其他併用或相關的動畫效果,對於有製作動畫需求的朋友應該是一個很好的參考網站。

動畫元素週期表網站連結


Read more

2018年12月11日 星期二

javascript 的 drag 和 drop 功能並抓到放入容器的物件,使用 interact.js

以往要做拖曳效果都是使用 jquery UI,現在就有很多別的選擇了,因為幫忙看功能所以找到了這個 interact.js,試著寫了一下覺得應該還滿方便的,就用來做個範例試試看。

首先還是先安裝,可以用 npm install 或是用 cdn





基本用法是選擇到物件就可以拖曳了
interact('.drag-and-resize')
  .draggable({
    snap: {
      targets: [
        { x: 100, y: 200 },
        function (x, y) { return { x: x % 20, y: y }; }
    ]}
  })
  .resizable({
    inertia: true
  });


我這邊則是改了一下官方的範例,做了一個可以偵測拖曳了多少東西到指定容器的功能

See the Pen Draggble by deathhell (@deathhell) on CodePen.



Read more

javascript 360度環景套件- Pannellum



如果有想要在網站上放一個 360 全景的照片,可以考慮使用這個 Pannellum

使用方法也很簡單,官方有提供 cdn 可以直接讀取:





簡單的使用如下:

pannellum.viewer('panorama', {
    "type": "equirectangular",
    "panorama": "https://pannellum.org/images/alma.jpg"
});

就可以簡單的生成 360 環景的圖片了。

其他如果要設定如自動讀取、標題等功能,只要參考文件額外設定即可。



Read more

強大的 360 環景外掛- Marzipano



如果網站上有想要做 360 照片環景的功能,可以試試這個 Marzipano,可以放單張照片的環景。


也可以放 360 的影片


圖片的互動也沒問題。


甚至是嵌入影片等 html 互動的元素


覺得看不懂文件也沒關係,官方本身還有提供線上工具,只要上傳素材就可以自動幫你生成了。
Read more

2018年12月10日 星期一

我的網路與社群紀錄(二)



第二篇,應該短期內不會有第三篇。

我在 2013 年申請了 wingzero.tw 這個 domain 後,想說要弄個什麼網站來玩玩,當然最早做的就是主要的個人首頁 www.wingzero.tw,目前是改了很多版到第五版,也把原本只有 html 而已現在已經做成用框架寫了,但還只有一頁,之後應該會放一些跟我的作品有關的東西上去。

接著做了一個 RoboInfo 日本機器人作品資訊網用來介紹我一直以來很喜歡的機器人,本來只有機器人頁面介紹,後來加了機戰的作品時間軸跟各作品參戰的對照,之後還想把洛克人、超級戰隊和 SD戰國傳那些資訊也放到這網站來,不過放上去之後其實真的有覺得這些是相對冷門的,就看哪天有心情就來加減陸續做下去。

再來完成的是 DeTools 工具死神,本來是想練習一些程式,現在程式比較熟了,架構也大改了兩次,以後應該還是會以我想到什麼加上有時間的時候就做一些東西繼續做下去。

Uniform Map 制服地圖應該是最多人認識的一個網站,也因為制服地圖讓我其他想做的東西被延誤 XD,不過因為都是我想做的東西其實也沒什麼在意。

這個站因為最有規模目前想法也很多,除了現在看到的學校以及 ACG 制服外,還有辦過幾次活動的活動模組也差不多完成,之後還想做鐵道還有飛航的地圖及制服頁面,在學校方面也有很多延伸的想法,也有想過在上面弄電商,總之這是想法最多也是應該最應該把優先權排前面的網站。

超級英熊是因為超級英雄電影這幾年火紅而製作的網站,用 WP 架設的,也順便用來熟悉 WP,然後也放一些自己畫的圖,只有內容的網站對我來說比較沒辦法快速吸引到太多人來,所以這個網站比較像是我用來熟悉 WP 的實驗站,也算是有他的作用。


無名紅色死神則是當年無名要收攤的時候把裡面的內容移出來後放到這個用 WP 架設的站當備份用,因為在無名開始走下坡的時候我就已經把新內容轉移到這邊來了,所以這個站就當單純備份用而不再更新了。


My Weather 我的氣象站是想用來做一個依我的想法放氣象資訊的網站,當時還有用來練習 Semantic UI,但後來因為網站搬家,新站沒有再抓氣象資料而暫時先不重新上線了,期待有天再相逢。


Pokémon-Info 也是網域申請好後一開始就想做的網站,當時 Pokémon GO 還沒有推出,Pokémon 當時只有一個叫吉米的神奇寶貝之類的站有這些資料,看到他的介面很陽春所以我想做一個來讓資訊有比較好的呈現,但後來也是因為忙沒有在第一時間完成這個站,Pokémon GO 紅了之後介紹 Pokémon 資訊的站算是滿大量跑出來的,我也終於在今年弄上線了,弄了幾個功能後是覺得這個網站還算是滿有可為的,也因為上線的晚所以目前也只能做一些別人沒辦法做的功能,看能不能吸引更多人來就是了。


其他還有一個籃球的網站搬家後出了些問題,之後會再弄上線,其他想做的還有一個更專注在學校和學生的網站,也希望在近期之內上線把我想做的事情再往前推進一些。
Read more

2018年12月8日 星期六

[超級英雄圖譜] 火箭浣熊(Rocket Roccoon)

Rocket Roccoon

火箭浣熊(英語:Rocket Raccoon)是出現在美國漫畫書出版社漫威漫畫中的一個虛構超級英雄,由比爾·曼特羅和藝術家基思·吉芬創作。這一角色首次出現於《漫威預覽》第七期(1976年夏出版)。他是一位智能的擬人化浣熊,為一位射擊高手,並精通戰術。他的名字及性格來自披頭四樂團的1968年歌曲《Rocky Raccoon》。

火箭來自於一座由動物護士照看的外星瘋人院中,是被高度機械改造的動物之一。最先到達這顆名叫「Halfworld」的 星球的外星生物建造了這座瘋人院做研究,卻因為經費的原因不了了之。離開之前他們留下了眾多擁有人工智慧的機器人留下照顧這些病號,並建立了能量場保證病人的安全。不過最終機器人也待不下去了,為了尋找合適的代理護士,它們開始在前輩留下的寵物身上做實驗,火箭浣熊就是這批實驗者之一。
Read more

使用 SyntaxHighlighter 在網站內貼上程式碼

想要在部落格或網站上貼上程式碼,可以考慮使用這個老牌的 SyntaxHighlighter 工具。

使用方式如下:

 


 



 

function foo()
{
}

SyntaxHighlighter 支援的程式類型有可以到 Bundled Brushes確認,記得要用的話也要讀入該支 js。
Read more

[CodeIgniter] 取得 excel 內容

要從 php 讀取 excel 內容後在儲存到資料庫,可以先到 PHPExcel 下載 Lib,然後把 Classes 裡的東西都放到 third_party 裡面,再在 libraries 的資料夾內建一個 Excel.php 的檔案,內容如下:

require_once APPPATH . "/third_party/PHPExcel.php";
class Excel extends PHPExcel {
    public function __construct() {
        parent::__construct();
    }
}

之後讀入 library 和 excel 檔案

$file = 'test.xls';
$this->load->library('excel');
$objPHPExcel = PHPExcel_IOFactory::load($file);


然後把內容拆開來
foreach ($objPHPExcel->getWorksheetIterator() as $worksheet) {
            $worksheetTitle     = $worksheet->getTitle();
            $highestRow         = $worksheet->getHighestRow(); // e.g. 10
            $highestColumn      = $worksheet->getHighestColumn(); // e.g 'F'
  for ($row = 2; $row <= $highestRow; ++ $row) {
                //id
            $cell = $worksheet->getCellByColumnAndRow(0,$row); //取得欄位內容
            $value = $cell->getValue();
  }
}

接著再依序將內容寫入資料庫就可以了。

Read more

2018年12月7日 星期五

2018年12月6日 星期四

[超級英熊] 網站改版



心血來潮把超級英熊這個站也改版了,因為這個站是用 WP 架的,所以改動的機會不大,這次改版的版面我還滿喜歡的,大概之後就不大會變動了吧.. 除非是哪天手癢想全部自己刻 XD

不過看了一下文章記錄發現上次改版也三年前了,有把這些東西記錄下來真好。
Read more

[超級英雄圖譜] 紅色龍捲風(Red Tornado)

Red Tornado

紅色龍捲風(Red Tornado)是美國DC漫畫旗下超級英雄,初次登場於《美國正義聯盟》(Justice League of America)第64期(1968年8月),原本是莫若博士(TO Morrow)創造的一個人工智能(AI)機器人。目的是打入正義聯盟內部大肆破壞,在陰謀被正義聯盟挫敗後逐漸覺醒,擁有了人性,改邪歸正,為自己取名約翰·史密斯(John Smith),並加入了正義聯盟。
Read more

2018年12月5日 星期三

[Pokémon-Info] FB 登入功能與個人色違列表

個人色違列表

在 Pokémon-Info 上加了 FB 登入的功能,然後在之前的色違列表上,只要有登入系統,再選完自己有的色違寶可夢後就可以儲存起來,之後想要再新增就不用每次都重選了。

之後應該還會做個排行榜功能,看看大家有的色違的數量大致是怎樣的分佈。
Read more

2018年12月4日 星期二

[WordPress] 同意後進入網站彈出視窗- WP Terms Popup

如果有想要在 WordPress 的網站上加一個同意條款才能進入的功能,可以考慮使用這個 WP Terms Popup。



安裝好後可以從側欄進入設定。




編輯公告內容跟文章編輯是一樣的。



再做一下設定就可以了。



設定好進入網站就會看到設定好的公告了,但如果要修改樣式就需要買進階功能,但如果會 css 的話也是可以自己修改看看的。
Read more

2018年12月3日 星期一

2018年12月2日 星期日

2018年12月1日 星期六

2018 由你瘋制服大賞記者會新聞

10大特色校服發表 來看創意制服有多美

學校制服也能注入美感教育,教育部舉辦校園特色校服徵選活動,今天(30日)進行成果發表,由台灣藝術大學學生透過走秀,展現「藍衣裳」等10件極具設計感的得獎制服作品,及折疊傘、存錢筒等10件校服文創設計品,學生們的創意令人驚豔。

由台灣藝術大學學生走秀,呈現10件獲獎學生的特色校服作品,其中,在新竹就讀清華大學碩士班的吳聯吟,發現新竹縣二重國中致力推廣客家文化,於是將制服結合客家服飾與藍染藝術,讓每個同學都能擁有獨一無二的「藍衣裳」。吳聯吟:『(原音)因為我的理念是當他們入學之後,學生就可以自己製作這個花布,然後這個花布之後,再去製作這個衣服,他們對這個制服的付出,會更珍惜這個文化、更珍惜這件制服、更珍惜這間學校。』

教育部舉辦「我的第二校服設計競賽」,共收到225件作品,台北靜修女中學生羅卓瑋為自己的學校,設計出蘊含學校百年文化及校歌精神的制服,奪得第一名。羅卓瑋:『(原音)學校像是特別是外套的部分,就是代表著學校外牆的部分,學校的建築物是一個土黃色像城堡一樣的設計,我覺得最精巧的部分是它袖口的部分,有一個十字架,那特別代表了學校的理念跟學校的信仰。』

教育部舉辦校園特色校服徵選活動,清華大學碩士班學生吳聯吟(左圖左),想為新竹縣二重國中設計出客家風的校服(左圖右);台北靜修女中學生羅卓瑋(右圖左)為自己的學校,設計蘊含學校百年文化及校歌精神的制服(右圖右),奪得第一名。(陳國維 攝)

教育部主秘朱楠賢:『(原音)我們校服的解禁已經1年多了,那我們從這個解禁當中,去突破、去尋找、去重新定位。』

現場也展示10件獲獎的校服文創商品,有撲克牌、環保杯套、狗狗水手領、便條紙及存錢筒,創意十足。就讀台北藝術大學的游懷茹,為母校師大附中設計了「開啟一片天藍」折疊傘,拿下首獎。游懷茹:『(原音)就像比如說傘外的部分,它是師大附中的校徽,是以校徽的圓形去做出一朵花,然後裡面的話就是因為常常有人說,是一所藍色的學校,是一所天空很大的學校,所以裡面我就選擇天空這意象。』

這次也同步舉辦校服之美攝影作品競賽,從268件作品中,選出10件獲獎照片,讓眾人一同從學生們的角度,看見學校制服的美。



校服更美了 「特色校服」由你瘋! 今隆重頒獎



美,應該落實在生活中!教育部推動的美感教育,希望引導學生從生活發現自己的美感,制服則是體現的舞台,「2018由你瘋UNIFORM校園『特色校服』徵選計畫」讓學生設計自己理想中的美感校服,今天(30號)舉辦隆重成果發表,現場還邀請國立臺灣藝術大學舞蹈學系學生們穿著得獎的「我的第二校服」作品,進行表演,相當吸睛!

教育部主任秘書朱楠賢笑著表示,他覺得這活動名稱取得相當好,「UNIFORM,由你瘋!」,讓學生展現了和美感相關的創意。

「我的第二校服設計競賽」獲得第一名為靜修女中高二學生羅卓瑋,她說設計靈感來自學校建築,她將毛衣改為開衫式毛衣、保留原設計特色,創作暖色系外套則源自於彷若教堂的學校高牆,除了莊重感,還有一種被保護的感覺,袖口隱藏了十字架,也和天主教女子學校的信仰有關。

「校服之美攝影作品競賽」參賽作品中,其中以私立德光中學校服為主角,名為「小世界」的作品,構圖簡潔,視覺上採二分法,以俯視角度呈現藍綠色球場的分割畫面,宛如轉眼流逝的校園生活中所憶起的吉光片羽。「校服文創商品設計競賽」中,作品「開啟一片天藍」則是加入師大附中校徽為設計元素的摺疊傘,傘面是盛開的大藍花校徽,傘內則有象徵校風自由的藍天白雲。



取代性別刻板顏色 客家藍染制服讓校服更獨一無二

過去民間辦的制服票選,都是以現有制服排名。這次教育部舉辦的「我的第二校服設計競賽」,是由參賽者自由選擇台灣其中一所國高中職學校設計心中的第二件校服。以新竹二重國中為發想所設計的校服作品「藍衣裳」,就是獨創由學生自己DIY,每個人都能穿上獨一無二的客家藍染花紋校服。

獲得佳作的得獎作品「藍衣裳」,設計者是清華大學藝術與設計系碩士班的吳聯吟。吳聯吟說,他想把制服跟台灣文化有所連結,因此選了傳統客家服飾「藍衫」。學生入學時,給他們一件空白的制服並進行藍染創作,依照自己的喜好和美感製作花色在制服上,進而更喜歡、珍惜自己的制服。

此外,在制服的使用上,也參考老祖宗的智慧,將長袖反摺並以扣子固定,這個反摺的空間可以作為口袋放東西。

教育部「2018由你瘋UNIFORM校園『特色校服』徵選計畫」,徵選活動包含三大項目,分別是「我的第二校服設計競賽」、「校服之美攝影作品競賽」以及「校服文創商品設計競賽」,今天舉行成果發表會。現場邀請台灣藝術大學舞蹈學系學生,擔任模特兒及表演者,穿上從「我的第二校服設計競賽」225件參賽作品中脫穎而出的10件得獎作品進行表演。

校服對學生和民眾而言,是極富親和力和共鳴感的素材。為讓活動有更多人參與,「我的第二校服設計競賽」提供「校服設計工具」應用程式給參賽者自由使用,讓繪畫經驗較少的參賽者也有「發畫權」,輔助參賽者將心中理想校服形象具體化。

教育部表示,得獎者設計風格大不同,且設計實力成熟,不單強調自身設計風格,同時兼顧服裝實用性、流行元素運用,以及使用者年齡和心態。其中一件名為「藍衣裳」,是響應二重國中推廣客家文化的理念,每件校服都在訴說一個文化故事,一件校服染上雙重新意,讓人印象深刻。

清華大學藝設系計畫主持人蕭銘芚指出,教育部近年推動美感教育,因此希望喚起每個學校、每個學生都能主動、積極關心校服之美。因此這次競賽不是以現有校服進行投票,而是「改變」校服,讓校服更美。除了學生可以為自己的校服設計,業界的設計師也可以為他校設計校服。未來如果得獎作品的校服有被學校看上,也有機會可以改用第二校服。

「校服文創商品設計競賽」共有121件作品參與競賽,得獎作品10件,其中一件名為「開啟一片天藍」,北藝大新媒體藝術學系學生游懷茹是師大附中校友,她設計出以師大附中校徽為元素的摺疊傘,傘面是盛開的大藍花校徽,傘內則有象徵校風自由的藍天白雲。

「校服之美攝影作品競賽」參賽作品共268件,得獎作品10件,其中以私立德光中學校服為主角,名為「小世界」的作品,構圖簡潔,視覺上採二分法,以俯視角度呈現藍綠色球場的分割畫面,宛如轉眼流逝的校園生活中所憶起的吉光片羽,視覺意象鮮明。


這件女高校服讓網友暴動 她2天改造...狠KO專家!

網路上常舉行「最美高中制服」的投票,也引起許多網友迴響,不過目前高中制服中鮮少有學生設計,教育部「我的第二校服設計競賽」,開放學生參賽,其中第1名由靜修女中學生羅卓瑋奪下,她僅花兩天改造自己學校的制服,利用暖色系外套搭配開衫式毛衣,袖口上還設計隱藏式的十字架,讓天主教學校結合日系風格的制服,設計奪下第一名,網友也大喊「好想穿它去上學!」

教育部的「我的第二校服設計競賽」在11月30日舉辦成果發表,並由台灣藝術大學舞蹈學系學生擔任模特兒,分別秀上得獎的10件制服。第1名及網路人氣獎由18歲的羅卓瑋勇奪,由於靜修女中的校園外觀就像城堡,羅卓瑋便以此做為發想,設計出駝色的制服外套,搭配咖啡色的袖口連結白色的十字架為亮點;而過去的紅色毛衣則改為開衫式,兼具時尚及穿脫性;頸部的蝴蝶結及格紋的百褶裙,則是運用日系風格展現出校風的莊重感。

佳作部分則是由就讀清大藝術與設計系碩士班的吳聯吟奪下,為了讓制服跟台灣文化做連結,她以推廣客家文化的新竹二重國中為發想,運用傳統客家服飾「藍衫」,設計出藍染花紋的漸層校服,也取代性別區分的刻板顏色,她表示,在制服設計上,運用長袖反摺並以釦子固定,而這個反摺空間還能作為口袋使用。

第2名由張正佳為新北市清水高中發想,以典雅氣質的設計作為冬裝制服;第3名是陳宇歆為私立薇閣高中設計,她想改善過去制服在夏季造成悶熱的情況,因此將制服背心抽掉,裙子則改為高腰的吊帶裙,搭配上深藍色的細領結,袖口部分也加上藍色條紋,讓整體設計更有協調感。

網友認為,羅卓瑋設計出的制服「活潑有朝氣亦不失端莊」,「氣質又典雅的造型,讓人好想穿上它去上學!」


校服設計賽 靜修女中奪冠

教育部首度舉辦「我的第二校服設計競賽」,全國225件作品參賽,私立靜修女中高二學生羅卓瑋的作品獲得第一名和網路人氣獎。

靜修女中制服為深色外套、紅色套頭毛衣、黑裙;羅卓瑋改成土黃暖色外套、毛衣改為開衫式及格子百褶裙。她說,設計靈感來自於校歌「貞操潔心身,白璧純無瑕」優雅氣質,頸部以蝴蝶結點綴,袖口有隱藏版十字架。奪得冠軍很開心,希望同學們都能穿上美麗的制服。
Read more
Related Posts Plugin for WordPress, Blogger...