首頁近期文章

快速公告

Cinema 4D動畫新世界論壇正式啟用,請造訪Cinema 4D動畫新世界論壇

Hair modules

分類標籤

資料搜尋

最直覺的3D動畫工具 來自德國

2008年10月25日星期六

Dancing DuDu

很久沒有更新日誌了,總之就是既忙又不得其所,唉,這一整年真是過的灰頭土臉的,兩個月前去花蓮出差一整個月,待在那裡,讓我有很棒的機會可以跟自己的心靈對話以及聆聽 上帝的話語。

目前的身分是soho,打算利用做case之外的時間來進行一部短篇動畫的計畫,Dancing DuDu,嘟嘟是我的貓,

寄件者 嘟嘟貓
這是一個根據這隻貓所發想的故事題材。

人生已經進入30歲了,希望這部短篇動畫可以在30歲結束之前完成當作給自己的一個交代,加上對平面設計已經逐漸失去熱誠,有時候真的很茫然。
寄件者 Dancing DuDu動畫創作進度

寄件者 Dancing DuDu動畫創作進度

寄件者 Dancing DuDu動畫創作進度

寄件者 Dancing DuDu動畫創作進度

寄件者 Dancing DuDu動畫創作進度

寄件者 Dancing DuDu動畫創作進度

寄件者 Dancing DuDu動畫創作進度




=====================
Cinema 4D動畫新世界/Cinema 4D new animation
Cinema 4D動畫新世界論壇

2007年12月7日星期五

論壇正式啟用


經過一個禮拜的準備,論壇正式啟用了,我也將原先的連結指向現在的論壇網址,當初的考慮原本只要架設phpBB就好了,實際上也架設了一個phpBB論壇,但是不知道為什麼,就是覺得那種論壇不是很合我的胃口,要改當然也不是不能改,只是左看右看,就是不喜歡,所以又去找了幾種論壇程式研究一番,發現PunBB最合乎我的需求,首先,我不要那些什麼錢幣啦、銀行啦之類的功能,事實上我非常討厭那種功能,很幼稚也很不友善,這是逼人灌水,也許,某些程度上它有某種好處吧,但是I don't like,就是不喜歡。

再來就是PunBB功能簡潔,而且CSS要改也十分方便,比phpBB更好改,加上我個人覺得PnuBB的根目錄程式結構比較清晰,就連我這種php外行人都能理解一二,所以最終,經過幾天得測試,我決定使用PunBB。

目前論壇開設了不少專區,那些專區都是我覺得比較合宜的分類法,而論壇當然的,也會以教學目的為主,聊天或八卦之類的當然也有,還有社論版,我不知道會有多少人來參與討論,不過原則上,我的目的族群確實就是只鎖定C4D的愛好者,應該說,分類上以3D>C4D,這樣,不是所有3D照單全收,並且,網站的SEO(搜尋設定)確實也是多半鎖定C4D即可,所以會有多少人我自己心裡有數,不過那總之就是典型的教學兼討論型的論壇就是了。

為何開闢社論版?因為我非常關心身邊的時事還有國事,雖然我是一個不成材的創作者,但是我很重視我的社會和人類的社會,一直以來我對這些哲學議題非常感興趣,加上我本身也喜愛思考,我覺得身為人,不去重視思考以及身邊的環境是非常可惜的,加上現在政治腐敗,很多事情令我看不順眼,因此開闢那專區就是用來讓我自己自慰用的,不爽我就念一念,就這樣。

而目前原有的教學雜記區,擬改為標題和摘要連結之用,因為論壇區已有教學了,我沒有必要兩邊貼來貼去的,那太累,其實比較起來,如果要po圖文,老實說blogger比較方便,但是如果我使用PunBB,將來不論備份、轉移資料庫,都比blogger更方便,當然了,除非某一天Google開放支援MySQL和PHP的空間,不然現階段我還是必須考慮到文章的資料庫問題,因此我決定將教學和討論正式移動到資料庫空間去用。

最後就是論壇的空間問題,沒有錯,目前那是免費空間,不過那空間讓我有全部的權限,加上我也能備份資料庫,這很不錯,而且他們也有付費服務,這代表我可以評估網站的空間使用狀況和流量,只要我覺得該升級,那麼自然會提出付費升級的要求,不然現階段我先暫時使用免費就好了,反正也能備份,我不怕資料會流失,而且該空間有提供付費服務,這比較安全,至少不會沒收入然後倒閉,這些都是我會考慮的部份。

