使用微思草圖快速繪制彩平草圖

1. 工具版本

早前我們發(fā)布了一個(gè)基于谷歌地圖生成平面圖樣式的工具。類似于這樣:

但是這個(gè)工具(微思總平圖生成器)的局限性很多棍弄,只是讓地圖看起來像一張平面圖望薄,但建筑物、路網(wǎng)的形狀等均不可以自己修改呼畸,行道樹的修改也非常繁瑣痕支。在結(jié)合微思的其他工具的基礎(chǔ)上,我們研發(fā)了微思草圖V2工具蛮原。

2. 工具簡(jiǎn)介

2.1 工具特征

微思草圖V2(將)具備這些特點(diǎn):

· 完全自定義繪制卧须。也就是說您可以繪制任何您想要的內(nèi)容,包括設(shè)置它們的樣式儒陨。

· 參數(shù)化智能生成花嘶。比如我們要繪制一條帶有行道樹的道路,您只需要繪制一根線蹦漠,設(shè)定它的寬度等參數(shù)椭员,它就可以自動(dòng)生成剩余的所有內(nèi)容〉言埃或通過設(shè)置幾個(gè)參數(shù)拆撼,快速智能填充某個(gè)地塊容劳。

· 模塊化快速搭建。盡可能內(nèi)置多種圖形模塊闸度,只需要簡(jiǎn)單拖拽竭贩,就可以快速繪制好一個(gè)元素。

· 高效的信息管理莺禁。繪制完成后留量,您可以一鍵統(tǒng)計(jì)容積率、建筑面積哟冬、綠地率等等一些常見指標(biāo)楼熄。

· 開放數(shù)據(jù)的接入能力。您可以直接一鍵下載一些開源地圖數(shù)據(jù)作為基礎(chǔ)浩峡,比如等高線可岂,再比如路網(wǎng)、水系翰灾、建筑面等等……

· 豐富多彩的底圖缕粹。這個(gè)會(huì)繼承WGIS那邊的功能。

· 與其他桌面軟件的整合能力纸淮。比如能一鍵下載分層的位圖或矢量圖等等平斩。方便在PS或CAD等軟件中進(jìn)行進(jìn)一步修改。

目前咽块,我們已經(jīng)做了一些整合绘面,已經(jīng)上線了一個(gè)測(cè)試版本

2.3 使用場(chǎng)景

微思草圖侈沪,故名思意揭璃,是快速構(gòu)建草圖和碰撞設(shè)計(jì)思路的工具。盡管缺少部分細(xì)節(jié)亭罪,但是可以幫助我們快速驗(yàn)證想法和思路瘦馍。

微思草圖工具不如桌面CAD軟件或位圖編輯軟件那么高效和精細(xì),這是肯定的皆撩。希望它能夠成為一個(gè)在方案構(gòu)思或前期方案比對(duì)階段的一個(gè)快速輔助工具扣墩,幫助設(shè)計(jì)師決策或快速出具意向示意圖等等哲银。

使用場(chǎng)景比如:(1)某個(gè)地塊扛吞,我們通過簡(jiǎn)單勾畫,就能大概知道建多少平米的房子能夠?qū)崿F(xiàn)二級(jí)開發(fā)的盈利等等荆责。(2)跟甲方前期溝通方案滥比,不用熬夜畫多個(gè)方案,簡(jiǎn)單勾畫做院,讓甲方確定好一個(gè)方向后盲泛,再進(jìn)行深度設(shè)計(jì)濒持。

3. 使用說明

微思草圖比起其他桌面軟件,操作簡(jiǎn)單寺滚,容易上手柑营。核心工具和設(shè)置的內(nèi)容主要由工具欄和操作面板兩部分組成。

3.1 工具欄簡(jiǎn)介

所有常用工具均在工具欄中可以找到村视。從左至右官套,藍(lán)色按鈕分別為:

視圖編輯工具:工具激活后,可以在地圖上繪制一個(gè)矩形的編輯區(qū)域蚁孔,繪制完成后奶赔,地圖將被鎖定在該區(qū)域。

道路繪圖工具:工具激活后杠氢,可以在地圖上繪制道路中線站刑,根據(jù)道路中線和路寬,會(huì)自動(dòng)生成道路面鼻百。

MapBox數(shù)據(jù)下載工具:工具點(diǎn)擊后绞旅,將從Mapbox上下載當(dāng)前視圖范圍內(nèi)的可用矢量數(shù)據(jù)。在一份完整的繪圖過程中該工具僅能使用一次愕宋,如果需要更改區(qū)域玻靡,請(qǐng)刷新頁面后重試。

