2018年10月18日 星期四

解決 chrome 用 img 標籤讀入 svg 無法顯示的問題

有人問我為什麼他把 svg 用 img 的標籤讀入後會看不到,試了一下發現 chrome 才有這現象,查了一下發現應該是用 illustrator 外部嵌入檔案時轉存 svg 沒有設定好的問題,在轉存的時候像這樣設定就沒問題了。



不過應該很少人會遇到這個問題吧 XD,svg 應該還是用純向量就好了,嵌入外部檔案感覺怪怪的。
Read more

2018年10月13日 星期六

2018年10月11日 星期四

[WordPress] 製作自己的佈景主題

WordPress 真的是一套很方便的架站工具,一般來說只要簡單的幾個步驟把網站架起來,再套個喜歡的樣版後和裝一些必要的 plugin 後就可以上線了,那如果有想要製作自己的樣版或依想要的方式安排頁面呢? 這時候就要研究一下 WP 的系統架構和原始碼囉。

首先要在 wp-content/themes 下建立一個新的資料夾,這個資料夾就會是你的佈景主題的名稱,並至少在裡面建立 index.php 及 style.css 兩個檔案。



建立好就會在佈景主題那邊看到你命名的佈景主題了,目前畫面還是空的。



接下來就要開始調整內容囉,首先切換到 外觀 > 主題編輯器,選擇你自訂的那個佈景主題。


現在還是空空的,我們可以先在 index.php 上加上 get_header(); 和 get_footer(); ,會先把 WP 預設的標題和頁尾抓進來。


系統會自動幫你抓在 WP 設定的網站名稱和敘述。



先講到這邊,其他下次繼續。
Read more

2018年10月10日 星期三

[Robot 魂] グリフォン(格里風)

P1190127

R 魂的機動警察系列真的太晚出.. 害我等不及先買了轉輪系列的,由於轉輪的表現我很不滿意,所以當這系列要推出格里風的時候也馬上就是我鎖定的目標了。

P1190116P1190117

黑漆漆的一隻。

P1190118P1190119P1190120

可動性當然也沒問題,但那個翅膀真的很大平衡要調一下。

P1190121P1190122P1190123

單膝跪的姿勢太帥了所以要擺一下。

P1190124P1190125

不知道有沒有受到格里風的影響,那時候的一些鋼彈的惡役向次代鋼彈和大師鋼彈,都是頭上有兩個角的造型。

P1190126

放在腳架上有點不知道怎麼擺姿勢。

P1190129

RoboInfo 上的介紹

Read more

2018年10月9日 星期二

[WordPress] 取得頁面(Page)內容- get_post()

想要自己設計 Wordpress 樣板時,若要在網頁上取得某一個頁面(Page)的內容,可以使用 get_post()

要使用的話首先要知道想要取得頁面的 post id,這個 id 可以在網址頁上看到


接下來可以像這樣取得內容
  1. $page = get_post($postid);   
  2. echo apply_filters('the_content'$post->post_content);  

使用 get_post() 後會回傳一個 WP_Post 的物件,完整如下。
  1. WP_Post Object   
  2. (   
  3.     [ID] =>   
  4.     [post_author] =>   
  5.     [post_date] =>    
  6.     [post_date_gmt] =>    
  7.     [post_content] =>    
  8.     [post_title] =>    
  9.     [post_excerpt] =>    
  10.     [post_status] =>   
  11.     [comment_status] =>   
  12.     [ping_status] =>    
  13.     [post_password] =>    
  14.     [post_name] =>   
  15.     [to_ping] =>    
  16.     [pinged] =>    
  17.     [post_modified] =>    
  18.     [post_modified_gmt] =>   
  19.     [post_content_filtered] =>    
  20.     [post_parent] =>    
  21.     [guid] =>    
  22.     [menu_order] =>   
  23.     [post_type] =>   
  24.     [post_mime_type] =>    
  25.     [comment_count] =>   
  26.     [filter] =>   
  27. )  

也就是可以依據這個格式去獲取其他內容。
Read more

2018年10月8日 星期一

[jQuery plugin] 跑馬燈效果- jQuery.Marquee

想要用跑馬燈效果可以使用這一隻。