那麼,就先這樣了。

=====================
Cinema 4D動畫新世界/Cinema 4D new animation
Cinema 4D動畫新世界論壇

2007年12月2日星期日

小改款和已知bug


從上次改版到現在大約一個禮拜了,經過這幾天不斷在各個瀏覽器以及windows上面實測,我評估出一個結論,就是版型的長寬其實還是太大了,雖然寬螢幕和大解析度的顯示器已經十分普及了,問題是,就我現在在大部分windows上面看到的畫面顯示,多數win使用者都不會將螢幕顯示設定成正確的高寬比例,(不會設定?不能設定?找不到什麼方式設定?能怎麼辦呢。)尤其是使用寬螢幕的win使用者,這變成,明明只有900px的寬度,在那些號稱寬螢幕的pc上面看起來橫向發福的情形更嚴重,簡單的講就是,一個像素的大小是1 x 1 px,在那些螢幕上面變成1.5 x 1 px,整個比例橫向發福。

所以,雖然v2.0版本的寬度我設定成900在每一台最老到最舊的mac上面看都非常標準,到了設定不良的pc上面就會"很寬",而左邊的logo區那整排則是太高了,到了寬螢幕pc上面發現有幾個會沒有辦法看到左邊排下面的瀏覽器推薦指數的那些按鈕,甚至按不到,我的老天,那邊原本的高度只有設定不到600,這是很久很久以前的瀏覽標準,現在怎麼我反而要變小了,真是詭異,總之,許多寬螢幕設定不良的pc就是會發生這狀況就是了,所以我不得不稍作更改。

還有最下面的貼底menu,有人跟我反應按鈕不明顯,其實我也覺得不甚明顯,因此就將原本灰色感覺的按鈕換成白色好了,原本想換成這網站的標準洛黃,不過因為menu的底是和網站的深藍色底不同的灰色基調,換成洛黃反而視覺上會有模糊的錯覺產生,所以白色吧,就這樣了。

事實上,在這邊我實在不想說很多使用寬螢幕的pc看起來就像寬螢幕液晶電視一樣的橫向發福,只是真的太多pc使用者不會去設定或是很無助的找不到方法搞定,最後就是看什麼都變胖,人臉也是一樣的橫向發胖,然而之前其實我自己也覺得900有點寬啦,畢竟我的頁面並不是設定成全浮動網頁,那種做法比較適合討論區類的網站,所以基本上以視覺置中來說,還是縮小一點吧。

以及,我發現一個在Safari上面的bug,mac才有,pc的沒有試出來,就是頁面中,只要是使用到flash製作出來的東西,有時候頁面放久了沒有去動它,比方上下拉動或是什麼的,那些flash元素容易呆掉,滑鼠去按就會沒有反應,這很怪,找不出為什麼,不過解決方法很簡單,就是調整一下視窗大小就恢復了,隨意調整一下、拉一拉之類的,總之就是讓瀏覽器的畫面重新運算一次,按鈕就又可以按了,這個問題我再慢慢找資料去修復吧。

最後,如果眼尖,可以發現我左邊的瀏覽器推薦指數的Opera變成Sorry了,真的是抱歉了,Opera使用者,請把我列入黑名單吧,要解決Opera的問題真的不容易,因為我得考慮到IE6使用者,如果我將overflow設定成適合Opera的話,那IE看就又會出大槌了,而,我又找不到有什麼方式可以像IE6那樣寫一組專屬於Opera辨識用的CSS區塊,真是傷腦筋喔我.....所以,我很不負責任的先寫上Sorry,他日,他日,有那麼一天的,等我功力更上一層樓的時候我再來解決Opera的問題吧,總之,都是IE6的錯。又多一筆帳記在IE頭上了。

=====================
Cinema 4D動畫新世界/Cinema 4D new animation
Cinema 4D動畫新世界論壇

2007年11月25日星期日

批判總檢討


