顯示具有 Apps與小遊戲 標籤的文章。 顯示所有文章
顯示具有 Apps與小遊戲 標籤的文章。 顯示所有文章

2022年3月12日 星期六

Virtual Staging

 Virtual Staging    虛擬室俱擺設

事實上,陀螺媽媽不曉得virtual staging的恰當中文該怎麼說。Staging指的是在空蕩蕩的屋子或房間裡擺上一些傢俱,讓空房賣相更好。而virtual staging就是那些傢俱是看得到卻摸不著,只有在電腦上才會有的。

話說2021十二月底,陀螺媽媽為了能讓公寓出租更順利,決定探索一下virtual staging, 那時該用什麼軟體,該怎麼做,陀螺媽媽一點認知也沒有。在網路上東找西找,virtual staging好像都要錢,免費的軟體好像掛零。直到,看到有人用blender這個軟件。嘿!陀螺媽媽一年前做"滾球找文字"這個遊戲時曾碰過,但那時學得一個頭兩個大,頭暈眼花的,覺得它很難用。但因為是免費的,所以只好咬牙去用它。

現在陀螺媽媽會做virtual staging了, 只能說Blender是一個功能很大的免費軟體,使用它的人很多,網路上有很多論壇,但它真的很難用,一大堆鍵一大堆隱藏功能,一般視窗系統的使用方式不太適用它,但它又不像terminal那種指令介面,所以,陀螺媽媽覺得它使用上有點礙手,不過,用多了,多少也就習慣一些。

但正因Blender實在太不使用者友善了,偏偏它又功能很強大,而virtual staging很重要,所以陀螺媽媽決定花時間寫下這篇文章,主要是讓陀螺媽媽以後要再做virtual staging時有個筆記可以看。文章內容就陀螺媽媽看得懂為主,看官要是有興趣卻看不懂,可以自己上網查或寫信問陀螺媽媽。

--------------- 成品例子 -------------------

原照片。空房。

虛擬書桌椅。

虛擬傢俱。
*皮革傢俱很高級也很實用,但陀螺媽媽發現在虛擬傢俱中皮革的表現不如布料來得好。因為皮革通常黑鴉鴉的,而且,容易讓人有"塑膠"的感覺。

————— virtual staging 步驟 —————

。安裝fspy & Blender

    下載安裝後,還要讓Blender找得到fspy, 有個zip要裝,但要怎麼找,在哪裡捉,得在google找找。 

。選一張要staging的照片,打開fspy,手動把紅綠視線和垂直的兩面牆"邊"對齊。如果z-軸不是往上而是往下,那麼左方vanishing point axis的x要改成-x。存檔,有*.fspy生成。

陀螺媽媽真的要抱怨,為什麼不能有放大功能或是調亮,現在的格式很累眼睛。
一定要用垂直的兩面牆,如果像照片房間裡有角度的牆,要分清楚呀!

