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-3
6.我們點選紅色框選取部分

可以發現紅色框選取下拉的功能:

當按下後場景內會顯示:
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 介面介紹
Toolbar:
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的預設值,大家可以
        自試試看.


5.下圖由紅色框包起來的就是場景Scene和遊戲畫面Game的切換



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". 不過請大家可以自己嘗試看看,這裡推薦兩個好用方便的程式編輯軟體
 這兩款都請各位下載來安裝並親自操作撰寫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.

1. 開啟後看見畫面,可以看見已經有一個基本的PROJECT被打開了,這是官方製作的遊戲,他會
    在執行軟體時自動打開.底下可分為四個區域



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!