好的,現在是批判的時刻了,首先,我將網頁的規劃區分成幾個區域,如圖所標示,下面來說明一下每一區的功用以及之後會提到哪幾區與瀏覽器之間的相容性問題:
A:logo區-使用Background-image,Illustrator繪製。
B:近期文章區-使用了小裝置:資訊提供。
C:相容性推薦區-使用embed語法帶入Flash按鈕。
D:小動畫-與menu一起的。
E:Menu-置底menu和按鈕。
F:公告區-連同RSS整合書籤。
G小圖區-秀小圖。
H:分類書籤-使用小裝置:標籤。
I:搜尋表單-使用Google生出的表單語法再利用CSS加以修改。
J:文章主體區-原則上使用Blogger的原生語法同樣利用CSS再修改一番。

在製作的過程中,如同前述,我安裝了IE6來測試相容度,其他參與測試的有Safari、Firefox、Navigator、Opera、Camino,總共六種,而且我也擺明了,以IE6為最糟糕相容底線,而以Safari為模範標準,事實上也的確,Safari的表現是最好的、最優的,而Mozilla核心的系列瀏覽器(Firefox、Navigator、Camino)則表現大致相同,意思就是,某一個看會有問題的,另外幾個都會有問題,而Opera屬於特立獨行的單位,它會出現其他幾家沒有出現的狀況,雖然旁邊我列了一個標準分數,Opera只拿到70%相容的分數,但是這不代表它是最差的,而是相反的,之所以拿了那個分數的原因是在於它採用了某些Opera認為更好的瀏覽器設計,這導致我的網站某些功能會被Opera自行定義,因而看起來有點怪怪的,但是這也不打緊,那麼再來說IE6吧,照理講,它應該只有0分,之所以可以得到80%的分數,這要歸功於我自己堅持完美,所以盡量的讓網站的設計可以符合各流派間的差異。不然我現在還是要說,IE6,零分。

來說說有問題的部份吧,以文章主體區來說,IE給我惹的麻煩是最大宗的,以文章從上往下算起的第一篇文章的篇幅如果過少,那麼在IE6就會整個網左邊凸出去,由於我的左方區域是設定成固定在頁面不動,所以當文章網左邊凸出去的時候,那將是一大敗筆,而且經過我徹底的不斷嘗試解決方案皆未果的狀況下,唯一解決的方法只有,讓文章保持於某種篇幅以上就可以消除這問題,好像字數限制就對了,但是如果只是那樣,那還算小問題,最大的問題在於舊文章會有某幾篇也搞出那紕漏,而且只在教學雜記區出現,我的老天,那邊是我最花費心力寫文章的地方啊大哥,這擺明要我刪文章了嘛,這之中奇妙點在於,明明那邊的文很長,卻也會有這個狀況,所以,我不得不先暫時將那邊的文章備份到其他地方,然後再慢慢的將文章重新拷貝近來,在過程中也許我能再度發現bug所在吧,這就是為何,我對IE6這麼憤怒的原因,它爛、它不長進、老舊、漏洞多、容忍錯誤語法程度最高,集各膿瘡於一身,這就是廣大windows使用者一天到晚使用的爛東西。

也許會有人說,是你自己工夫不夠好,是的,我承認,不過話說回來,其他瀏覽器都沒那問題,唯獨IE6有,那麼,到底是誰的問題啊?!我靠。

那麼再來說說頁面固定的元素好了,頁面中被固定的有左方區域以及下面的menu,以CSS排版來講,只消一句語法就可以搞定,然而為了那萬惡的爛IE6,我不得不多方嘗試,最後經過評估,採用的是以額外的div元素包住整個頁面,在另外撰寫一個只有IE6看得懂得語法,然後在那語法內將左方以及下面menu的元素的css寫進去,然後捲軸給設定成消失,這在IE6中就會當作,左方以及menu的捲軸設定消失,這樣就會不動了,嚴格來說,是無法控制它去動,而不是讓它固定,因此意義上是天壤之別,但是除了用這方法,別無他法了(javascript除外)。

然而,盡管那問題解決了,但是眼尖的觀眾也許會注意到,固定元素也不是那麼好用的,當使用者將瀏覽器的視窗橫向壓縮的情況下,使用position:fixed的元素由於盡忠職守的待在原地,所以,使用者如果此時將左右的捲軸拉動一下,好比往左邊拉動,那麼同樣會穿幫,這點在IE6反而不會穿幫,意思就是,當瀏覽器視窗左右壓縮的時候,拉動左右捲軸,我左方的logo區在IE6之中反而會乖乖的跟著過去,這是因為IE6並沒有真正固定的關係,那麼問題該怎麼解決呢?