。打開Blender

    刪除預設的那個3D方塊,相機和燈都可以刪除。

    * file -> import -> Images as Plane

        這個import images as plane需要在blender的設定裡把它叫出來, 怎麼叫,陀螺媽媽忘了, 但不難,網路上找得到

    * 選擇要staging的照片

    * file -> import -> fSpy

        那張要staging照片的fSpy檔

    * 右方"Scene Collection"裡把fSpy的相機設主要相機, Cntrl + 0

        按"0"切換3D模型的觀看角度和fSpy相機的角度

    *在Scene Collection那裡,加入一個New Collection

         因為3D模型會有很多小檔案,一個3D模型一個檔案夾,管理上比較方便。

    * 在New Collection裡輸入3D模型

        3D模型就到網路上去找了,大部分好看的都要錢, 但也有些是免費的。就看個人搜尋功力了。最常用的是*.obj & *.fbx兩種檔案。

    *模型在剛輸入時大小可能太大或大小,趁全部都被全選有橘色線時按s然後滑鼠拖曳調整大小。不然就到模型的資料夾全選所有物件。

    *用右方工具列的移動,縮放,旋轉等功能把模型放到想要的地方。

        Alt + 滑鼠可旋轉改變模型審視方向。

        用右上方xyz軸,確定模型在三軸上是同一平面和垂直(沒有旋轉問題)

        按0切換fSpy視角

    *右上方觀看模式選viewport shading, 右邊工具欄選material properties, 準備上色


    * 在上方選項欄選"Shading", 出現的畫面就是顏色或材質的設定。

    陀螺媽媽還沒有花時間去研究要怎麼弄出美美有質感的素材。但新發,網路上有很多別人已經弄好的material,只要下載然後輸入,成品立刻很有質感。

    *輸入下載的material:

        file -> append, 在彈出的視窗裡選擇已下載的材質, 裡頭會再出現很多資料夾, 找"Material",選裡頭的那一個檔。

        Blender主畫面右方的material 設定便可看到那附加上的材質檔。    

        *增加和調整光源
            右方工具欄燈泡符號可調光源強度等。
            注意光源不可以躲進要staing的照片中的牆
            可在右上方viewpoint shading那換成光源的預覽。右方工具欄裡的相機最好選在"Eevee",否則速度會很慢。

        *成品輸出
            右方工具欄相機設定成Cycles。繼續往下film裡頭有transparent的選項,勾選,以便後續相片處理。
            印表機裡可以設檔案格式或位置。
            按F12開始Render。等它跑完,上方image選項裡save as.
        *修圖
            把render完的圖和原相片,在其他繪圖軟體中合併,並用筆刷修改或添加更多陰影。存檔,完工。

        
            



2021年2月20日 星期六

教育性的App與小遊戲 — 總表

 我的App與小遊戲總表


陀螺媽媽開始自學app製作轉眼間已是悠悠二載,就像家裡的雜物愈積愈多,陀螺媽媽在Google Play的app似乎也該整理一下了...


<寫程式的心路歷程>

媽媽教室(一):童詩四首

    陀螺媽媽認為這是教育性和互動性最好的app。有四首童詩,每首詩可以整首朗讀,也可以逐句朗讀。還有生字與筆順的練習。原本是練習作品,可以寫完幾個app之後,陀螺媽媽的功力變強了,又回來重新把程式改寫了。陀螺媽媽決定收費,因為畢竟那是心血結晶。


媽媽教室(二): 作文的寫法

寫這個app的起源來自大的小陀螺。那時小學二年級的他,從學校帶回來的英文作文寫的實在讓陀螺媽媽不曉得該怎麼說,幾乎每一篇都是"愛麗絲說:"和"愛麗絲的媽媽說:"這兩個人的對話組成的。陀螺媽媽自認一手好文筆,結果大的小陀螺的短文實在令人吐血,跟他講"起承轉合"也不覺得他聽得懂,於是陀螺媽媽便拿它當主題,做了這一個被動式的app 。出乎意料, 沒想到這個app竟然是下載率最高的。我猜它被世界上的某個老師注意到了...


媽媽教室(三):我不是愛說謊

原本一家人開心的cottage渡假,買了新雨鞋,大家開開心心的踩水玩著。不知怎麼搞的,一顆大炸彈引爆了。那時陀螺爸爸和陀螺媽媽對大的小陀螺的一些生活行為不是很認同,陀螺媽媽便藉機把那個事件做成了app,希望大的小陀螺能記取教訓。小孩難免說謊,不管謊言是善意或惡意(其實陀螺媽媽很不認同善意的謊言,因為加上"善意"只是對自己的安慰而已),說謊就是不好,有錯有改,尤其是用謊話來遮掩自己的過失。陀螺爸媽對小孩的未來也沒有什麼雄心大志的要求,除了經濟穩定之外,最重要的就是做個好人。心正行事正,其他的都是其次了。有名的美國前總統川普,就是陀螺家要教小孩的鏡子,決不要小陀螺長大後謊話一個又一個。認錯要比圓謊好。


媽媽教室(四):星星的死亡

