紅色死神網誌和無名紅色死神改版

這兩天改了一下這個網誌和無名紅色死神的版面，雖然無名紅色死神那邊不會再更新了，但總覺得還是換個比較順眼的版型會比較開心。

Read more

2018 桃園滷味節

去年幫忙弄的一個活動，因為有套之前寫的模組所以很快就完成了，有想要辦類似活動的可以找我 XD
活動網址：https://uniform.wingzero.tw/tyluwei

Read more

[超合金魂 F.A.] GX-83 鬥將大武士(闘将ダイモス)

真的很喜歡這次的超合金魂 F.A.系列，可以的話就把那些 70~90 年代的超級機器人都出一出吧!



這次輪到了鬥將大武士(闘将ダイモス)，前面的字用注音打都會變成豆漿，看來是個很會賣豆漿的大武士(誤)。



由於本來設定就是空手道的機器人，在超合金魂 F.A.的可動性要擺出各種帥氣的姿勢根本小菜一碟，我說空手道可是地球上最強的武術呢。



龍捲風發射。



武器也十分豐富，那個年代由於是超級機器人誕生的年代，很多武器都還會用傳統的日本武士武器來發想，現在看起來反而覺得很特別。




薙刀。




三節棍。




機戰裡的出招前準備姿勢。



烈風正拳突!!







RoboInfo 上的介紹，是說這架也好久沒在機戰上登場了呢。

Read more

用 js 把數字加千分位的方法

工作上的需要，記錄一下。

有許多種寫法，這個似乎是效能最好的寫法，參考的文章有測試各種寫法。

function toThousands(num) {
    var num = (num || 0).toString(), result = '';
    while (num.length > 3) {
        result = ',' + num.slice(-3) + result;
        num = num.slice(0, num.length - 3);
    }
    if (num) { result = num + result; }
    return result;
}

參考的文章有測試多種寫法，有興趣可以前往觀看其他種寫法及測試的效能數據。
从千分位格式化谈JS性能优化

Read more

Pokémon GO AR 照上新聞

Read more

Pokemon GO 寵物小精靈 AR 影相 GO Snapshot 識玩原來好搞笑

Pokemon GO 寵物小精靈 AR 影相 GO Snapshot　識玩原來好搞笑

Pokemon GO 加入了 AR 影相功能 GO Snapshot，不過一般玩家未必有太多時間研究新功能的玩法。台灣的 Pokemon GO 資深玩家，Pokemon-info網站的站主「紅色死神」江舜智，就以 GO Snapshot 拍攝了不少非常搞笑的小精靈照片，在網站刊登跟網友分享。

其實在 Instagram 上面，亦有不少外國玩家以 GO Snapshot 拍攝 Pokemon AR 照片，大家只要搜尋 hashtag #GOSnapshot 或者 #PokemonGOAR，就可以找到不少有趣的小精靈寫真。


至於大家想自己拍攝小精靈的 AR 相片的話，除了要先將 Pokemon GO 更新到最新版本，想拍攝的小精靈已經成功捕捉外，手機亦要支援並已經開啟 AR+ 功能，才可以多角度去拍攝 AR 的 Pokemon。

Read more

笑死！寶可夢惡搞AR照這樣拍 網友：真的很會

至今還是有不少死忠玩家的《Pokemon GO》，今年2月底時先後在Android、iOS版本推出新功能「GO Snapshot」，利用AR擴增實境技術，玩家可以自由將寶可夢放出來，在任何地方喬姿勢拍照，新功能上線不久，便有許多令人莞爾一笑的寶可夢搞笑照。

制服地圖網站創辦人、網路暱稱「紅色死神」的江舜智，玩《Pokemon GO》資歷達3年，不只是老玩家，還自架成立Pokemon-info網站，在新功能GO Snapshot上線後，他連走在路上都在想哏，拍出許多讓網友讚好的寶可夢AR照。目前圖鑑有456 隻寶可夢的江舜智笑說：「有免費可以隨意喬姿勢的模特兒很方便啊，以前拍制服女生都還會害羞，拍這些不會。」

他也分享替寶可夢拍照的心得，「我一般心裡都有一個畫面，然後會想跟哪個寶可夢適合搭配，主要是發想很久，功能熟悉的話，喬姿勢跟拍照都不會花太多時間。」他在馬桶上幫可達鴨拍的便秘照吸引許多人按讚，網友直呼：「好生動」、「真的很會」。（黃韻文／台北報導）

Read more

解決背景使用 SVG 會自動變得跟內容一樣高的問題

最近在用 svg 當標題 icon 圖片的時候遇到的問題，算是很好解決不過也記錄一下。

我做了一個原始大小跟一行差不多的 icon 圖片，在標題只有一行的情況下看起來是正常的。


但是在手機版的時候如果變成兩行，就會變成這樣，圖示會變得跟標題的高度一樣。


由於 svg 本身是向量圖，我本來是想說做大一點也沒關係只要再用 css 調就好了，後來沒想到圖片會隨著標題高度調整，所以我就也把當時本來想加的屬性加上去，就是再設定 background-size 設成跟一行的高度一樣。



然後就解決了。

Read more

嘉義高鐵開會

Read more

替你的 Blogger 加上圖片 lazyload 效果

Lazyload 是許多網站都會加上避免網頁開啟時一次讀取太多圖片的效果，在 WP 上有 plugin 可以安裝使用，要在 blogger 上使用的話相較就沒有那麼簡單。

這邊找到可以使用的方法，只要在你的 Blogger 樣板上貼上下面這段，記得要把讀取動畫那邊改成你要設定的讀取的圖片的網址，不然會出錯，確實改好後，你的 Blogger 就會自動把圖片都變成 lazyload 了，有需要的可以試試看。

//c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"你的讀取動畫網址",effect:"fadeIn",threshold:"-50"})})//]]>

Read more