我做了一個假設,此blogger需要被左右捲軸拉動的機會並不大,首先,我的寬度只設定成900,以現今大螢幕當道的情況來看,這個設定並不過份,現在使用800*600的已經十分稀有了,縱使使用800*600瀏覽此blog,也不需要真正去拉動左右捲軸,除非故意的將瀏覽器左右壓縮,否則會出現需要拉動左右捲軸的機會非常少,事實上根本就沒有,所以,我根據假設做了一個設定,就是將此blog的左右捲軸都取消了,意思就是,不論在IE6或任何瀏覽器,都永遠看不到左右捲軸,這代表一件事情,需要左右拉動的情況如果發生,只會出現在,使用者(還有我),故意的將瀏覽器左右壓縮,如圖:


所以,很好,看來,我似乎再也不用擔心穿幫狀況了吧?錯,錯錯錯錯錯!請各位看倌看看那張圖的左下角,有沒有看到一個捲軸的馬腳露出來了,對,就是它,那個捲軸是body元素的,咦?有沒有搞錯啊,不是已經設定overflow-y:hidden了嗎?怎麼還會跑邊?答案在於,又是那該死的IE6了,我之前說過,IE6因為無法設定真正固定元素,所以只能透過隱藏捲軸的方式來偷吃步,但是如果真正的隱藏捲軸,那麼整個頁面將無法捲動(請注意,我要固定的東西除了左方以外,還有下方的menu,而menu又必須不只是固定,還要永遠貼底,所以我不得不設定別的東西來幫忙輔助),所以我額外的設定一個包住全頁面的div區塊來排除這個狀況,然而,這個區塊當辨識到瀏覽器被左右壓縮的時候就會出現那個捲軸,我不可能設定它消失,因為事實上,現在可以上下捲動就是靠它,而它的左右寬度我並沒有設定px,而是設定100%,所以它出現了,大王,是的,它是大王,我不能去惹它,除非開除它,當然,我的確可以開除它,只要我不在乎IE的話,所以,總得來說,這是我唯一目前為止,同意容忍全瀏覽器會出現的bug,只是幸好,真的需要左右拉的情況確實近乎於零,就算出現捲軸也並不明顯,加上它會被menu擋住,我說過,menu是永遠貼底,而那個大王是body區塊的部份,所以擋住它是很正常的事情,
然而雖然那個捲軸無法透過滑桿去左右拉動,但是還是有辦法讓它動的,對,就是所謂的四方向軌跡球滑鼠,那東西會讓這個設定破功,只要使用者故意的將瀏覽視窗左右壓縮,然後使用軌跡球左右滑動一下,馬上敗筆,因此我真的有想過找找看有沒有什麼javascript可以強迫使左右軌跡在本網站失效,但是這樣太機車了,包含某些網站會使用javascript讓頁面固定於某種長寬比例,這也很不尊重,不過解決方案不是沒有,就是我寫一個javascript按鈕,這個javascript可以設定視窗大小,比方900*600啦、多少多少之類的,但是,我累了,不想再搞了,這個版型裡面牽扯太多元素了,因為原先並沒有設定這個東西的存在,現在如果要加,那就是等我心情好再來弄,而且,縱使加上這按鈕,使用者也未必真的會去按,以正常的思考來說,當視窗左右壓縮成那樣了,無非只是為了要測試一下網站罷了,不然真的沒有什麼機會會去故意這樣弄,所以,我打消了這個念頭,也容忍了。

不過這個問題在Opera卻會發生無法抵擋的大大大大狀況,這也是Opera自己的問題,Opera對於隱藏捲軸有自己的看法,大家都沒有,就它有,我勒,所以造成Opera在看網站會出現多餘的捲軸,而且這個問題我查詢過,照理說,是Opera9才有的狀況,Opera9.2聽說已經排除,怎麼我看還是會有?!算了,不管了,反正Opera的使用者太少了,加上Opera的特長是看圖,圖多的網站Opera絕對速度第一名,這點是無可取代的,所以我也不想責難Opera了。

