2018年8月21日 星期二

神器種草!9個酷炫到爆炸的星球生成器




文章摘要: 我們就有了用之不盡的超優質3D星球素材了你會發現製作這樣的星球



@Simon_阿文:人稱神器挖掘機的我,這次把挖掘機開到了外太空。在這裏,我發現了很多星球製作神器,如果你碰巧也喜歡看球,那就跟我一起來吧。


一、液態星球生成器:Nebula Artefact



  • 一句話描述:柔軟得想捏它一下

  • 開發者:Altered Qualia

  • 地 址: alteredqualia.com

  • 裝逼值:★★★☆☆

  • 編輯性:★☆☆☆☆

  • 延展性:★★★★☆

這是一個簡單到只要單擊滑鼠就能隨機生成一枚星球的酷炫生成器。



由於沒有引數可調,編輯性不強,操作起來十分隨意。左右移動滑鼠,可以旋轉星球:



上下移動滑鼠,可以縮放星球:



為什麼叫液態星球?當滑鼠劃過時,你會發現這個 「太陽」 居然是水做的!(有一種伸手進螢幕捏一下的衝動…)



換個顏色,更加名副其實了:



直接右鍵就能另存圖片,圖片的大小取決於你螢幕的解析度。看,這不就解鎖了一個宇宙星空相簿還天天不重樣麼?



1. 案例參考:


由於這些星球表面光滑純淨,都是絕佳的背景素材,成爲了我們工作室的常用背景,拋磚引玉一下:





即使作為主角,這些星球也超級百搭:






2. 隱藏彩蛋:


這位名字不知道怎麼唸的作者 Altered Qualia 其實大有來頭,他是最早一批接觸 WebGL 的程式設計藝術家之一,寫了無數對行業影響深遠的牛逼例子,前文提到的星球生成器只是他眾多小玩具中的一個:



他有多強?當年,大部分同行還停留在這種水平的時候:



他已經寫出這樣的例子了:






以至於很多後來崛起的 WebGL 大神,都是看著他的程式碼和例子長大的。例如我們的老朋友 @pissang ,當年就被殘忍地……



如果你有興趣,不妨關注一下這位始祖級的 WebGL 大神,個人主頁: alteredqualia.com



二、毛線星球生成器:Electric Sphere



  • 一句話描述:妄想用程式碼拯救脫髮危機

  • 開發者:David Crooks

  • 地 址: www.decrooks.com

  • 裝逼值:★★★☆☆

  • 編輯性:★★☆☆☆

  • 延展性:★★☆☆☆

這是程式設計藝術家 David Crooks 的一個 p5.js 小練習。(你可以粗暴地把 p5.js 理解為 Processing 的網頁版,反正就是可以做很多很厲害的創意程式設計啦~)


這個練習作品的效果就是能自動生成一團毛線 ……等一下,別走,人家的毛可是非常有質感的!



由於是程式設計練習,不僅沒有引數配置,而且還有一個小 bug:預設的邊距太小,導致毛球在生成過程中會被邊緣切割……




怎麼辦?改程式碼。別慌,超簡單。


切換到程式碼視窗,直接修改第49行程式碼的 width 引數就可以調整邊距了,數字越大越遠,這樣毛球的邊緣就不會被裁掉啦~



修改完後,重新點選中間的執行按鈕,現在你就擁有一顆完整的毛球了!



如果你覺得毛球不夠大,直接修改第4行 CreateCanvas 裡的引數,就能修改毛球的大小,兩個紫色數字分別代表長和寬:



1. 案例參考


掌握了這兩個引數,現在這團毛線想多大就多大啦!而且你會驚喜地發現,無論怎麼放大,每一根毛都清晰可見,通過不同比例的裁剪,我們就有了一組巨有質感的背景素材了:






我們工作室在幫 @邱晨 製作 PPT 時,就用上了這個素材:




2. 隱藏彩蛋


有同學嫌棄說,難道我想改顏色也要改程式碼嗎?不用。


由於這個球只用了黑白兩種顏色,這意味著我們只要修改這兩種顏色,就能達到重新著色的效果。


還記得我們在 《一鍵幫你節省 69% 的設計時間:10個有毒的設計神器》 中推薦過的兩個雙色調神器嗎?是的,只要丟進其中一個神器,顏色就可以爲所欲爲啦~


丟進 Duotone :



丟進 PhotoMosh :



靈活運用這些工具,還用擔心配色問題?