外掛網址: jQuery.Marquee

有 cdn 可以用
  1. <script src="//cdn.jsdelivr.net/npm/[email protected]/jquery.marquee.min.js" type="text/javascript"></script>  


一些設定
allowCss3Support Force the usage of jQuery's animate method even if the target browser supports CSS3 animations. Default: true
css3easing Works when allowCss3Support is set to true. See here for full list. Default: 'linear'
easing Requires the jQuery easing plugin. Default: 'linear'
delayBeforeStart Time in milliseconds before the marquee starts animating. Default: 1000
direction Direction towards which the marquee will animate 'left' / 'right' / 'up' / 'down'. Default: 'left'. Todo: need to change this to ltr/rtl etc
duplicated Should the marquee be duplicated to show an effect of continuous flow. Use this only when the text is shorter than the container. Default: false
duration Duration in milliseconds in which you want your element to travel. Default: 5000.
speed Speed will override duration. Speed allows you to set a relatively constant marquee speed regardless of the width of the containing element. Speed is measured in pixels per second.
gap Gap in pixels between the tickers. Will work only when the duplicated option is set to true. Default: 20. Note: 20 means 20px so no need to use '20px' as the value.
pauseOnHover Pause the marquee on hover. If the browser supports CSS3 and allowCss3Support is set to true this will be done using CSS3. Otherwise this will be done using the jQuery Pause plugin. Default: false. See demo page for example.
pauseOnCycle On cycle, pause the marquee for delayBeforeStart milliseconds.
startVisible The marquee will be visible from the start if set to true.


使用方法
  1. $('.marquee').marquee({   
  2.     //duration in milliseconds of the marquee   
  3.     duration: 15000,   
  4.     //gap in pixels between the tickers   
  5.     gap: 50,   
  6.     //time in milliseconds before the marquee will start animating   
  7.     delayBeforeStart: 0,   
  8.     //'left' or 'right'   
  9.     direction: 'left',   
  10.     //true or false - should the marquee be duplicated to show an effect of continues flow   
  11.     duplicated: true  
  12. });  
Read more

2018年10月7日 星期日

洛克人 11 全破心得



睽違很久的新洛克人,從官方釋出消息就開始期待,後來也在第一天就入手。






這次的導入了新的齒輪系統,按 L 鍵可以增強武器威力,按 R 鍵可以加速,不過加速就是周遭的東西變慢,這樣在敵人可以被攻擊的時候開威力增加可以更快打倒敵人,而加速的齒輪打開可以讓在過關或打王的時候比較容易跳或閃過陷阱。

武器方面再拿到特殊武器後,外觀也會改變,算是反致敬 exe 系列,這樣比起只是變色有趣多了,在拿到武器的過場動畫也做的都比以往精緻,動畫過了後還可以讓你測試這個新武器的使用方法。





我覺得在新世代還是有精緻的畫面才是正道,或是像馬力歐奧德賽那樣有些關卡會切換到復古風也可以,9 代跟 10 代變回 8 bit 真的不是很想玩。

難度部分應該是困難而且多了很多新花樣,像彈跳人那關的氣球比起 7 代的彈簧好玩很多,爆破人那關的炸彈陷阱也很有趣,我是為了想早點破關所以選了新手模式,有想挑戰的還有很多種的困難度可以選擇。

劇情上倒滿瞎的,一開始威利博士出現又把萊德的機器人一起都帶走,被打倒後也沒有新梗直接求饒,不過這次萊德博士好像是第一次到威利的城堡,過場動畫都是 3D 的動作也很細緻,都算是在洛克人上玩出新意。

總結來說對於我們洛克人迷來說能夠有新的八大魔王可以看可以玩就很滿足了,畫面上玩起來很開心,也滿希望舊的可以重製成現代風格的樣子,之前似乎有想嘗試但都只有元祖一代跟 X 一代有而已,不知道是不是銷量不好就沒有繼續做下去,也希望這款可以有不錯的銷量讓我們繼續玩到下一代的洛克人或洛克人 X 啊。

Read more

2018年10月6日 星期六

2018年9月29日 星期六

Related Posts Plugin for WordPress, Blogger...