2019年1月31日 星期四

2019年1月30日 星期三

2019年1月29日 星期二

使用 Photoshop 製作 sprite 圖片

想在網站上做動畫的話我們可以使用 css sprite 來製作,不過如果要把圖片接起來還是需要花些時間,要製作 sprite 圖片的話可以考慮找一些線上的產生器,這邊則是介紹一下使用 photoshop 來幫我們產生。

要製作的話首先可以到 github 下載這個 HTML5-Photoshop-Sprite-Sheet-Creator 別人寫好的程式,下載解壓縮後把 WM-Sprite-Sheet-Creator.jsx 這隻檔案放到 photoshop 的 \Presets\Scripts\ 資料夾內,再重新開啟 photoshop 就可以執行了。


安裝好後首先將圖片透過 檔案>指令碼>將檔案載入堆疊 載入 photoshop



接著選擇圖片


載入之後



接這再從 檔案>指令碼 選擇 Create Sprite Sheet from Layers...



再按確認後就可以幫我們把圖片併成一張 sprite 圖了
Read more

2019年1月28日 星期一

2019年1月26日 星期六

2019年1月24日 星期四

2019年1月23日 星期三

2019年1月22日 星期二

2019年1月21日 星期一

2019年1月20日 星期日

新手機 iPhone XR



去年手機耗電很快,加上沒趕上年末換電池的折價時間,今年年初剛好看到 apple 的幾隻手機有在特價,查了一下不用 apple 的方案在某些地方也只比 apple 折價後貴 1000 元,就決定買空機了。




















Read more

2019年1月19日 星期六

2019年1月18日 星期五

2019年1月17日 星期四

2019年1月16日 星期三

鋼彈 NT 觀後感







應該是第一次去電影院看鋼彈,查了一下上一部新作鋼彈電影已經是 27 年前的 F91 了,中間有幾部都是改了一下 ova 或 tv 之後上的,也感謝朋友的票讓我有這難得的機會進電影院看。

看完後隔壁的小朋友說鋼彈超好看,帶他來的媽媽就接著說我看到睡著好無聊,放映的廳小小的但坐得頗滿。

總之就一部賣模型的宣傳影片來說我覺得是成功的,鋼彈就是很粉絲向的作品只是粉絲的購買能力驚人而已,看完後本來對金光閃閃的三號機鳳凰無感也覺得還滿帥的可以入手,只是我大概也是想想要,收這種全鍍金的很麻煩。

