2015年9月30日 星期三

AutoCAD學習之路-Day25

  放了三天連假加一天颱風假,上午教的是ACU的考古題解析,聽得我懶洋洋的,下午上的是標註線,我完全沒心思在上課,滿腦子想的是既然這個職訓班無法為我帶來保證的工作機會,那麼上完課程後,我要怎麼辦?

2015年9月28日 星期一

職訓課程資料網站完成

  雖然是有一搭沒一搭的做,但終究是做好了,前後花了一周時間,平均每天兩到三小時,克服了幾個javascript的問題後,大多的時間都在網頁資料的填寫上,這次的初版採用的是靜態網頁的做法,所以每一頁都是實際存在的頁面,等有空時再來考慮改成動態式的網頁。

  當然我也不期待職訓班的同學會有多麼大的熱情在使用這個網站,對於一半以上對電腦的基礎知識不足的學員來說,如何連上網頁都是個問題了,這個網頁比較多的成份是自己的一個練習,學習任何事,最重要的就是練習,熟練會帶來自信,自信可以加強堅定,如此而已。
  
  http://mack.dlinkddns.com
  這個網站是有期限的,原則上課程結束後一個月我就會關站,或改放其它的內容。



2015年9月27日 星期日

iFrame 自動調整高度

  最近在做職訓班網頁的過程中,又遇到了iframe自動高度的問題,回頭去看自己幾年前的作品,發現當時的解法並不適用目前的個案,所以又上網找了一下,結果前後試了五六種解法,都無法完美的解決我的問題,而且這些解決都是三四年前或更久的年代的解決,新版的瀏灠器己經不支援了。

  最後我自己想到一個解法,也是意外試出來的,原本我是想利用把網頁中的圖片高度找出來,然後把這個高度傳給上一層主頁面的iframe去變更,試了之後竟然成功了,這表示給定值是可以的,但是如果是用document.body.scrollHight之類的語法,似乎很多瀏灠器現在不支援了,於是我在吃了一頓中秋晚餐後,想到了如果把頁面內容包在一個Div中,是不是可行?於是試了一下,發現改成document.getElementById("XXX").clientHeight後,的確是可以正確抓到內容的高度,不過這個方法沒法動態去調整iframe的高度,也就是說視窗有變化時,高度不會變化,不過我這次的個案也用不到動態調整就是了。

  完整語法如下:
<script type="text/javascript">
function reSizeFrame(){
parent.document.getElementById("mainframe").style.height=document.getElementById("ContentWrapper").clientHeight+40+'px';
}
</script>

然後在<body>的地方加上onload="reSizeFrame();"就可以了,你也可以直接在script語法中直接下window.load=reSizeFrame();反正要在內頁的頁面load完畢後才能抓到正確的高度就是了。



2015年9月25日 星期五

3DsMax學習之路-Day24

  今天上材質貼圖,果然是讓大家兵荒馬亂但又有趣的課程,不過老師配合大家的進度,中間的等待時間超久,結果我只好繼續處理我的職訓網站所需要的資料,幾乎60%的時間都在做自己的事,20%的時間在教同學,聽課的時間只有20%。


-----------------------------------------------本日筆記----------------------------------------------------
材質設定
一材質面板
1.按"m"或工具列->Material Editor

二面板


三將材質給物件
1.在"材質球"上按著左鍵拖曳到物件上
2.選取"物件"與"材質球"
->點"工具列"->
3.用"滴管"->吸取物件->修改材質

四材質種類
1.一般:非亮面(standard)
2.亮面:亮面(Raytrace)
3.多種材質:一個物件上多個材質(Multi/sub-Object)

五standard常用設定
1.diffuse:表面
2.self-Illumination:自發光
3.Opacity:透明度
4.specular:亮光(集中亮點)
5.Maps->Bump:    貼圖
共用性質(點後方方塊)
1.Bitmap:貼圖
2.Falloff:衰減
3.Gradient(Ramp):漸層
4.Mix:混合
5.Noise:雜訊
6.Tiles:拼接
ex:背景
1.在窗外產生Plan
2.到"材質球"
a.Diffuse小方塊->Bitmap
b.找圖片
c.點(go to parent)回上一層
d.Self-Illumination(自發光)加亮
e.點"工具列"->Show shaded In Viewport
調整"貼圖"位置
1.進入"Bitmap"中
2.Tiling:拚接數
 Offset:位移
 Rotate:旋轉(Angle)
 UVW=XYZ
六Raytrace
1.diffuse:表面
2.Reflect:反射
 Luminosity:自發光
 Transparency:透明度
 *顏色越淺,果越強
3.BUMP貼圖
  木地板
1.Raytrace
2.Diffuse->Tiles
3.standard control
 ->preset type    stack. -(拋光)
  Running..(木地板)
4.Advanced control
a.Tiles setup:(表面)
I.Texture:顏色/材質
II.Hariz/Vet..分割數
III.color/fade.色差
b.Girout setup:(分割線)
I.Texture:顏色/材質
II.Gap:線寬
5.回上一層
6.將"Diffuse"的"M"貼到"Bump"上
7.進入"Bump"的材質
I.無圖片-表面:黑
     分割線:白
II.無色差
III.GAP:向上調
IIII.回上一層
8.加入反射:
a.將"Bump"的map貼到"Reflect"
b.進入->將"表面"/"分割線"改成"深灰色"
*調整顏色
1.進入"Diffuse"的M
2.點"圖片方塊"
3.找"Output"
4.勾選"Enable color Map ->RGB
5.點"顏色控制成份高低