不過除了這點以外,Opera看本網站還是有幾個無可奉告的大栽問,就是我左下方的瀏覽器相容推薦度的地方,會跑勒,唉我的老天,難道要我再寫一組解決它的狀況嗎?算了.....誰叫我一開始只把IE6當作唯一的壞學生而忽略了它。不過,因為我喜歡Opera,所以我仍然不怪它,我怪我自己工夫不到家,這是我的錯。

再來就是右方的區塊,那邊原則上沒有什麼大問題,多使用CSS定義,除了IE6和眾家在某些單位上的判定有差異以外,這問題都好解決,之前說過了,我為了IE6寫了一個專屬於IE6判斷的CSS區塊,我的做法很簡單,寫好第一組CSS以後,確認無誤,就進入IE6去看,然後根據IE6的狀況,將新的定義或修正定義寫進 IE6專屬的CSS裡頭去,IE6就會優先辨識那組CSS,也就因此忽略了其他瀏覽器會看得CSS定義,就是手續多一道就對了。

最後來說說Mozilla家族的共通狀況,就是對flash元素敏感,首先是Navigator,當使用滑鼠去拉動上下捲軸的時候,menu的陰影會無限制增長,最後就會變成一片黑,這很怪,我可以拿掉陰影,但是我不想,幸好,當頁面flash元素有任何動靜,那個黑色陰影就會消失,所以這就是為什麼我加入小動畫的原因,動畫一動,就一切正常了,缺點就是menu看起來偶爾會有閃爍一下的狀況發生,而FireFox也會有那狀況,但是它卻不是發生在以滑鼠手動上下拉動捲軸,而是當menu只要遮住可以開啟的連結圖片,而滑鼠又移動到圖片上頭時,陰影就會開始增長,不過同樣的只要動畫有在動,那個陰影也會消失,只是看起來也是一樣menu好像也會偶爾閃爍一下罷了,我有去測試過,某些網站只要有採用陰影性質且又是透明背景的flash時,那狀況都會出現,不知道是我flash學藝不精轉檔出錯誤還是怎樣,總之,排除不了,卻又不會出人命,所以,算了,同樣列入缺失吧。不過除此以外,Navigator對於上下捲軸只要位於menu的高度時,會出現類似被遮住的狀況發生,我認為這應該是因為我的捲軸是body的原因而造成的,反正那個元素的功用十分重大,所以也只好忍住,幸好,FireFox反而不會,而Navigator的使用者又比FF少很多,所以就不管了,畢竟那並不致命,只是一點點、小小的不習慣。

以上,大致上就是這樣了,最後Safari仍然是最優秀的模範生,它,沒有任何狀況發生,真的,它忠實的傳達了我一開始的設定,而Mozilla系列的也相去不遠,產生的狀況我歸類於顯示的差異,所以也可以接受,不過Mozilla中的Camino會出現對我設定用來Go Top的小按鈕敏感的狀況,就是頁面上下捲動的時候,那個小按鈕看起來慢半拍,這我就不知道為什麼了,因為沒有任何一個瀏覽器會那樣,就它有,類似顯示延遲就對了,不過仍然會到位,所以沒關係,而Opera使用者,我真的只能說抱歉了,本人工夫不夠,無法眾家兼顧,非常抱歉,而IE6......算了吧,不想講它了,至於IE7?我不知道,沒有機會用到它,我只能猜測理論上不會有狀況才對,不過如果IE7使用者有發現狀況,請告訴我,我會仔細的研究一下。


=====================
Cinema 4D動畫新世界/Cinema 4D new animation
Cinema 4D動畫新世界論壇

2007年11月23日星期五

就要完成了....


一切將要完成,剩下go top的按鈕,還有....還有什麼呢?好像還有一個東西,一時想不起來。總之,辛苦了幾了禮拜,即將完成,心情還不錯。

想起來了,就是左邊的最新文章的標題,那邊很鬆散,本來只是先放著,結果就忘了它,剛剛再看才想到。標題罷了,簡單啦....

===========