三、歐普球生成器:Play a Ball



  • 一句話描述:學AI不如玩個球

  • 開發者:@亞賽大人

  • 地 址: wangyasai.github.io/Play-a-ball

  • 裝逼值:★★★★☆

  • 編輯性:★★★★★

  • 延展性:★★★★★

相信不少同學在剛入門 Ai 的時候,都跟著教程做過這樣的抽象球體:環形,波紋,網格……




雖然教程簡單易懂,但很多同學還是過目就忘……現在,懶癌的福音來了!


設計師之光 @亞賽大人 為大家制作了一個生成器:Play a Ball(玩個球),讓你連門都不用入就能做出這樣的抽象圖形:



比起前面介紹的兩個工具,這個生成器的可編輯性高得離譜。比如,你可以隨意更改花紋:



你可以調整球體的平滑度來實現變形:



當然,每種花紋的疏密和大小都可以調節:



懶得調引數?那就直接點選隨機生成好了:



你以為這就完了?仔細看看引數面板,你會發現還藏著一個小功能:




是的,你甚至可以上傳自己的圖片,作為圖形的紋理!看,一秒鐘自制星球:



1. 參考案例


直接右鍵就能另存圖片,想要動態效果的話用錄屏工具錄製即可。趕緊去試玩吧,我先打卡為敬啦:




2. 隱藏彩蛋


不知不覺, @亞賽大人 已經陸續推出了6款超好玩的設計神器了,不僅顏值超高,而且每款都能巧妙地切中設計師的痛點。



更酷的是,所有生成器的產物免費可商用,還沒上車的同學趕緊關注吧:微博@亞賽大人



四、Q版星球生成器:Polygonal Planet



  • 一句話描述:像玩遊戲一樣製作星球

  • 開發者:Oskar Stålberg

  • 地 址: oskarstalberg.com

  • 裝逼值:★★★★★

  • 編輯性:★★★★★

  • 延展性:★★☆☆☆

這是獨立遊戲開發者 Oskar Stålberg 開發的一款又萌又酷的星球生成器,只需要動幾下滑鼠就能生成這樣的萌物:




工具欄長得非常友好,分為三類:



操作也十分簡單,選中一個模組型別(比如森林),在星球上隨意點選即可:左鍵生成,右鍵消除,就是這麼簡單。



同一模組,你還可以疊加多層,看這拔地而起的氣勢:



如果你想要更精細的效果,建議在右側工具欄把星球設定到最大,這樣就能有更多發揮空間啦:



除了線上版,作者還貼心地提供了更高清更流暢的客戶端下載!早就幫你打包好了,在我公眾號回覆:星球,即可獲取。



此外,這個星球還被收錄到 Steam 平臺上的著名分心桌布應用 Wallpaper Engine :




安裝後,這個星球就會被鑲嵌在桌面背景,有多分心你們感受一下:



1. 案例參考


遺憾的是,由於這枚星球的定位是小遊戲,並不能匯出圖片甚至視訊,更不可能商用,那隻能截圖或者錄屏來做做飛機稿了:




2. 隱藏彩蛋


作為一位天才遊戲設計師,Oskar 還開發了很多好玩的小工具,再推薦大家兩個。


Brick Block


這是一個小型建築生成器,只要點選「隨機」按鈕就會自動生成一個磚型小區:



你甚至可以自己新增或刪除樓層,操作依然是熟悉的左鍵生成,右鍵消除:



City Generator


街道生成器,直接在空白地方點選就會隨機生成一個街區:



已經喜歡上這個大神了?那就去追星吧。個人主頁: twitter.com/OskSta




五、立體星球生成器:Little big city



  • 一句話描述:零基礎製作3D星球你敢信?

  • 開發者:@pissang

  • 地 址: pissang.github.io

  • 裝逼值:★★★★★

  • 編輯性:★★★★★

  • 延展性:★★★★★

你能想象自己有一天,什麼軟體都不用學,直接開啟瀏覽器就能做出這樣的3D星球嗎?



是的,說的就是它:Little Big City,而且還會自!己!動!



星球上的這些3D建築並不是隨機生成的,而是對接了 MAPTALKS 上的真實資料,直接拖拽右下角的地圖,就會實時重新整理:



最酷的是,你看到的整個3D星球都是可拆分的:土地,道路,建築,水域,雲層都可以分別設定是否可見,以及調整顏色:



這意味著我們可以通過圖層和顏色的排列組合,創造出不同風格的星球!比如,只有公路和土地的 3D 星球,有種奇特的科幻感:



比如,純道路的鏤空星球:



又比如,純建築的鏤空星球:



製作好的星球直接右鍵就能下載高清圖片;如果你想下載透明背景的PNG,請先關閉「sky」選項。