2015年9月24日 星期四

3dsMax學習之路-Day23

  今天是3dsMax的課,中間間隔太久,大家把一堆基礎指令都忘光了,今天的主題是把一張CAD平面圖做處理後,只留牆及窗等基本物件再匯到MAX做3D成形的工作,進入MAX後,大家各自上網找自己喜歡的電視牆及各種櫃體,並實作在自己的檔案中,所以每個人做出來的客廳應該都是不一樣的。


本日課堂練習


2015年9月23日 星期三

AutoCAD學習之路-Day22

  上周五因為老師要生小孩,所以停課一天造成三天連休,然後周一到周二上午是通識課程,在講一些勞動法令,兩性關係及個人職涯規劃之類的,周二下午繼續上AUTOCAD的圖塊。

  這幾天下來我主要在忙的是建立一個網站,把上課的資料通通放上去,重點是我加了課程的倒數計時器,順便練一下自己的程式能力,主要的幾個Javascript功能大概花了幾小時找資料,除了iFrame的自動高度一直找不到好的解決方案外,其他的功能現在寫來倒是滿輕鬆的。

  筆記打算交給班長來處理,因為他做的筆記比較完整而且好看,我只需要把word格式再轉成HTML就可以放上網站了。

  一個月的課程過去,不知道同學們的心中對自己的學習能力是否有了一定的掌握,還是說依舊天真的認為三個月後就可以成為一個室內設計師了?

製作中的網站,剩下上資料及版面調整,應該中秋節前會完成

2015年9月17日 星期四

AutoCAD的學習之路-Day19

  今天上課的內容算是進入到AutoCAD在製圖上比較強大的地方,圖塊,不過這部份牽涉到對軟體應用的邏輯思維,不再只是單純的幾何繪圖邏輯,只會死記操作步驟的學員,肯定是又更加跟不上了

----------------------------------------------------本日筆記---------------------------------------------------

圖塊-
說明:
(1)是由一個或多個圖面物件所組合而成的邏輯上複合物件
(2)使用的優點
1.跨圖面使用
2.減少記憶體的使用
(3)區分為
1.靜態圖塊
2.動態圖塊
註:在建立的過程中,必須先是靜態圖塊,而後再做內部設定(參數動作)最後成為動態圖塊

建立靜態圖塊(Block,B)
說明:建立的步驟
step1:指定圖塊名稱(註:中英文均可)
step2:指定基準點(註:該點在建完圖塊後會成為圖塊的[鎮點]中的[插入點]
step3:框選(點選)組成的所有物件
編輯圖塊(Bedit,Be)
說明:進入圖塊內部對圖塊的組成物件做[修改][刪除]
例:變更圖塊的漸層
a.選取圖塊,按右鍵
b.選擇圖塊編輯器
c.刪除漸層
d.重填漸層
e.按[關閉圖塊編輯器]
f.選擇[將變更儲存至star]
插入圖塊(Insert,I)
說明:是指複製圖面上已使用的圖塊
例:將圖塊掛上雲形線
方式1:
a.measure,enter(等距)
b.選取雲形線
c.B,Enter
d.圖塊名稱輸入(star)
e.N,enter
f.分段長度輸入80,enter
試式2:
a.圖塊star插入(複製)到雲形線的端點
b.arraypath,enter
例:置換圖塊
方式1:
a.框選左側綠色椅子,
b.按ctrl+c鍵
c.按esc鍵
d.選取青色椅子,按右鍵
e.進入圖塊編輯器
f.刪除青色椅子的所有成員
g.按ctrl+v鍵
h.指定任意位置貼上綠色椅子
i.Move.Enter
j.框選綠色椅子,Enter
k.基準點選前綠的中點
l.輸入[#0,0],Enter
m.按[關閉圖塊編輯器]
n.將變更儲存至chair
方式2:
a.將綠色椅子建成圖塊chair2
b.Express>Blocks
c.Replace block with anotherblock
註:指令-blockreplace

設定圖塊跨圖面-
說明:
(1)圖塊所在的圖面必須要存檔
(2)任何物件只要放入工具選項板,都可以跨圖面
例:將star圖塊跨圖面

將dwg檔直接轉成圖塊
說明:
(1)檔案的所有物件建成一個圖塊
(2)圖塊的名稱即[主檔名]
(3)圖塊的基準點是(0,0)
例:將Blocks/人物-1.dwg轉成圖塊
a.插入->圖塊
註:即指令[insert]
b.瀏灠
c.指定路徑,選取[人物-1.dwg]
d.開啟
e.確定
f.指定任意位置插入建立完成的圖塊
大量dwg檔轉成圖塊
說明:
(1)啟用設計中心來轉換
(2)前置工作-以資料夾將圖檔分類
註:分類資料的名稱會成為新工具選項板的名稱
例:將Blocks資料夾內的圖形全部轉成圖塊
a.以資料夾將圖塊分類
b.工具->選項板
c.設計中心
d.左側列視窗選資料夾
e.選取分類資料夾的上層資料夾
註:右側視窗會顯示分類資料夾
f.指標移到右側分類的資料夾,按右鍵
g.選取[建立圖塊的工具選項板]
註:每個資料夾都要操作1次
h.關閉設計中心

課堂練習: