2012年12月26日 星期三
2012年11月24日 星期六
2012年11月2日 星期五
2012年10月13日 星期六
JavaScript-9
今天來看一下Js 資料型態的轉換我們之前有提到Js資料型態的有哪幾種~?
就是數字 Number , 字串 String , 布林 Boolean. 還有Null, Undefined
因為Js是鬆散式的語言,所以我們在做變數值的運算時,Js或自動幫我們做強制型的轉換,也就是說我們如果是 Number + String , 這樣的運算過程下,Js會怎麼處理呢? 因為變數型態還是必須要相同才能運算:
數值和字串相加 Number + String --------> 強制轉換為 Number
字串和布林相加 String + Boolean --------> 強制轉換為 String
布林和數值相加 Boolean + Number-------> 強制轉換為 Number
布林值大家還記得只有True & False 這兩種, 進行轉換的時候 True數值為1,False數值為0.
轉為字串的時候就是"True" 和 "False" 來運算
給個例子大家試試看就知道了:
<script>
var StringTest, intTest, booleanTest ; //宣告變數
StringTest = "三梔阳";
intTest = 100;
booleanTest = true;
output = StringTest+intTest ;
document.write(output+":"+typeof(output)+"<br/>");
// 我們看字串加數值的畫面還有用typeof()函數看轉換的結果
output = StringTest+ booleanTest ;
document.write(output+":"+typeof(output)+"<br/>");
// 我們看布林加數值的畫面還有用typeof()函數看轉換的結果
output = booleanTest + intTest;
document.write(output+":"+typeof(output)+"<br/>");
// 我們看字串加布林的畫面還有用typeof()函數看轉換的結果
</script>
結果為:
三梔阳100:string // 強制轉換成字串所以原數值轉換為"100"字串來相加,顯示類型為string字串
三梔阳true:string //強制轉會成字串所以布林值轉換為"true"字串相加,顯示類型為string字串
101:number // 強制轉換成數值,因為true的數值為"1", 所以 100+1=101,顯示類型為number數值
PS: null 和 undefined 比較少遇到所以就請各位自己嘗試看看囉
下回我們要看流程控制囉!
2012年10月6日 星期六
收獲的一天
今天開始上Unity3D的課(想到也好久沒更新了...@@)，晚上和以前的老師同事吃飯，我覺得收獲很多。第一點是因為Unity3D的課程，授課的老師是中央畢業，待過業界一陣子再出來講課，他授課的方式讓我久久無法忘懷，就是印象很深刻，他教一套軟體很用心很仔細，他不會很死的去講一個物件或是一個Tool該怎麼使用，他會反問然後用他自身的經驗告訴我們這樣用或許不錯，並且用討論的方式來讓我們去深入思考。比如說他再講解Shader的時候，他能夠用很淺顯易懂的方式告訴我並且連貫到像是Mipmaps，Flip和Clear flag的原理，這個是我在書上是學不到的，上課也沒什麼壓力，最主要的是我很久沒有在業界遇到這樣的老師吧，這樣的上課方式也很久沒嘗到了~~所以我覺得即便是上他的課就能融入他所創造的思考領域之中，是一種很棒的感覺。
再者是和以前老師同事的聚餐，老師除了是學校的大學講師之外也是半個業界人，他教網路，自己也接網站，也寫系統和APP。聽他論述他目前的狀況以及對於資訊產業的未來，其實還是有努力的空間，他的網站經營了8年而且不是只有一個，好幾個人要找他合作，投資上千萬的合作案給他，讓人覺得很羨慕也很佩服，他告訴我們其實只要抓到方向並且要有一個正循環，你就會越來越進步。怎麼說呢，他說其實在接案的期間，還是會遇到不會的問題，但你會硬著去學習之後度過了這個關卡這個東西就變成你自己的，再拿到了bonus，成了一個正循環，我相信這不難理解，但是看到這樣的例子而言對自己就是一種期許，也覺得有了一點動力。
所以說，要多出去外面接觸認識各類的人和事物，並且設定好目標，一步一步的走下去，不嫌晚的!
粗心阳和大家共勉之~我應該還不會太老啦....:D
2012年10月4日 星期四
2012年10月3日 星期三
乘著光影旅行的故事
這是介紹一本關於攝影大師"李屏賓"的書。
(圖片 摘自網路)
首先，這是一本書也是一部關於"Mark Lee(李屏賓)"的紀錄片。
紀錄片是源自於兩位導演，書中有詳細的談到，大家有興趣可以翻閱。
我想說的是看完這本書的感想:
李是一名專業的電影攝影師，幫過許多大導演拍戲如侯孝賢,王家衛,張艾嘉,姜文...等。
他是台灣人，在中影工作一段時間再到香港，過著艱苦的攝影學習生活，非科班出身。
何謂光與影? 在學攝影的我最想了解的當然就是這本書可以告訴我怎麼去捕捉光與影，但讀完之後發現這本書比較像是概念的啟發，畢竟此書本來就不是教科書...而是在講李怎麼去拍電影的過程以及他的人生經歷。
我拍攝畫面的時候，只是想表現一個景物依舊、時光流逝、人事已非生命還有希望，一點點光。我們攝影的時候講究器材還有好的被攝物體(景,物,人)，但是你有沒有想過，自己可以動手製造出一個適合拍攝的環境?李就是這樣，他不拘泥要怎麼拍，他可以利用爆米花的反光，濾鏡的調色，大自然的自然光來自由運用。
要做一個攝影師，第一個你要了解燈吧。
不觀察光影，你永遠不容易掌握到好的光影。這些東西就是這樣，你不關心它，它不會是你的。
拍攝的時候，李經過大量的練習，我說的練習包含了技術和人文。他和侯孝賢合作的時候，能夠慢慢的將導演說所的話融入自己的思維再透過鏡頭來拍攝出來，或許一開始不能讓導演滿意，但是後來導演都放給他拍了。你能夠虛心的接納外來的文化並且轉化出好的東西來拍照那你就成功很多了。
李比較喜歡用大光圈的拍攝方式，他注重的是拍攝的內在，也可以說他已經把拍攝的場景，人物和故事都融合在一體來拍，不特別拘泥要很清晰要對焦準確，他說要"Focus inside"就是我們要對焦的地方是內部的東西。好比你要拍暗，那麼他可以給你暗部中還有暗部，他能夠表達出他想要的層次的感覺，又那麼的自然。
他的心很細，但是卻不會拘泥，可以說他是一種非常具有彈性思考的人。他的態度更不用說，他說他不會讓自己太飽，這樣會太鬆懈，拍不出想要的。他堅持不讓攝影助理掌幫他掌鏡，他要自己透過攝影鏡頭去看。即便拍完了一段，他也不會休息，他會一遍又一遍的檢視，他甚至會幫導演想辦法拍出更好的畫面。
我們喜歡去現場看，然後去進行，而不去說那個代表了什麼很深，很重的含義，讓你多麼難過什麼的。我從來不談那個，只是想著，怎麼在影像中找到文字裡面的魅力，然後可以傳達文字裡面的想像給大家。如果影像可以文字化，影像就會像一幅畫，畫裡面有一首詩，同樣的意思可以延伸...
最重要的是我們要用心去拍攝，要多觀察大自然還有身邊的景物，多加的利用，在這個同時你一定會有所進步和提升。
最近我也有所領悟的是，不一樣的相機給你不一定你就會拍，那是因為你沒有用心去了解你手上的東西，拍出來的影像要能言之有物，光靠感覺是不行的，感覺是建構在你已經累積了無數經驗和努力展現出來的一瞬間，所以技術累積很重要，用心感受也很重要。
2012年10月1日 星期一
超現實-黑白攝影
來自克薩斯州奧斯汀的攝影師"Eddie O’Bryan"拍攝的黑白攝影
( 來源 / http://www.eddieobryan.com/)
這是黑白攝影才能做到的感覺，或是說黑白攝影能夠表現出它獨特超現實的味道。
2012年9月27日 星期四
幸福洋果子店
(圖片/摘自網路)
導演: 深川榮洋編劇: 稻垣清隆/ 深川榮洋/ Hiroko Maeda
主演: 江口洋介 蒼井優
/ Cynthia Cheston / 江口德子/ 戶田惠子/ 加賀麻理子/ 佐佐木澄江/ 尾上寬之
類型: 劇情
官方網站: www.coin-de-rue-movie.com
製片國家/地區: 日本
語言: 日語
上映日期: 2011-02-11
又名: 幸福洋果子(台) / 洋果子店Coin de rue / 洋果子店
Feel Of Film :
可看！而且可以看兩遍。
劇情: 是一部感動溫馨的片子。劇中描述一個傳說級洋果子師傅和一位什麼都不會的鄉下女孩北上東京之後來到了"幸福洋果子店"工作發生的一連串故事。
畫面: 我覺得很細膩和有質感，甜點蛋糕都用特寫來描繪製作過程很漂亮，運鏡方式也很自然。
音樂: 背景音樂都非常的好聽，使用輕鬆愉快的方式穿插，沒有什麼大爆發，很溫很暖，又覺得深入內心。
角色: 江口洋介還是非常的會演，自從我看他演過白色巨塔(日劇)的醫生就有他獨特的風格，這次演傳說糕點師也很適合他，裡面他把憂鬱和痛苦到轉換面對現實都有他自己演出的方式，蒼井優我是第一次看她演戲，我覺得她把劇中角色詮釋的蠻到味的，是個很自然的女生，很可愛。
心得: 看完這部片子，我想導演想讓我們體會幸福的感受，也希望我們遭遇到困難的時候能夠把自己的心情給好好的發洩出來，並且能夠站在別人的立場去看待對方。每個人都有自己的故事，只要你能夠好好面對自己以及面對現實，慢慢的你一定會過得很幸福。
2012年9月22日 星期六
JavaScript-8
12. 指定運算子
+=: X+=Y ---> X=X+Y 數值相加或是字串連接
-=: X-=Y ---> X=X-Y 減法
*=: X*=Y ---> X=X*Y 乘法
/=: X/=Y ---> X=X/Y 除法
%=: X%=Y ---> X=X%Y 餘數
<<=: X<<=Y ---> X=X<<Y 位元左移Y位元
>>=: X>>=Y ---> X=X>>Y 位元右移Y位元
>>>=: X>>>=Y ---> X=X>>>無符號 位移Y位元
&=: X&=Y ---> X=X&Y 位元AND運算
|=: X|=Y ---> X=X|Y 位元OR運算
^=: X^=Y ---> X=X^Y 位元XOR運算
------------------------------------------------------------------------------------
運算子的部份就到一段落了..下面我加一些其他沒講到的部份.
x++ , ++x : 這兩個是不同的運算方式,x++就是x遞增運算,所以第一個還是x,但++x是會先進行算,這點請注意.
逸出字元 : 有些符號我們要特別處裡它,因為鍵盤中有些符號我們是必須要經過特別處裡才能顯現出來的,這些字元就叫做逸出字元. 我們可以立刻想到使用字串的時候我們不都會加 " " , 這個時候若是我想要顯示出來這雙引號該怎麼辦呢?
\b : Backspace鍵
\f : FF, Form feed
\n: 換行
\r: Enter鍵
\t: Tab鍵
\': ' 符號
\": "符號
\\: \ 符號
我們可以利用指定的方式來給變數值,或是運算,也可以用比較簡單簡潔的方式來作運算如下範例:=: X=Y 指定敘述
+=: X+=Y ---> X=X+Y 數值相加或是字串連接
-=: X-=Y ---> X=X-Y 減法
*=: X*=Y ---> X=X*Y 乘法
/=: X/=Y ---> X=X/Y 除法
%=: X%=Y ---> X=X%Y 餘數
<<=: X<<=Y ---> X=X<<Y 位元左移Y位元
>>=: X>>=Y ---> X=X>>Y 位元右移Y位元
>>>=: X>>>=Y ---> X=X>>>無符號 位移Y位元
&=: X&=Y ---> X=X&Y 位元AND運算
|=: X|=Y ---> X=X|Y 位元OR運算
^=: X^=Y ---> X=X^Y 位元XOR運算
------------------------------------------------------------------------------------
運算子的部份就到一段落了..下面我加一些其他沒講到的部份.
x++ , ++x : 這兩個是不同的運算方式,x++就是x遞增運算,所以第一個還是x,但++x是會先進行算,這點請注意.
逸出字元 : 有些符號我們要特別處裡它,因為鍵盤中有些符號我們是必須要經過特別處裡才能顯現出來的,這些字元就叫做逸出字元. 我們可以立刻想到使用字串的時候我們不都會加 " " , 這個時候若是我想要顯示出來這雙引號該怎麼辦呢?
document.write ("Hello JavaScript!"); ---> 顯示: Hello JavaScript!有看到我使用了 \ 這個符號,在加上我們要顯示的字元就行了:
document.write ("\"Hello JavaScript!\""); ---> 顯示: "Hello JavaScript!"
\b : Backspace鍵
\f : FF, Form feed
\n: 換行
\r: Enter鍵
\t: Tab鍵
\': ' 符號
\": "符號
\\: \ 符號
2012年9月17日 星期一
JavaScript-7
我們接續 JavaScript-6 邏輯運算子10.比較運算子
==:等於
!=:不等於
>:大於
<:小於
>=:大於等於
<=:小於等於
以上的運算子我們可以用下列程式看結果為True or False:
EX:
<script>
document.write(3>2); // 我們把比較運算子代進去
</script>
比較運算子比較容易了解也很常使用喔!
--------------------------------------------------------------------------
11.位元運算子
~: 就是 "Not" (參考JavaScript-6)
<<: 左移
>>: 右移
>>>: 無符號右平移
&: AND
^: XOR
|" OR
這節比較難,大家可以先了解一下什麼是二進位? 簡單解釋的話一般我們使用的1~10阿拉伯數字就是所謂的十進位,因為是以十個數字作一次進位,如1~10下一個就是11了. 那二進位就是以兩個數字來做進位,我們目前是以0 和 1 來做二進位的進位方式,因為目前電腦儲存資料的方式設計成0和1的進位系統來做設計或是運算.至於二進位怎麼算呢? 我們要先有個基本概念電腦目前儲存資料的單位是什麼? 有 bit, byte , kb , MB , GB ,TB...等. 而一位元組等於八個位元--->也就是說
1 byte = 8 bit. 所以我們電腦最小的儲存單位就是一個位元bit,而一個位元組等於八個位元.
所以通常我們再計算二進位或是其它進位的時候會寫成8個0:
二進位系統:00000000---> 進一位--->00000001--->再進一位------->00000010
其它還有8進位和16進位等,詳細的進位運算大家可以google一下,在這邊就說到這裡~
~: 如果a=0,~a=1,b=1,~b=0
------------------------------------------------------------------------
<<: 如果a=3--->換算成二進位--->11,所以如果a=3(11) << 2的話呢?
11
左移: 1100
所以左移2之後的a的二進位會是1100也就是十進位的12.
------------------------------------------------------------------------
>>: 和左移一樣,假設a=2(10)--->我們右移1,也就是 a>>1---> 得到結果 a=1 (1)
------------------------------------------------------------------------
>>>: 這是屬於邏輯位移的部份,
8的二進位:100
8>>>1: 010 等於2,看到紅色的0,只要是右移之後我們就補0上去~,所以沒有<<<邏輯左平移喔!
------------------------------------------------------------------------
&: 如果是a=1,b=3 那 a & b = 1.
a的二進位: 01
b的二進位: 11
我們可以用乘法的概念來看, 0 x 1 = 0 , 1 x 1 = 1 所以我們知道 a & b = 1.
------------------------------------------------------------------------
^: 如果是a=1,b=3 那 a & b = 1.
a的二進位: 01
b的二進位: 11
我們用一個口訣來看就可以,"相同為0,其餘為1" 所以 a ^ b = 2 (10).
------------------------------------------------------------------------
|:如果是a=1,b=3 那 a & b = 1.
a的二進位: 01
b的二進位: 11
我們可以用加法的概念來看, 0 + 1 = 1 , 1 + 1 = 1(都算1) 所以我們知道 a | b = 3(11).
------------------------------------------------------------------------
2012年9月11日 星期二
JavaScript-6
我們接續JavaScript-5 算術運算子9. 邏輯運算子
&& : "且"
|| : "或"
! : "非"or "NOT"
一.
<script>
var a = 5 ;
if (a>4 && a>2)
{
alert ("a>4為true,且a>2為true,所以會彈跳這個視窗");
}
</script>
這段程式碼是說必須在&&兩邊的物件都必須為True時才會成立.
---------------------------------------------------------------------------------------------
二.
<script>
var a = 5 ;
if (a>4 || a>2)
{alert ("因為a>4為true,或a>2也為true,所以會彈跳這個視窗");}
</script>
這段程式碼是說在||兩邊的物件只要有一個為True時就會成立.
---------------------------------------------------------------------------------------------
三.
<script>
var a = !5 ;
if (a != 5)
{alert ("True");}
</script>
這段程式碼是說在 " !物件 " 這樣的表達形式會讓 結果True變成False, False變成True.
---------------------------------------------------------------------------------------------
特別注意的是Js在做邏輯運算的時候是用布林來判斷~~大家記得boolean 就只有兩個值---> True & False.
規則如下:
- 所有的物件我們都視為 True
- 如果字串是空,那字串會被視為 False
- null 和 false 都會被視為 False
- 如果數字為零,則該數字為 False
EX:
<script>
var a =0 ; // var a =1 ; //第四個規則
if (a)
{alert ("True 才會彈出視窗,a=0是沒有任何反應的");}
</script>
EX2:
<script>
var = 5; // var = "粗心阳"; //第一個規則
if (a)
{alert ("a 視為一個物件,為True");}
</script>
以上請各位試試看有什麼結果,並且自己可以測試一下規則看有什麼變化會更容易理解喔~~
2012年9月9日 星期日
一日一日有心者,事竟成
這是關於一個粗心者有點改變的紀錄片感想篇
粗心阳和大家分享:
你的煩惱來自於你的思考,若是腦袋一片空白就什麼煩惱都沒有...可是一個正常人怎麼可能不去思考呢,你要活得精彩反而要有好的思考.
不難,改變自己的思考,讓自己走上正軌,讓自己過得像個正常人,你可以痛快的享受這個人生...!
"關於改變" 談何 容 易?以前我也是一堆事情自找煩惱,也常常半途而廢...不過...有一天粗心阳,改變了自己的飲食習慣,我不吃宵夜了,我盡量早點睡了(這篇發文時間是佛心來的!),一個星期至少運動個一次,我有個固定的課程去上,我自發性的給自己個目標去實行...
最最重要的是 我持續的做著...以上改變習慣的事情
然後認真的去思考每個關於你做出來的事情,人家會怎麼看你可以讓自己過得開心~
直到現在,我有了改變,我沒那麼混,沒那麼粗心了,做事情比較順利了喔!係金ㄝ!!
連我都行了,大家一定沒問題的~
以上希望初心者們,若是你真的過的不順利,可以參考我的寫實紀錄...我相信會有幫助
ps:有機會我會告訴大家我以前是很衰的,但是跌倒就要爬起來;D
2012年9月6日 星期四
2012年8月25日 星期六
很美的耳朵
時尚攝影師 Matthieu Belin 為 LIFE 雜誌拍攝的時尚攝影專題〝Chengdu Summer Breeze〞以成都的夏日涼風為主題。
(圖篇摘自"城市美學的新態度"網站)
好像耳朵...!看到這張相片的第一印象,就想轉過來給大家猜猜看這是什麼東西~
2012年8月23日 星期四
2012年8月10日 星期五
JavaScript-5
上一章Js變數學完之後開始學習運算的部份8.算數運算子
一. 如同我們所做的四則運算 "加減乘除" ,當然也是先乘除後加減的算術規則喔!
EX:
<Script> var a = 10; var b = 5;document.write(a+b); </Script> // 結果為 15
<Script> var a = 10; var b = 5; document.write(a-b); </Script> // 結果為 5
<Script> var a = 10; var b = 5; document.write(a*b); </Script>// 結果為 50
<Script> var a = 10; var b = 5; document.write(a/b); </Script> // 結果為 2
請注意程式碼內的運算浮號 : + - * /
二. 在Js內如果用算數運算的方式來處理 數值 + 字串 的話 系統會怎麼幫我們判定呢?
EX:
<Script> var a = 5 ; var b= "是初心者" ; document.write(a+b); </Script> // 結果是5是初心者!!
所以當數值和字串放在一起時顯示的都會變成字串喔! 而且必須要用 + 號來做連接,若是使用
- * / 符號來進行是不行的,那又會回傳什麼呢? 請初心者們自己試試看~
三. 那如果我們只是要顯示出+ - * / 符號呢? 我們可以這樣表示
EX2:
<Script>
var a = 5 ;
var b= "是初心者";
document.write("我想要顯示:" + a + "-"+ b); </Script> // 我想要顯示:5-是初心者
1. 利用"" 符號將 - 號變成字串
2. 利用+ 符號進行連接字串變數
所以我們可以利用 + 號的方式來做連結 ,連結字串或是數值,這很常用喔!
----------------------------------------------------------------------------------------
其他的算數運算子還包含:
++ : var a = 10; a++; document.write(a); // 遞增增算,結果為11
-- : var a = 10; a--; document.write(a); // 遞減運算,結果為9
% : var a = 10 ; document.write(a % 3) ; // 餘數為1
以上!! 請大家務必自己寫寫看並練習各種運算~
2012年8月3日 星期五
JavaScript-4
我們接續JavaScript-36. 變數
變數可以當作是一種暫時儲存我們所賦予值的容器,藉由我們定義的變數類型來給容器一個值.我們可以想像如果我們有一個容器裡面裝酒,酒就是我們給的值~然後容器就是酒瓶了. 如果有一堆文件放在一個容器,那一堆文件就是值,容器我們就可以當作是文件夾了.
這樣個概念承接下去我們就必須要定義好這個容器是可以放什麼值的,所以我們會定義這個容器屬於什麼類型.
其實定義好容器(變數)比較好使用程式,不然程式碼落落長,沒有變數可以宣告那程式碼就會變得冗長和混亂了. (下面就正式開始吧~)
------------------------------------------------------------------------------------------------------
在Js的變數命名是很直接的,若是你有接觸過其他如Java or C語言(強類型語言)就知道不太一樣,Js不需要定義宣告類型,他是一種弱類型的語言,我們直接對對變數加上var宣告且賦予值就可以了.
var 變數名 = 值 ; //開頭加上var ,將我們的值賦予我們定義的變數名
ex: <script>var a =10 ; alert (a) ; </script> // 這小段程式碼執行就會彈出"10"
至於我們可以不可以不要加" var "呢? 在Js答案是可以的,像是 a = 10 ; 可這樣代表你並沒有宣告此變數,只是給a一個值為10,屆時如果想要用if條件來查詢此變數是否存在就會有程式碼執行的問題,所以請各位都加上var來宣告變數.
7.數據的類型
- Number: 包含整數,浮點數(小數),double // 比如說宣告 var a = 2; 系統就會自動幫我們判別這是int整數,但是若在Java的話,我們要使用" int " 這個整數型先進行宣告, 也就是說若你用 int a = 2.2 ;就不行了,因為2.2是浮點數.
- String: var a = "你好嗎"; or var a="abc"; 在雙引號""裡面的就是字串
- Boolean 布林: true or false
- Object : 包含 object 物件 和 array 陣列 ,Null
- Undefined : 沒有宣告變數
在這裡可以請大家用一個函數function進行測試 typeof( ); 這個函數可以讓你知道你所宣告的變數數據是什麼類型,比如說我們可以用以下兩種方式來測試:
1. var a = "abc"; alert (typeof(abc));
2. var a = 5; alert(typeof a ==='number');
然後執行程式碼之後就會彈出一個視窗告知你是什麼數據類型,像上面的第一個範例就會顯示 string. 第二個範例會告訴妳為true.
各位可以再自己試試看各式各樣的值來知道是屬於什麼類型的數據.
2012年7月27日 星期五
2012年7月26日 星期四
JavaScript-3
Js 基礎介紹:1.輸出的類型: 上一節提到alert(""); 這個函數功能,Js有兩個輸出的類型為
- alert(什麼類型都可以,像是字串或是數字);
- document.write("字串");
2. 語法: Js命名的規範:
- 以字母、底線 (_)、美金符號 ($) 開頭
- 變數開頭不可以為數字
- 變數命名一定要有意義: 不管debug或寫code這都是一種好習慣,請務必遵守
- 變數名稱不能是系統的關鍵字,像是Date,if...
3.區分大小寫,Js變數名和函數是有大小寫之分的:
- 一個變數名"aaaBbbCcc"
- 函數的部份,像是getElmentById();
都是第一個單字小寫,之後的單字第一個字首都大寫(不過變數命名還是看自己的意思,這些都
建議的好習慣寫法)這種命名方式就是所謂的駝峰式寫法.
4. 分號:
- 一個函數 function ( ){ }此類結構式的函數我們在後面可以不加分號;
- var a = 10; 此類功能性的變數後面就必須加分號
5.註解: 我們在寫程式語言的時候因為
- 為了日後的觀察: 假設你不會天天碰同一個case,當你久了之後再回來看註解就很重要
- 共同開發的案子: 每個人寫code習慣可能不同,加上註解可以幫忙理解
在我們寫Js語法之後可以加上註解,比如說
var a=10; // 將值為10放入定義變數a---> //為單行的註解
/*
<html>
....
<script>var a=10;</script>
....
</html>
*/
/* */ 為多行註解
UNITY3D-4
延續上一章UNITY3D-36.我們點選紅色框選取部分
可以發現紅色框選取下拉的功能:
當按下後場景內會顯示:
Texture:材質
Wireframe:網線結構
Tex-wire:材質-網線
Render Paths:渲染方式
Lightmap Resolution: 光照圖重製
Light Probes: 光點探照
-------------------------------------------------------------------
RGB:三原色
Alpha:透明
Overdraw:輪廓
Mipmaps:3D貼圖內一種三線性的貼圖表現
此三個功能依序按下後為 : 打開Skybox效果 ,打開Fog效果,打開Lens flare等效果
2012年7月23日 星期一
UNITY3D-3
UNITY3D 介面介紹
1.下圖由紅色框包圍起來的:這包含了移動場景(Scene),移動物件,旋轉和比例放大物件四個功能.(移動場景,Move,Rotate,Scale objects.)
2.下圖是由紅色框包起來的有四個功能:Pivot Local & Center Global.
Pivot:以選取到的物件內活動支點來進行旋轉移動等功能,再按一下之後功能會變成Center
Center:以選取的物件為中心進行旋轉或移動
Local:以物件本身為坐標,再按一下變成Global
Global:以世界座標為坐標
3. 下圖由紅色框包起來的就是執行遊戲,遊戲暫停,遊戲單格前進.
4.下圖由紅色框包起來的兩個功能為
A.Layers: "層",用來標籤元件,像是Camera,我們可以標籤他為一個名字叫做"Player",當你建
立一個遊戲物件的時候你可以選擇使用Player標籤進而我們可以設定各種參數讓自己快速
去區分.
B.Wide:工作列的表現方式,有"2by3" ,"4 split" , "Tall" , "Wide"四種模式,也可以自己預設
一開始的工作列模式也可按"Revert Factory Settings"來回到Unity3D的預設值,大家可以
自己試試看.
6.下圖由紅色框包起來是用來設定我們場景(SCENE)內的環境像是透明度,貼圖,格線,結構,打燈
光,加入背景,加入聲音等等
2012年7月19日 星期四
JavaScript-2
Js 這套語言,對粗心阳來說還是需要有Html的基礎來學習會比較好,所以希望初心者們能夠對於Html的語法有一定的認識再來看Js.我推薦以下兩個網站給大家認識會比較快
我簡單介紹一下Html的語法:
大家可以先隨便找一個網頁打開來,不管是用什麼瀏覽器開如IE,chrome,firefox,safari.接著對網頁空白處按右鍵後再點選"檢視網頁原始碼"就可以看見此頁面網頁的Html語法構成如:
<html>
<head>
<title>網頁標題</title>
</head>
<body>網頁顯示出來的內容</body>
</html>
這就是網頁基本構成語法,要記得都需要成對標籤如<html></html>來做結尾.
要特別說的就是若有Js在網頁內的話會發現有這段語法:
<script type="text/javascript"></script>
這段語法其實只要放在<html></html>內就會在網頁中執行,像將這段語法放在<body></body>內或<head></head>內也會執行,可是要注意的執行有其順序,也就是說Js語法會從上至下照順序執行,而且每段的Js都有其關聯性.而我們能不能把Js語法放Html標籤裡面呢?如下像<body <script type="JavaScript/text"></script>></body>,當然這是不行的,因為這就違背了Html的標籤原則(但PHP語法是可以的).
JS語法還可以這樣寫
- <script language="JavaScript" type="text/javascript"></script>
- <script language="JavaScript"></script>
- <script></script>
也就是說我們可以有以上包含<script type="JavaScript"></script>四種寫法可以用來執行JavaScirpt檔案
-------------------------------------------------------------Js 現學現賣從上提到Js的語法可以有幾種形式表現,目前我就以<script></script>來預設此為Js語法.<script>alert("My first JavaScript");</script>這就是一個簡單的Js語法,其功能就是當你開啟網頁時自動彈跳出來的小視窗寫著"My first JavaScript". 不過請大家可以自己嘗試看看,這裡推薦兩個好用方便的程式編輯軟體
- NotePad++ http://notepad-plus-plus.org/
- Pspad http://www.pspad.com/
這兩款都請各位下載來安裝並親自操作撰寫Js語法後進行網頁的預覽.所以大家可以輸入<html><head><title></title></head><body><script>alert("My first JavaScript");</script></body></html>之後進行預覽就可以看見彈跳視窗寫著"My first JavaScript",不過請注意預覽的檔案要是網頁Html檔案才行,也就是說您要預覽的檔案副檔名要是htm,html即可.以上是讓大家先立刻現學現賣,下一章我們從基礎開始好好講起.
2012年7月18日 星期三
UNITY3D-2
UNITY基本介紹目前請大家到官方網站http://unity3d.com/unity/download/下載好免費軟體(目前為3.5.4 VERSION)
並且進行安裝後請開啟UNITY3D.
在執行軟體時自動打開.底下可分為四個區域
2.我們可以試著先玩玩看這個遊戲,大家在圖片中可以看見一個一個紅色的箭頭指著執行遊戲,
按下就可以玩遊戲了,不用擔心亂按或是對PROJECT有什麼影響,盡情的去玩.
3.再來是我們要知道PROJECT的位置儲存在什麼地方,因為UNITY除了可以用工具選單(紅色箭
頭)處的FILE來點選進行"New Project" or "Open Project"的"開啟新專案
或"打開專案"之外,也可以利用檔案複製貼上的方式貼到Project的資料夾內進行專案或是資
源的匯入,這在之後會說明,請大家先知道這個部分.
4.所以請點選"Open Project".會出現以下畫面,我們就能知道您Project的路徑在哪兒.
5. 請各位到您Project存放的資料夾,我們以官方給的"AngryBots"為例子,可以發現會有三個基
本的資料夾"Assets","Library","ProjectSettings",我們可以點Assets資料夾進去會發現裡面
的資料夾檔案和會和Unity3D介面中的Project(紅色箭頭)內的資料夾檔案一模一樣~這代表每
個Project都會包含Assets資料夾,而Assets資料夾內可能會有材質,物件,程式腳本等檔案.
6.OK,那我們就知道Project或是遊戲的資源(Assets)可利用這樣的方式去手動處理檔案.為什麼
我們要先知道呢,因為之後妳會發現若是你用Unity3D的功能選單"Asset"-->Import Package(匯
入資源包) 和我們用手動的方式拉到Project的狀況會不太一樣,大家可以試試看^^
7.下回我們再慢慢看一下Toolbar吧!
TALK
初心者LV.2
最近一個月沒有po板，除了私事之外，粗心阳也把2010年出版的UNITY3D遊戲開發設計學院這本書看完了~(今天開始恢復進度!)最近發現英文真的很重要,光是看UNITY3D官網的文件要用到的英文和釋義就要花不少時間! 除了自己是初心者對於專業不懂之外真的要花更多的心力去學習! 大家注意到我已經看完這本書變成LV.2了,這種能夠好好看完一本書感覺不錯,所以讓自己升級了!
關於UNITY3D遊戲開發設計學院此書對於初心者可以說是非常的好上手，粗心阳認為想要對UNITY3D有基本認識的初心者們可以拿過來學一下! 可以試試看這本書，內容不難，各方面的基本常識都有介紹到,雖然說是2010年的版本可能裡面有些UNITY3D的介面選單不太一樣(一點點而已),但還是會帶你做個全盤的基本介紹!就連我這個粗心者都能看完了!GO AHEAD!
2012年6月14日 星期四
JavaScript-1
Js-JavaScript 粗心阳想學Js-JavaScript以下簡稱Js.
Js是一種不需要編譯器且能直接修改其程式碼後,在網頁上執行就可立刻看到成果的腳本語言.而像C或C++就需要編譯器才能在電腦上執行.(因為電腦有其認識的電腦語言,一般我們用C或C++寫出的程式碼電腦是看不懂的,所以需要編譯器轉換成電腦認識的語言才能執行)
Js是一種動態式的腳本語言(ScriptLanguage). 而且需在瀏覽器上面才能執行喔,也就是說我們一般上網看到的網頁是用HTML寫出的靜態網頁,而加上Js之後呢,就能有動態互動式的網頁效果了. 比如說
Js是一種不需要編譯器且能直接修改其程式碼後,在網頁上執行就可立刻看到成果的腳本語言.而像C或C++就需要編譯器才能在電腦上執行.(因為電腦有其認識的電腦語言,一般我們用C或C++寫出的程式碼電腦是看不懂的,所以需要編譯器轉換成電腦認識的語言才能執行)
Js是一種動態式的腳本語言(ScriptLanguage). 而且需在瀏覽器上面才能執行喔,也就是說我們一般上網看到的網頁是用HTML寫出的靜態網頁,而加上Js之後呢,就能有動態互動式的網頁效果了. 比如說
在這邊提醒初心者們
- 動態的文件內容--圖片或網頁內容
- 更改HTML標籤的樣式和屬性
- 表單驗證和送出---就是我們在網頁上看到的訂位系統或是留言
- 網頁的觸發事件或---像是我們一進入這個網頁就跳出一個視窗說"歡迎你!"
- 建立Web應用程式---這個先不理,先學好基本的再解釋
其實到這邊大家可以想一下Js簡單來說就是讓HTML更豐富的一個好用的程式碼,而且在各大的瀏覽器像是IE,Fire Fox,Safari,Chrome,Opera等都能執行~!
- JavaScript 不是 JAVA程式語言
- JavaScript 程式碼是內嵌在HTML網頁內
- JavaScript是一列一列可執行的程式碼
秘(重點是Unity也派得上用場了)
2012年6月13日 星期三
UNITY3D-1
粗心阳想學 Unity 3D,
一套用來開發3DGAME的軟體,目前可以應用在PC,PS3,XBOX360,WII,ANDROID SYSTEM,IOS,Mac OS眾多平台. 也能夠在網路上面發布遊戲,意即線上遊戲。
顧名思義,想玩3DGAME代表你需要會一些基礎的3D繪圖和建模的認識~
(你問我會嗎? 這在初心者世界裡面是沒意義的問題,但是請大家多多一起研究和提供資訊~)
程式語言是以JAVASCRIPT&C#來撰寫(粗心阳正在學Js)
官網可下載免費主程式:另有一 Pro版本功能較多但需要收費.
http://unity3d.com/unity/download/再介紹兩個網站給初心者們:
http://game.ceeger.com/
http://forum.mirax.com.tw/unity/index.php
想碰UNITY3D是因為自己也愛玩遊戲所以會有做遊戲的夢.
UNITY3D 因為我是第一次接觸,看完了網路上的介紹之後,建議給想要接觸UNITY3D初心者們,就是您大可去借一本相關的書籍先認識不用看太多網路上的教程,因為我認為這比較有系統的學習.(因為我就是看了網路上的文章和教程,覺得看書比較實在!)
推薦給初心者們的書
2010Unity 3D遊戲開發設計學院 ->粗心阳目前借到這本好用再跟大家說
2012全民做遊戲-Unity跨平台遊戲開發寶典(附範例DVD)
2012Unity 3D 網路競速遊戲設計(繁體中文版)中文版本似乎就這三本! 希望大家也可以多利用圖書館來借閱!
2012年2月12日 星期日
人人心中都有一部微小說』徵文活動
在世界毀滅前，我用最後一口氣讀了一部小說。
灰姑娘的姊姊動縮腳手術來爭奪王子的愛；
狼人鼓足勇氣去看牙醫；
試圖與冥界溝通的靈媒收到錄音訊息。
不管你想聽蚊子如何描述失眠症，
或是公主吻了青蛙之後發生了什麼事，
讓我用140個字的時間為你朗讀一篇微小說。
訂閱：
文章 (Atom)