1. 案例參考


這樣,我們就有了用之不盡的超優質3D星球素材了,而且素材還免費可商用!繼續拋磚:





2. 隱藏彩蛋


只要你點選左上角的切換按鈕,就可以把星球一鍵轉換成一座立體的懸浮城市!



同樣的簡易操作,拖拽地圖即重新整理建築:



同樣的360度無死角實時渲染:



真是越玩越手癢,繼續打卡為敬:




另外,這個神器甚至可以匯出 OBJ 三維格式喔~想象一下,結合 PPT 的 3D 功能還能玩出什麼花樣?又到你告訴我啦~



已經忘了第幾次推薦@pissang的神器了,每一次都驚為天人。




那個5年前被 Altered Qualia 大神 「爆出翔」 的中二少年,早已蛻變成了別人眼中的大神,以致敬的方式追趕著自己的偶像。


他的個人主頁,我推薦一百遍都不會膩: twitter.com/pissang1



六、氣象地球生成器:EARTH



  • 一句話描述:在酷炫的地球上興風作浪

  • 開發者:Cameron Beccario

  • 地 址: earth.nullschool.net

  • 裝逼值:★★★★☆

  • 編輯性:★★★★☆

  • 延展性:★★★☆☆

Earth 是一個開源的線上氣象視覺化工具,能展示天氣、洋流、海面溫度、大氣汙染等資料,由於可讀性超強,長期以來受到資料新聞領域的追捧,是全球最知名的資料視覺化專案之一。


但比起這些專業的資料監測,我們更關注的可能是 —— 顏值。是的,這顆地球長得超好看:



不僅可以隨意轉動,還可以隨意縮放還不失真,這不就是絕佳的星球素材麼?



除了預設展示的氣象圖,你還可以切換到其他模式,得到不同形式的地球:



比如,海洋模式:



比如,化學汙染物:



比如,我們熟悉的 PM2.5 分佈情況:



每一種展示模式下還有不同的覆蓋模式。反正,通過排列組合,你又一下子解鎖了幾十款酷炫的資料地球了,有一種科幻的異星感:



1. 案例參考


遺憾的是,這個工具沒辦法直接儲存圖片,手癢的同學只能截圖玩玩了。




2. 隱藏彩蛋:


其實這個神器除了我們常見的球體之外,還提供各種專業的投影模式:



個人最喜歡的就是:沃特曼蝴蝶投影(Waterman Butterfly Projection),顧名思義,可以得到一張蝴蝶形態的地圖~~



開個腦洞,這不就意味著我們能用它來製作各種花紋蝴蝶嗎?而且花紋位置還可以用滑鼠拖拽變動:



來,看看我的「標本」:



七、線上星球生成器:planetmaker



  • 一句話描述:星球製造機

  • 開發者:Kevin Gill

  • 地 址: planetmaker.wthr.us

  • 裝逼值:★★★☆☆

  • 編輯性:★★★★★

  • 延展性:★★★☆☆

Planet Maker,顧名思義這是一款線上星球生成器,雖然介面有點土,但功能十分強大。看,光是地球,就有9種樣式可選:



除了地球,它還提供其他數十種星球的紋理,讓你一秒鐘切換到外星:



除了切換星球,你還可以配置各種各樣的引數。比如,太陽直射的角度:



比如,雲層的設定,從厚度,高度,亮度……再到透明度,引數詳細到讓人髮指:



你以為這就完了?右側還有一大堆引數在等著你呢:



每一項展開同樣有超多引數,個人比較常用的就是「星環」,可以讓星球憑空生出一個可隨意編輯的環:



1. 案例參考


就這樣,我們又收穫了一堆寫實風格的星球素材了!如果你經常做 PPT,肯定對下面這組夜空素材不陌生,現在你都可以360度全體位儲存圖片了:



當然,成爲了我們工作室作品的常客:




2. 隱藏彩蛋


細心的同學肯定會發現,右下角有一行文字:This is a Chrome Experiments,不妨點進去看看~



你會發現,這裏聚集了來自全世界的程式設計藝術家,有點像程式設計師版的 Behance。他們用 Chrome 瀏覽器做著各種有趣的技術實驗,很多有趣的工具或者案例就是這麼誕生的,正如上文這個 Planet Maker。



比如,我們在 《一鍵幫你節省 69% 的設計時間:10個有毒的設計神器》 推薦過的馬卡龍色體素生成器 Biomes:



此外,這裏還有AR,VR,AI……等其他領域的酷炫實驗,你會發現,這其實就是 Google 的黑科技實驗室!