地塊切割工具:根據(jù)道路中線和道路面中贝,將視圖范圍內(nèi)的地塊進(jìn)行切割囤捻。

道路中線打斷工具:可以將一條道路中線在某個(gè)點(diǎn)打斷為兩條。

建筑物繪圖工具:工具激活后邻寿,可以在建筑物圖層上繪制圖形蝎土。

樹木繪圖工具:工具激活后,會(huì)自動(dòng)計(jì)算行道樹绣否,并可以在地圖上任意繪制隨機(jī)樹叢誊涯。

水體繪圖工具:工具激活后,可以在水體圖層上繪制圖形蒜撮。

景觀繪圖工具:工具激活后暴构,可以在景觀圖層上繪制圖形。

陰影繪圖工具:工具點(diǎn)擊后段磨,將自動(dòng)根據(jù)設(shè)置的日期和時(shí)間來計(jì)算建筑物和樹木的陰影取逾。

矢量選擇工具(V):工具激活后,可以選擇允許編輯的矢量圖形(行道樹苹支、陰影等自動(dòng)生成的圖形不允許選擇和修改砾隅,如果要修改行道樹和陰影,請(qǐng)直接修改道路(寬度和行道樹屬性)债蜜、建筑物(形狀和高度屬性)本身晴埂,道路和建筑修改后究反,行道樹和陰影可以重新計(jì)算生成。

節(jié)點(diǎn)編輯工具(E):可以對(duì)允許編輯的矢量圖形進(jìn)行節(jié)點(diǎn)編輯儒洛。按住Alt鍵點(diǎn)擊某個(gè)節(jié)點(diǎn)可以將該節(jié)點(diǎn)刪除精耐,在邊上單擊可以直接在該處新增節(jié)點(diǎn)。

矢量移動(dòng)工具(M):可以對(duì)允許編輯的矢量圖形進(jìn)行整體移動(dòng)琅锻。

矢量旋轉(zhuǎn)工具(R):可以對(duì)允許編輯的矢量圖形進(jìn)行整體旋轉(zhuǎn)黍氮。

矢量縮放工具(S):可以對(duì)允許編輯的矢量圖形進(jìn)行整體縮放。向上拖動(dòng)鼠標(biāo)為沿Y軸放大浅浮,向下拖動(dòng)鼠標(biāo)為沿Y軸縮小沫浆,向右拖動(dòng)鼠標(biāo)為沿X軸放大,向左為沿X軸縮小滚秩∽ㄖ矗縮放過程中,按下Shift鍵郁油,可以鎖定寬高比本股。

3.2 操作面板簡(jiǎn)介

3.2.1 基本配置面板

基本配置面板中可以設(shè)置陰影大小和方向、吸附圖層桐腌、底圖樣式和背景色樣式拄显。其中,畫板背景色僅在關(guān)閉底圖圖層時(shí)方可顯示出來(畫板背景色在導(dǎo)出圖片時(shí)不會(huì)被導(dǎo)出)案站。

3.2.2 屬性樣式面板

當(dāng)我們使用矢量選擇工具躬审,選中某個(gè)矢量圖形時(shí),方可激活該面板蟆盐。上圖中顯示了選中了某個(gè)建筑物后展示出的屬性和樣式承边。

3.2.3 圖層列表面板

該面板內(nèi)可以控制關(guān)閉或打開某些圖層。在導(dǎo)出圖片或繪制過程中都會(huì)用到石挂。

3.2.4 數(shù)據(jù)下載面板

目前可以將地圖中所繪制的所有內(nèi)容導(dǎo)出為圖片或者wisdraw文件博助。

圖片支持導(dǎo)出最大邊為6000像素的png圖片。

wisdraw文件可方便在下次打開該工具時(shí)痹愚,恢復(fù)之前的繪圖內(nèi)容富岳。

3.3 基本繪圖操作

3.2.1 繪圖順序與圖層

啟用哪個(gè)繪圖工具,所繪制的圖形就存儲(chǔ)在哪個(gè)圖層上拯腮。比如我們用道路繪圖工具繪制道路中線窖式,所繪制的內(nèi)容會(huì)自動(dòng)存儲(chǔ)到道路中線圖層上,我們用建筑物繪圖工具繪制建筑疾瓮,會(huì)自動(dòng)存儲(chǔ)到建筑圖層上脖镀。同一圖層上的圖形飒箭,可以通過選中后點(diǎn)擊鼠標(biāo)右鍵來移動(dòng)它們的排列順序狼电。

3.2.2 精準(zhǔn)繪圖操作

如需精準(zhǔn)繪圖蜒灰,請(qǐng)使用繪圖過程中的參數(shù)化工具。在繪制線條或多邊形時(shí)肩碟,會(huì)出現(xiàn)參考線(下圖序號(hào)2)强窖,默認(rèn)的參考線提示了上一次繪制方向的延長(zhǎng)方向和垂直方向。并用數(shù)字動(dòng)態(tài)提示(下圖序號(hào)1)當(dāng)前的長(zhǎng)度和距離正北方的角度(正北方順時(shí)針方向?yàn)檎髌恚鏁r(shí)針方向?yàn)樨?fù))翅溺。如果需要精準(zhǔn)繪圖,請(qǐng)?jiān)谙聢D紅色序號(hào)3-4處分別輸入距離和角度髓抑,點(diǎn)擊紅色序號(hào)5咙崎,可以準(zhǔn)確定位下一個(gè)繪圖節(jié)點(diǎn)。