夏天陀螺媽媽終於能夠到那大大有名的Killarney Provincial Park,而且還在那裡露營二晚。其中一晚,那兒有免費的觀星活動。陀螺家決定去參加。那裡夜晚蚊子特別的多,多到陀螺媽媽手舞足蹈根本聽不下去解說員在說什麼,再加上內容就是最基本的星星生死,陀螺媽媽只想靠近望遠鏡,看看它到底會瞄準哪個星體。可是蚊子實在太多了,陀螺媽媽和陀螺爸爸心有靈犀,決定離開返回帳篷,可是小小陀螺不肯走,他太有求知慾了,很想知道星星的生命,看著小小陀螺失望的表情,陀螺媽媽決定要教小小陀螺星星的一生。只是,要把內容變成六歲娃娃能懂的內容,好難哩。星星的一生,陀螺媽媽以前不曉得教過多少次,不過聽眾都是高中以上的,六歲的小小陀螺,基本知識有限,好難的課題呀。


媽媽教室(五):水調歌頭

中秋節快到了,映景一下。

陀螺媽媽曾經把這首詞印出來貼在浴室牆上,小小陀螺也唸得出來。只是2018年在台灣社區的元宵晚會上,表演者竟然唱了它(雖然很奇怪,感覺它們把元宵和中秋搞混了),可是小小陀螺竟然對它很陌生,所以陀螺媽媽決定把它做成app,希望小陀螺們對這首古今有名的詞有點印象。


媽媽教室(六):文字記憶翻牌遊戲

小陀螺沉迷在電動遊戲中了,雖然只是簡單的汽車記憶翻牌,但還是電動。要玩電動,就順便學些中文字吧。


媽媽教室(七):文字貪吃鬼

陀螺媽媽覺得這個點子不錯,可惜是用文字轉語音的功能,很多字的發音和音量都不是很好。


媽媽教室(八):地震波與地球結構

怎麼辦?陀螺媽媽想不起來當初為什麼要寫這個主題的原因了...


媽媽教室(九):花與種子的構造

新冠狀病毒肆虐,園藝和烘焙似乎變得很流行。出門買菜要排隊,有限制,陀螺媽媽決定要自己種菜,可是超市裡賣的種子大都都是洋人的蔬菜,很少有白菜這類的。於是陀螺媽媽決定自己"孵"種子,就把每餐切菜時故意留下一兩口的量,仔細照顧。沒想到,一個季節過後,陀螺媽媽真的收集到白菜,高麗菜,芥藍,奶油白菜,還有芹菜的種子。果然,知識就是力量,有了知識當基礎,實做就容易成功。


媽媽教室(十):貪吃蛇唸木蘭詩

某日不經意看用Unity這個軟件做app好像很容易,尤其它有一個免費的賽車範本,陀螺媽媽好心動。這個種子就這樣埋在心裡,直到有一天,陀螺媽媽閒著沒事,決定安裝Unity來玩玩。ㄜ,那個賽車遊戲怎麼裝?Unity怎麼用?陀螺媽媽又開始找YouTube上課,一番寒徹骨之後,陀螺媽媽終於生出了這一個用Unity做出來的小遊戲。長這麼大,陀螺媽媽才知道有"貪吃蛇"這個遊戲,而且竟然還蠻好玩的耶,那就吃"中文字"吧。


媽媽教室(十一):滾球找文字

陀螺媽媽覺得這個遊戲很好玩,它好玩到小小陀螺在抱怨為什麼每次都要學習,如果那些字是金幣的話會更好玩。哈,陀螺媽媽寫程式的動機就是要讓他們多認一些中文字,沒有學習在裡頭話,上網去下載就好。為了這個程式,陀螺媽媽可以花了很多精力,不僅對Unity更熟悉了,還學會用blender這個免費的3D軟件來做模型。陀螺媽媽的學習力真的很強!... Feb 2021


媽媽教室(十二):老鼠愛鑽洞

做完"滾球找文字"之後,寫這個老鼠遊戲突然覺得小是兒科, 不到幾天的功夫就寫好遊戲的主體,果然不經一番寒徹骨,焉得梅花撲鼻香?