還記得前段時間 Google 刷爆朋友圈的小程式《猜畫小歌》嗎?其實這個小遊戲早就在實驗室釋出了,叫《快速塗鴉》:



釋出時間是2017年5月。看,有事沒事來這逛逛,說不定可以見證未來的技術熱點喔~



八、終極星球生成器:Space Engine



  • 一句話描述:讓你承包整個宇宙

  • 開發者:‍Vladimir Romanyuk

  • 下 載: spaceengine.org

  • 裝逼值:★★★★★

  • 編輯性:★★★★★

  • 延展性:★★★★☆

這是一個超酷的太空模擬器,你能用它探索各種天體:小行星、衛星、行星、恆星、中子星、星團、星雲和星系……由於體量比前面推薦的線上生成器大得多,需要把軟體下載到電腦上:



安裝後怎麼玩?超簡單。只要在浩瀚的宇宙中選中一坨星雲或者一顆星星,點選按鍵「G」就能瞬間穿越:



當然,你也可以通過搜星器直接搜尋想去的星球,比如,直接輸入地球:



更可怕的是,你找到的任何一顆星球都可以直接調整影象引數:



只要點選「F11」按鍵,就能儲存超清的不帶介面的截圖。每一幀,每一個角度,每一個體位都是大片:






1. 案例參考


可以想象,平時設計用到的大部分星空素材都可以直接從這生成,趕緊試試吧。




2. 隱藏彩蛋


其實,Space Engine 還有一個「著陸」功能,你可以著陸到任意一個你找到的星球。更可怕的是,如果你安裝了官方的超清素材包,甚至可以看到特定星球的超細緻紋理!感受一下:





多麼完美的背景素材:



以上,我只提到了 1% 的功能,其實這個引擎最大的樂趣在於探索宇宙,因此吸引了國內外大批天體愛好者。


他們經常在論壇或者社羣內分享自己找到的星球座標,甚至模有樣地討論著是否宜居……如果你也是同好,可以關注一下百度貼吧「spaceengine吧」,裏面還有很多新手教程喔~



九、Microsoft Office



  • 一句話描述:一直被你忽視的小可憐

  • 開發者:微軟

  • 地 址: www.office.com

  • 裝逼值:★★★★★

  • 編輯性:★★★★★

  • 延展性:★★★★★

早在去年的文章中我就預告過,最新版的 PPT 將會自帶一個線上3D模型庫,現在,未來已來:



直接點選按鈕就會彈出一個 3D 素材庫,而其中一大類,就是我們要找的星球素材:



隨便選一個插入到 PPT 中試試,完美相容,還可以隨意調整模型角度:



如果你在兩頁 PPT 之間加上「平滑」切換動畫,模型還會自動過渡!



而且,去年 Office 還為 3D 模型量身定做了一系列動畫!



現在,你的模型可以自轉了:



還會跳了!



1. 參考案例


Get 到了這些技巧,你還擔心做不出這樣的 PPT?





2. 隱藏彩蛋1:


同樣在去年的教程中,我教過大家用 Paint 3D 來自制星球:



你會發現製作這樣的星球,都是五分鐘的事情:




同樣地,結合「平滑」切換動畫,又可以開啟新世界大門啦~



更多操作我就不嘮叨了,還沒看過教程的同學請戳 《3D模型:PPT逆天新功能全劇透》


3. 隱藏彩蛋2:


其實不止 PPT, Excel 中也藏著一個地球,就在「插入」工具欄裡:



這個「三維地圖」功能,可以直接把你的地理資料標註在一個地球上,你能想象 Excel 中居然開啟了一個數據地球麼,還能換各種主題:



還有類似 PPT 的「平滑」切換功能:



看球看膩了?展開為平面地圖試試,同樣酷炫:



最近,我們工作室接到了一個「幫我做一個把地球展開的簡單動畫吧」的需求,看,馬上就用上了:



更多玩法就不展開了,還沒看過的同學來戳我的老教程吧: 《Office 2016的資料視覺化大殺器》


總結


為什麼推薦這麼多星球生成器?


因為在日常製作 PPT 的時候,我們經常遇到這樣的客戶需求:



經過無數次被虐哭後,我發現原來他們想要的是這樣的 PPT 啊:





於是,我總結了一個規律



有了這9個神器,你還擔心自己的 PPT 不夠大氣?


歡迎關注作者的微信公眾號:「我懂個P」



「超強大的PPT合集」





http://www.buzzfunnews.com/20180827492.html

每日頭條即時更新,請上:http://www.buzzfunnews.com

沒有留言:

張貼留言