OK!終於完成了,可以看到我改了不少東西,原則上,整體的部份約90%以上都是手工撰寫,目前還不到完全盡善盡美的地步,不過,就先這樣吧,這版型最近反覆的測試,各個瀏覽器之間還是有若干小問題,雖然問題不大,但是,我覺得我已經盡力讓各種瀏覽器之間都能達到所謂的"相容"了,晚些時候我再來寫目前已知的,各瀏覽器之間的相容性問題吧。

=====================
Cinema 4D動畫新世界/Cinema 4D new animation
Cinema 4D動畫新世界論壇

2007年11月17日星期六

CSS HACK



經過幾天的奮鬥,終於"正式的"把版面的語法全部搞定了,大家都知道,這個世界上,並沒有所謂的W3C標準,這對後端網頁設計造成很大的困擾,早先設計好的版型,我測試過FireFox、Safari、Camino、Navigator、OmniWeb,都沒有問題,當然了,都是Mac版的,然而,IE6非常的不聽話,可是Mac又沒有IE,偏偏我這邊的電腦沒有一台是WinPC,沒有錯,我大可以不歡迎IE6來瀏覽我的網站,反正睜一隻眼閉一隻眼,眼不見為淨。

因此我差點就真的這麼想了,打算這一兩天根據之前寫好的版型來將這兒大刀闊斧的改一改了,可惜,心裡想,這樣不夠完美,明明可以解決這個問題的,恨IE6這麼爛也不是辦法,好吧,只好再花時間找CSS HACK的法子了,不過找方法以前得先搞定IE瀏覽器吧。

由於我的Mac是intel款的,所以可以有幾種方式安裝windows,一種是利用蘋果自己的Boot camp,另外兩種是安裝他牌出品的軟體來安裝win,兩種方法都有優缺點,可是問題是,我只是要用IE6測試我的網站而已吧,搞到要裝個win,實在很蠢,因此,找了第三種方法,就是安裝CrossOver,這是一種可以在不安裝win作業系統的情況下,直接在mac裡頭執行exe檔和win的安裝檔的軟體。

總之,透過CrossOver,我搞定了IE6,所以就開始又反覆的修改語法了,也終於搞定了,因此距離這兒改頭換面的日子也不遠了.....

另外,我還是要說,IE最好能從這個世界上消失,雖然會有人說,並沒有全部的瀏覽器都完全遵守w3c,是啊,我承認,不過,以另一種少數服從多數的情況來看,我最近測試了不下7種瀏覽器的狀況,只有IE6會不聽話,那麼,我到底該怪誰?!Fuxk!

===============

刪掉

火氣大!!!!!!

===============

激戰了整個晚上,終於再度解決了元素固定的問題了,之所以這麼麻煩的原因在於,我的版型裡頭,要固定的東西有三種元素,分別是底下的浮動menu還有左側的上、下兩塊,而且下面那塊還得可以加入小裝置,所以設計起來格外麻煩,喔,不,我不應該這麼說,應該說,為了要讓跛腳的ie6也能相安無事,必須動許多手腳,純粹浪費時間。

總之,問題再度排除了,已經用ie6和FireFox以及Safari、Opera測試過了。

剩下的,就是文字了,和一點點、小小的flash,終於啊.......
=====================
Cinema 4D動畫新世界/Cinema 4D new animation
Cinema 4D動畫新世界論壇

2007年11月4日星期日

開會


前幾天和客戶開會,主要都將重點放在腳本的討論上,因為按照之前原先的腳本,我無法繼續搞下去,當然腳本也是我畫的,怎麼會搞不下去呢?這就牽涉到一些專業醫學的部份,第一次提案的時候我將專業醫學的畫面都暫時以平面、靜態的圖片替代,不過這在一開始的時候是沒有問題的,只是現在動畫已經具體的在持續進展之中,我後來想想,這問題再不解決,到時候就會開始胡搞,最後有可能會破壞之前的努力。


因此我又把客戶call出來,然後就是在咖啡店耗了好幾個鐘頭,以醫師的角度啦、以製作的角度啦、以旁觀者的角度啦.....等等,都一一再重新將討論的腳本再度演練數次,最後終於搞定。
所以,現在我又再畫腳本了,把該重新補足的再畫一畫吧!

如要轉載本文,請讓我知道並且留下原始文章的連結,謝謝。

=====================
Cinema 4D動畫新世界/Cinema 4D new animation
Cinema 4D動畫新世界論壇