3.2.3 繪圖和編輯的撤銷操作

為了減輕瀏覽器運(yùn)行壓力吨拍,保持最佳性能褪猛,我們僅在部分環(huán)節(jié)提供撤銷操作,暫不支持重做操作羹饰。

繪圖過程中:當(dāng)任何一款繪圖工具激活時(shí)伊滋,可以撤銷(Ctrl+Z)當(dāng)前繪圖工具生命周期內(nèi)的繪圖操作。其生母周期指:工具被激活時(shí)開始队秩,工具關(guān)閉時(shí)結(jié)束笑旺。如果工具已經(jīng)被關(guān)閉,則上一個(gè)生命周期內(nèi)的繪圖則不可以再撤銷馍资。如果正在繪制過程中筒主,想刪除上一個(gè)繪制節(jié)點(diǎn),請(qǐng)按Backspace(退格)鍵鸟蟹。

移動(dòng)工具激活過程中:當(dāng)移動(dòng)工具激活時(shí)物舒,可以撤銷(Ctrl+Z)當(dāng)前移動(dòng)工具生命周期內(nèi)的移動(dòng)操作。

縮放工具激活過程中:當(dāng)移動(dòng)工具激活時(shí)戏锹,可以撤銷(Ctrl+Z)當(dāng)前移動(dòng)工具生命周期內(nèi)的移動(dòng)操作冠胯。

旋轉(zhuǎn)工具激活過程中:當(dāng)移動(dòng)工具激活時(shí),可以撤銷(Ctrl+Z)當(dāng)前移動(dòng)工具生命周期內(nèi)的移動(dòng)操作锦针。

其他工具和樣式調(diào)整等操作暫不支持撤銷荠察。

4.繪圖示意

我們以臨摹下面這張彩平為例(圖片來源于網(wǎng)絡(luò),侵刪)奈搜。

4.1 繪制視圖

激活視圖編輯工具悉盆,在地圖上隨意框選一個(gè)范圍,框選時(shí)注意邊長(zhǎng)盡可能與原始圖片相同(可以根據(jù)建筑物馋吗、道路等簡(jiǎn)單預(yù)判焕盟,不會(huì)預(yù)判也沒關(guān)系,只要不要差的太離譜即可宏粤。為什么要這么做脚翘?因?yàn)槲⑺疾輬D的很多工具是基于數(shù)據(jù)自動(dòng)生成的灼卢,如果比例不對(duì),我們?cè)O(shè)置一個(gè)10米的路面可能顯示并不準(zhǔn)確)来农。

然后關(guān)閉底圖圖層鞋真。我們得到一張空白的畫布(底圖圖層只是一個(gè)空間參考的作用,如果需要顯示底圖可以作為背景層輸出沃于,如果不需要涩咖,可以直接關(guān)閉)。

4.2 勾勒路網(wǎng)

按下圖序號(hào)1的位置來激活道路繪圖工具繁莹,在畫布上簡(jiǎn)單勾勒一個(gè)路網(wǎng)檩互,系統(tǒng)會(huì)自動(dòng)根據(jù)路寬計(jì)算出道路面。在繪制道路中線之前咨演,也可以提前預(yù)設(shè)該道路的一些基本屬性(下圖序號(hào)2)

然后使用節(jié)點(diǎn)編輯工具和屬性樣式面板盾似,微調(diào)道路的走向和寬度。并將所有的行道樹選項(xiàng)設(shè)置為“無行道樹”(下面截圖中暫未設(shè)置雪标,請(qǐng)自行設(shè)置零院。因?yàn)槲覀円R摹的圖片中基本無行道樹環(huán)繞地塊,所以我們?cè)O(shè)置為“無行道樹”村刨,如果需要行道樹環(huán)繞地塊告抄,請(qǐng)?jiān)O(shè)置為“有行道樹”)。