覺得他有想總結逆襲夏亞到 UC 這段以精神感應框架為主的故事,也想解釋為什麼後來的 F91 後就沒那麼炫炮的感應砲了,但反正就一些後設吧,看鋼彈就只要劇情有流暢作戰很帥氣就讓人可以買單模型了(?

最後的片尾竟然是前陣子放出的閃光哈薩威的預告,既然閃光哈薩威都要出動畫了拜託也出一下骷髏鋼彈系列啊,漫畫一直畫動畫都沒消息。
Read more

2019年1月15日 星期二

2019年1月14日 星期一

2019年1月13日 星期日

[超合金魂 F.A.] GX-82 無敵鋼人泰坦 3(無敵鋼人ダイターン3)

P1190696

超合金魂 F.A. 第二彈推出的是無敵鋼人泰坦 3,這款放棄了合體機制後,又修了更精練的造型,加上價位又降低,真的是很適合入手的套件。

P1190673P1190674

正面和背面

P1190675P1190676

可動性很棒。

P1190677P1190678

P1190679

可以這樣手交叉。

P1190680


P1190681P1190682P1190683P1190684

雙刀的光澤超漂亮。

P1190685P1190686P1190687

長槍很有氣勢。


P1190688P1190689P1190690

扇子的話不能自由開關,可以用替換零件的方式展示打開和收合的狀態。


P1190691P1190692P1190693

扇子這武器在機器人裡真的還滿少見的。


P1190694P1190695

這架的機設也是大河原邦男,跟幾年後推出的鋼彈在造型上都是以日本武士盔甲為基礎,但這架的武器跟外觀上還很看得出是武士,鋼彈結合了後來影響世界很大的星際大戰後,就是後來比較常見的科幻風了。

RoboInfo 上泰坦 3 的介紹
Read more

2019年1月12日 星期六

2019年1月11日 星期五

2019年1月10日 星期四

2019年1月9日 星期三

2019年1月8日 星期二

2019年1月7日 星期一

Google Maps 網頁嵌入參數

想要在頁面上嵌入 google maps 的話,可以在網頁上選擇點後再使用分享功能就有可以看到嵌入的碼,不過那個嵌入碼看起來很像亂碼,如果要使用程式產生的話,可以用下面的規則丟入參數就可以了,很方便。



其中各項數值分別為:
  • width = 寬度
  • height = 高度
  • q = 地址或經緯度,如果需要標明可在結尾加上(),於()中輸入表示名稱
  • z = 地圖比例大小,可輸入數值為 1-18,值愈大地圖顯示比例愈大
  • t = 地圖顯示模式,沒輸入值時為預設地圖;h為衛星圖加路線;p為地形圖
  • hl = 地圖語系,語言代碼參考連結
  • output=embed 指定Google Map為崁入模式

Read more

2019年1月6日 星期日

[Vue.js] Component 運用

可以把 ui 元件組成一個 component,替 component 命名後再設計 template 來使用。

See the Pen vue component by deathhell (@deathhell) on CodePen.




component 可以重複利用

See the Pen component 2 by deathhell (@deathhell) on CodePen.




可以設定 props,這樣就可以把變數傳到 ui 裡。

See the Pen component 3 by deathhell (@deathhell) on CodePen.




如果我們要把資料給傳到 component 內,可以用 v-bind:item,後面的 item 是我們自訂的,會對應到 component 裡的 props,接著就可以利用 v-for 的迴圈把資料都顯示出來。

See the Pen component 3 by deathhell (@deathhell) on CodePen.




使用 $emit 的方式傳入事件名稱,並用 v-on 監聽事件。

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



也可以把改變的值用 $event 的方式帶入




或是用 method 處理


methods: {
  onEnlargeText: function (enlargeAmount) {
    this.postFontSize += enlargeAmount
  }
}


參考: https://cn.vuejs.org/v2/guide/components.html
Read more

2019年1月5日 星期六

2019年1月3日 星期四

2019年1月2日 星期三

2019年1月1日 星期二

[Robot 魂] ストレリチア(鶴望蘭)

ストレリチア

ストレリチア(鶴望蘭)是 2017 年 7 月完結的作品《DARLING in the FRANXX》中登場的主人公機,這部當初的製作成員還被冠上了動畫國家隊的稱號,雖然期間話題十足,但最後的結局及收尾卻讓許多人失望而無法成為一部優秀的作品。

ストレリチアストレリチア

劇中的機體都需要雄蕊跟雌蕊兩名駕駛員來駕駛,本來是一男一女,後來有幾次是男男或女女也可以,普遍相信這是一種跟生殖有關的暗示,劇情也環繞在角色們在世界末日後的未來,青少年們無法受到正常的教育與成長下,摸索中所發生的男女關係為主軸,雖然還是有不少機器人戰鬥的場景,但相對於人物關係是比較沒那麼重要的就是了。

ストレリチアストレリチアストレリチア

裡面的機體都像這樣有著豐富的臉部表情,套件裡面也有附幾種可以替換,但因為覺得零件太小就沒有換來拍照,而且以這個機體比例而言其實模型是很難站得穩的,所以這款套件有設計底盤上有一個洞可以讓模型的腳底可以插進去,這樣就不會因為重心不穩倒掉了。


ストレリチアストレリチアストレリチアストレリチア

造型重現的不錯,可動性也沒什麼話講,要說缺點大概是後面的幾根毛太用力是會碰掉的有點麻煩。

ストレリチアストレリチアストレリチアストレリチア

武器就是那把很像騎士的長矛。


ストレリチアストレリチアストレリチア


另外還有發售一款 02 的 figma 搭配駕駛艙,可以當這台的腳架,只是我對人行的比較沒興趣就沒入手了。


ストレリチアストレリチアストレリチア

RoboInfo 上的介紹
Read more
Related Posts Plugin for WordPress, Blogger...