其實這個遊戲有點像是Flappy bird的改版。那是陀螺媽媽學Unity的第一個依樣畫葫蘆的作品, 不過那時看的是一個高深的youtube, 所以結論是有看沒有懂, 浪費了很多時間。不過,"小鳥飛飛學中文"的遊戲也在心裡下了種子。做完"滾球找文字",陀螺媽媽決定讓小鳥飛飛發芽,不過,幾番思考後,陀螺媽媽決定做成小老鼠,因為太多flappy bird的遊戲了。再加上,陀螺家裡有兩隻小沙鼠,家庭成員優先嘛!雖然畫的不是沙鼠, 不過感覺老鼠畫起來比以前容易很多了。... Mar 2021


-------------------------------

陀螺媽媽寫程式寫上癮了,陀螺爸爸竟然毫不客氣地說陀螺媽媽是他第一個見過把寫程式當消遣的人。寫程式殺時間,冰天雪地的多倫多冬天裡,很實際呀。

--- Feb 2021 ---

2021年2月9日 星期二

教育性的App與小遊戲 — 心路歷程


心路歷程


話說自從陀螺媽媽"退休"在家日日與小陀螺為伴,哪日不曉得哪根筋不對勁,也想學寫程式。可是陀螺媽媽的程式功力很差,當時會的程式語言也只有已經幾乎絕跡的IDL。這個心願就一直埋在陀螺媽媽心裡,然後偶而有時候跳出來鬧鬧心。再加上買了平版電腦之後,看著小陀螺們沉迷在裡頭,加上能找的離線中文教育app實在不多,陀螺媽媽想寫程式的心願更強了。


直到2018年12月,陀螺爸爸出遠門開會,多倫多的冬天冷冷的,陀螺媽媽在家待荒了,隨手點了一下怎麼做"Button"YouTube影片。啥?做按鍵只要把"Button"從一個視窗拖到另一個視窗就好了?其他的也大同小異,像是做文書處理那樣?這樣簡單,陀螺媽媽也會!於是陀螺媽媽在那時那一台很陽春的筆記電腦上裝了Android Studio 開始邁出寫程式的第一步。結果,陀螺媽媽的筆電果然太陽春了,那個模擬器跑不起來。陀螺媽媽竟然興沖沖地跑去陀螺爸爸的辦公室,把那一台大大的蘋果電腦搬下樓,然後又興沖沖的安裝軟件,然後寫程式。


唔,怎麼拖過去的"button"按了不會動,沒有反應?再繼續把那個YouTube看完,啥咪?還要coding才能讓按鈕執行任務!就這樣,陀螺媽媽不死心,把那個寫程式的部份看完了。然後接著一頭栽下去,看了好幾個小時有關Android StudioYouTube,努力學著那些看起來就像外星語言的程式。陀螺媽媽學到廢寢忘食,陀螺爸爸在旁隔岸觀火地抱怨著,怎麼陀螺媽媽像是唸研究所的階段?
小陀螺們好像也覺得陀螺媽媽放棄他們了, 肚子餓沒人理他們,叫媽媽也都只是得到嗯嗯嗯的回應。

當然,年底的聖誕假期,陀螺媽媽以用學習程式的理由,買了一台新的筆電...


幾番寒徹骨之後,陀螺媽媽成了"認識雞蛋"的app,不過那算是做弊,因為影片主要是用powerpoint做的,然後只是把它裝成app,加上幾個上下頁的按鈕。


邊寫邊看,Google果然是大神,別人問的問題,別人回的答案,東抓一些,西找一點,陀螺媽媽的第一個app慢慢的具體化了,最後"媽媽教室(一)"出生了。好感動~ 裡頭的文字,語音,還有插畫等等,都是出自陀螺媽媽一人之手,用句俗話來形容,"校長兼撞鐘的",很標準的一人團隊。


陀螺媽媽寫程式的動力來自於提供小陀螺像學習繁體中文和知識。網上繁體,無廣告,教育性,非遊戲,又可以離線的軟件實在很難找。

—————————