路網(wǎng)框架完成之后嵌牺,記住保存一個(gè)備份打洼,防止后面發(fā)生意外。

4.3補(bǔ)充細(xì)節(jié)

繪制廣場(chǎng)和建筑物逆粹。使用陰影工具募疮,可以自動(dòng)生成陰影。

使用地塊切割工具僻弹,可以自動(dòng)生成路網(wǎng)之間的地塊阿浓。分別選中它們,設(shè)置為綠色的背景蹋绽。

4.4 添加樹木

使用樹木繪圖工具芭毙,繪制樹叢。

使用排樹工具補(bǔ)充部分行道樹卸耘。并計(jì)算它們的陰影退敦。

4.5 補(bǔ)充園路

關(guān)閉樹木和陰影圖層,使用圓弧或者S線來補(bǔ)充園路和游步道蚣抗。圓弧繪制過程中侈百,按下 i 鍵可以反轉(zhuǎn)圓弧的方向。

調(diào)整圖層顯示。效果如下:

4.7 指標(biāo)統(tǒng)計(jì)

選中我們需要統(tǒng)計(jì)的要素钝域,可以對(duì)其占地面積讽坏、建筑面積等快速求和。

4.8 陰影分析

切換不同的季節(jié)和時(shí)間网梢,可以分別計(jì)算出符合項(xiàng)目地實(shí)際情況的陰影長(zhǎng)度和方向。如下圖分別顯示了冬至日和夏至日下午4點(diǎn)的陰影差別赂毯。

冬至日陰影:

夏至日陰影:

最后添加一些細(xì)節(jié)战虏,給草地添加材質(zhì)(設(shè)置填充樣式為噪點(diǎn)),并微調(diào)樹的顏色和大小党涕。

如果需要給圖形挖洞烦感,則先繪制兩個(gè)重疊的圖形,選中后用“差”來挖洞膛堤。

最終效果如下:

4.9 源文件下載

??微思草圖 (9).zip

解壓后得到wisdraw后綴的文件手趣,可以直接用微思草圖加載。


工具地址:https://wis-ai.com/sketch

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末肥荔,一起剝皮案震驚了整個(gè)濱河市绿渣,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌燕耿,老刑警劉巖中符,帶你破解...
    沈念sama閱讀 211,948評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異誉帅,居然都是意外死亡淀散,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,371評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門蚜锨,熙熙樓的掌柜王于貴愁眉苦臉地迎上來档插,“玉大人,你說我怎么就攤上這事亚再」牛” “怎么了?”我有些...
    開封第一講書人閱讀 157,490評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵氛悬,是天一觀的道長(zhǎng)饲鄙。 經(jīng)常有香客問我,道長(zhǎng)圆雁,這世上最難降的妖魔是什么忍级? 我笑而不...
    開封第一講書人閱讀 56,521評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮伪朽,結(jié)果婚禮上轴咱,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好朴肺,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,627評(píng)論 6 386
  • 文/花漫 我一把揭開白布窖剑。 她就那樣靜靜地躺著,像睡著了一般戈稿。 火紅的嫁衣襯著肌膚如雪西土。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,842評(píng)論 1 290
  • 那天鞍盗,我揣著相機(jī)與錄音需了,去河邊找鬼。 笑死般甲,一個(gè)胖子當(dāng)著我的面吹牛肋乍,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播敷存,決...
    沈念sama閱讀 38,997評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼墓造,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了锚烦?” 一聲冷哼從身側(cè)響起觅闽,我...
    開封第一講書人閱讀 37,741評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎涮俄,沒想到半個(gè)月后谱煤,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,203評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡禽拔,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,534評(píng)論 2 327
  • 正文 我和宋清朗相戀三年刘离,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片睹栖。...
    茶點(diǎn)故事閱讀 38,673評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡硫惕,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出野来,到底是詐尸還是另有隱情恼除,我是刑警寧澤,帶...
    沈念sama閱讀 34,339評(píng)論 4 330
  • 正文 年R本政府宣布曼氛,位于F島的核電站豁辉,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏舀患。R本人自食惡果不足惜徽级,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,955評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望聊浅。 院中可真熱鬧餐抢,春花似錦现使、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,770評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至欺抗,卻和暖如春售碳,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背绞呈。 一陣腳步聲響...
    開封第一講書人閱讀 32,000評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工贸人, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人报强。 一個(gè)月前我還...
    沈念sama閱讀 46,394評(píng)論 2 360
  • 正文 我出身青樓灸姊,卻偏偏與公主長(zhǎng)得像拱燃,于是被迫代替她去往敵國(guó)和親秉溉。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,562評(píng)論 2 349