Loser X Programmer

2017年11月27日星期一

AR NPC：Patrol

讓NPC自動巡邏的Script

https://docs.unity3d.com/Manual/nav-AgentPatrol.html

https://www.youtube.com/watch?v=M6zFKfF4gOE

須先安裝最新的Unity, Vuforia

目前找到最快速有效的手法

新增Shader用的code如下：
＝＝＝＝＝＝＝＝＝＝
Shader "UnlitShadows/UnlitShadowReceive" { Properties{ _Color("Main Color", Color) = (1,1,1,1) _MainTex("Base (RGB)", 2D) = "white" {} _Cutoff("Cutout", Range(0,1)) = 0.5 } SubShader{ Pass{ Alphatest Greater[_Cutoff] SetTexture[_MainTex] } Pass{ Blend DstColor Zero Tags{ "LightMode" = "ForwardBase" } CGPROGRAM #pragma vertex vert #pragma fragment frag #include "UnityCG.cginc" #pragma multi_compile_fwdbase #include "AutoLight.cginc" struct v2f { float4 pos : SV_POSITION; LIGHTING_COORDS(0,1) }; v2f vert(appdata_base v) { v2f o; o.pos = mul(UNITY_MATRIX_MVP, v.vertex); TRANSFER_VERTEX_TO_FRAGMENT(o); return o; } fixed4 frag(v2f i) : COLOR{ float attenuation = LIGHT_ATTENUATION(i); return attenuation; } ENDCG } } Fallback "Transparent/Cutout/VertexLit" }
＝＝＝＝＝＝＝＝＝＝

2017年10月17日星期二

如何用PHP匯入XML檔案到MYSQL資料庫中

＊這是一個有附原始程式碼的教學網站

＊若有比較多層包資料的XML檔，參考這個Stackoverlow問題
＊另一個問題參考，比較像我現在的工作需求

2017年9月8日星期五

PHP MYSQL 會員登入/註冊系統的網頁建立

PHP MYSQL 會員登入/註冊系統的網頁建立

我是從這個網站學的，裡面的code有一點bug，
加上現在使用較新的mysqli，新的code附在下面：

註：要先建立一個叫做member的會員資料table，才能供登入新增。
table欄位：id, name, email, password, nick

2017年9月1日星期五

寫得很好的前端programming教學

以下筆記了好用的線上教學資源，都能夠從讀者角度寫出貼近學習者心理的教學，並且每個步驟都有附程式碼，好學易懂。

No More Cowboy Coding: Improving Your WordPress Workflow
增進WP的整體作業思維，讓開發更有效率。

應用Git的Wordpress網站開發流程
非常詳細的文章，解析一個WP網站開發如何使用Git，適合剛開始開發網站的人員，
建立或反省自己工作模式的好參考。

www.codeofaninja.com
從這個網站學到：從FB連結相簿嵌入顯示在網頁
他還有教：Bootstrap、PHP、AJAX 等等

Tania Rascia
從這個前端設計師的個人網站教學學到：把靜態網站轉為Wordpress的Theme
個人的轉職發展紀錄值得一讀。

把網頁元件置中

非常簡單好用的code

#wrapper {
  background-color: green; /* for vizualization purposes */
  text-align: center;
}
#yourdiv {
  background-color: red; /* for vizualization purposes */
  display: inline-block;
}

<div id="wrapper">    
    <div id="yourdiv">Your text</div>
</div>

來源發問串：stackoverflow

Photo Gallery，採用背景圖片的方式，各種縮圖的呈現調整

(參考Stackoverfolw討論)

找到該元件的html，然後修改它的css style

body {
    margin:0;
    padding:0;
    position:relative;
    background:url(../images/imgs/backgrnd.png) no-repeat;
    background-size: [參考下列方式] ;
}

無調整
照片100%置放，通常會整個超出外框顯示

方法一：
background-size: 100% 100%;
照片不維持原比例，依據外框的長寬伸展到邊緣，沒有被切圖

方法二：
background-size: contain;
照片維持原比例，自動 fit in 外框，同樣沒有切圖，但是內部會留白邊

方法三：
background-size: cover;
overflow:auto;
照片維持原比例，會自動resize依據外框的短邊，長寬多出的部分切掉

2017年11月27日 星期一