それっぽい地形を作ってくれるファンタジー・マップ・ジェネレーターback

それっぽい地形を作ってくれるファンタジー・マップ・ジェネレーター


続き・詳細・画像をみる

1. 平面上に不均一なグリッドを作る
隣接する3点を結んだ三角形から成るグリッド。
実際にはこの4倍の点が使われます。
正方形が並んだ人工的なグリッドではなく不均一なグリッドを用意することは、後に自然な海岸線や川のラインを作る際に役立ちます。
ランダムに描画した点を、Lloyd's algorithmを使用する事で程よい間隔に修正。これらの隣り合う点を結ぶことで、不均一な平面のグリッドが完成します。
2. 高さを設定して大まかな地形を作る
黄色が高い場所、青が低い場所。
中間である緑色の境界に海岸線が引かれています。
平面グリッドの各地点に高さの値を加えることで大まかな地形を作っていきます。
具体的に行われる作業は地形全体に傾斜を加える、高低差を強調する、傾斜をなだらかにする、ランダムに地形を隆起させるなど。最後に任意の高さを海面に設定することで海岸線が現れ、大まかな地形が見えてきます。
3. 水による浸食をシミュレーションする
左:2の図の海面を高さ0に設定したもの。
右:左の図に浸食効果をかけたもの。
地形が形作られる際、谷部分は雨や川によってえぐれ、海岸線は波によって削られます。地点ごとの影響の受けやすさを計算し、浸食効果を加えて地形を削り、ディテールを整えていく行程です。最後に海面の高さと海岸線の形を調整し、「自然な見た目の地形」の完成です。
4. 手描きの地図状にする
左:3の図から海岸線を調整したもの。
右:手描き風にレンダリングされた地図。
海岸線、川、山の傾斜の影を描画し、元の地形を消すことで手描き地図のような見た目にします。川の位置が自動で導きだされているのもポイントです。
5. 街と境界線を書き込んで完成。
街のマークと地名が書き加えられることで、より本物らしくなります。
さらに水源の近くに街を配置、それぞれのテリトリーを決めて境界線が描画されます。同時に、独自にランダム生成された地名を記入することで完成です。
***
それぞれの行程に施された細かい工夫が地図のリアリティに貢献しています。
O'Leary氏のホームページでは、実際のプログラムに触れながらの詳しい解説とアルゴリズムの詳細を確認できるほか、GitHub上では「terrain」のコードが公開中です。スキルのある方はダウンロードして遊んでみるだけでなく、世界中のコーダーたちとともに、さらなる改良に取り組めます。
小説家でなくともファンタジー世界を創造できるという、Martin O'Leary氏と「terrain」が見せてくれた可能性が、別の誰かが作る新しい世界に広がっていくのかもしれません。
image: Generating fantasy maps
source: Generating fantasy maps, GitHub, Twitter, Martin O'Leary, Wikipedia
(勝山ケイ素)
- ソフトウェア
- アート
- デザイン
- エンターテインメント
- GIZMODOのトップに戻る
-
The Atlas of Middle-Earth 「中つ国」歴史地図 ― ...
Amazon
-
文庫 新版 指輪物語 全10巻セット (評論社文庫)
Amazon
ランキング
ロクテの髪も緑に。五輪プールが緑になった原因ついに判明
これ下さい。iPhone7にシックなスペースブラックモデルが登場するかも?
回帰か、それとも後追いか。2017年iPhoneに「ガラス製筐体」のうわさ再び
あのダイソン球と騒がれた星の謎がまた復活
ポケモンGO、規約違反者のアカウントを永久停止へ
新着記事
ハンドルもブレーキもない完全「自動運転車」フォードが発売を計画中
人が浮き、トイレがもげる。乱気流で垂直降下の機内ホラー
SpaceXとBoeing専用。今夜、国際宇宙ステーションに「駐車場」を作る!
それっぽい地形を作ってくれるファンタジー・マップ・ジェネレーター
闇に現れた生き物か。SpaceXのロケット打ち上げ映像が、大迫力すぎる
新着記事一覧
ハンドルもブレーキもない完全「自動運転車」フォードが発売を計画中
いまの自動運転技術は本当の「自動運転」ではない!Tesla Motorsの「オートパイロット」システムをはじめ、車の運転の自動化をサポートする技術が、各メーカーから続々と登場してきています。とはいえ、...
人が浮き、トイレがもげる。乱気流で垂直降下の機内ホラー
「エレベーターが壊れて50階落ちる感覚だった」「人が木偶の坊みたいに宙に浮いていた」「トイレが土台からもげた」想像するだけで胃の辺りが…。12日夜ボストンからサクラメントに向かう途中、突然の垂直降下に...
SpaceXとBoeing専用。今夜、国際宇宙ステーションに「駐車場」を作る!
それっぽい地形を作ってくれるファンタジー・マップ・ジェネレーター
闇に現れた生き物か。SpaceXのロケット打ち上げ映像が、大迫力すぎる
Googleのビデオ通話アプリ「Duo」リリース! FaceTimeキラーとなるかは正直ビミョーかも…
無限に続くVR世界。東大が開発した「Unlimited Corridor」を体験してきた
マクドナルド、ハッピーセットのおもちゃにまさかの「健康デバイス」
ヌイグルミみたいなタコみたいなイカ…イカ
米ミルウォーキーで「警察が黒人居住地域のネットを遮断」の噂が流れる
続きを読む
ポケモンGO
実写映画版「ポケモン」に映画「ガーディアンズ・オブ・ギャラクシー」の脚本家が参加
ペンタゴンでポケモンGOがプレイ禁止に。ジムも消滅…
ポケモンGO、ギネス記録を5つも同時に達成!
続きを読む
今年の夏はドローン空撮写真展でゾクゾクする神秘性を見てみよう
一緒に飛びたい浮遊感。「PHANTOM」「INSPIRE」ドローン開発で有名な会社DJI Japanさん主催のドローン空撮写真展「Perspectives by SkyPixel in Tokyo」が...
子どものプログラミング特集
電子工作おもちゃ「littleBits」お部屋にポップな罠を仕掛けるキットを発売
電子工作おもちゃ「littleBits」お部屋にポップな罠を仕掛けるキットを発売
無料もたくさん。幼稚園〜小学校の子どものためのプログラミングお手軽アプリまとめ
無料もたくさん。幼稚園〜小学校の子どものためのプログラミングお手軽アプリまとめ
もっと子どもにプログラミングを。BBCは「Micro:bit」100万台を無料配布
3歳児から小学生まで。プログラミングを学べるおもちゃまとめ
小1男子と遊んで納得。プログラミングは現代の子どもにとって身近な「遊び」である
女の子たち、勇敢であれ。女子中高生が無料でプログラミングを学ぶ「Girls Who Code」
おいしくてかしこくなる。ポッキーとビスコでプログラミングを学べるアプリ「GLICODE(グリコード)」
ブロックのオモチャでコードが学べたら、いいと思いません?
カネが飛び、タワシが走り、ケーキはビートを刻む…Maker Faire Tokyo 2016レポート
「子どものスクリーン利用は2時間まで」って、守れますか?
五輪
五輪選手の理想の朝食は、肉とナッツ。以上!
ジュースとかパンとか牛乳とかは、いらない、と。五輪選手みたいに運動で高いパフォーマンスを出すには、練習だけじゃなく食生活もとても重要です。でもよくあるダイエットみたいにガマンの連続はいりません。朝から...
夏季五輪、2084年には開催できる都市はわずか8カ所ほどになっているかも
日本での開催は、次の東京五輪が最後に…?今年の夏休みを大いに盛り上げてくれているリオ五輪。おかげで、最近すっかり寝不足気味という人だって多いでしょうね。そんな4年に1度の夏の風物詩となってきた夏季五輪...
五輪ボランティアがブッチしまくりで問題に
ロクテの髪も緑に。五輪プールが緑になった原因ついに判明
五輪中のリオで発見した「そりゃないだろ…」なAirbnbの部屋
リオ五輪の競泳プールが一晩にして緑に変色した理由は…?
続きを読む
名シーンを再現。3DCGで描かれたアニメ「AKIRA」の短編
質感に息を呑む。なんとかかんとか実写化も進行中とされているアニメ映画の名作、「AKIRA」。実写でのネオ東京も早く目にしてみたいところですが、映像作家のBrad Kremerさんが一足先に3DCGで本...
ゴジラはこう生まれた。映画「シン・ゴジラ」のCGの裏側
現実対白組公開されて以来、大きな話題となり、マンガ家の島本和彦さんも打ちのめされたと語っている、庵野秀明監督の怪獣映画「シン・ゴジラ」。実写VFXで定評のある白組が手がけた、本作のCGのメイキング映像...
鍛冶屋チームが「ドラゴンボールZ」トランクスの剣を制作
技術的には和と洋の融合でした。鍛冶屋チームが今回手がけたのは、マンガ/アニメ「ドラゴンボールZ」で未来から訪れたトランクスがフリーザを一刀両断し、劇場版アニメで勇者タピオンから譲り受ける様子が描かれた...
1分でGoogle スプレッドシートに絵を描く裏ワザ
知らない人を驚かせたい。本来は表計算ソフトであるMicrosoftのエクセルで絵を描く、というのは割と昔から行なわれています。しかし、1マスごとを色で埋めていくのは大変な作業で、まさに職人技ともいえる...
macOS Sierra プレビュー:「Siri」と「iOS」が「Mac」を育てている
「最高」は「天井」ではない。Appleはもっとも新しいMacのOS、「macOS Sierra」のパブリックベータをリリースしました。「Apple Beta Software Program」で登録す...
映画
そして虚構は世界初の表現へ。アニメーション映画「GODZILLA」公開決定!
これが昂ぶらずに、いられようか。燃える漫画家、島本和彦先生の「俺より面白いものつくるんじゃねえ!!」をして、その壮絶さを世界の視聴者、そしてクリエイターに知らしめた、庵野秀明総監督による「シン・ゴジラ...
建設中の「スター・ウォーズ」ランドではライトセーバーでブラスターがはね返せる?
ジェダイになったら一度はやってみたい技。現在、米ディズニーランド内に建設中の「スター・ウォーズ」ランド。すでにお披露目されているドロイドや建設現場の様子を見る限り、最高な施設になりそうなことはうすうす...
「スター・ウォーズ」のチャルマンのカンティーナが期間限定でオープン
リメイク版「IT」のピエロの全貌と身の毛もよだつメイキング写真が公開
DCコミックス最狂のヴィラン「ジョーカー」が映画の中で殺した人数
スーパーヒーローだけじゃない! コミック原作映画の50年史
スタンリー・キューブリックとウェス・アンダーソンの作品は並べて比較すると実は似ている
SWにも好相性? 映画「ローグ・ワン」×ビースティ・ボーイズ
映像作品「KINGSGLAIVE FINAL FANTASY XV」の冒頭12分が公開
実写映画版「ポケモン」に映画「ガーディアンズ・オブ・ギャラクシー」の脚本家が参加
続きを読む
厚さ3.4mmの落し物追跡タグ「mamorio」。これは世界から落し物がなくなるかも
右に行っているつもりが左へ…。VRを使った無意識ナビゲーション
ロールスロイスのボンネットマスコットがそう簡単に盗まれない理由
史上最悪?の自転車泥棒
あのダイソン球と騒がれた星の謎がまた復活
遠い星の光が宇宙人の巨大構造物に遮られる確率を論考
米Yahoo!CEOマリッサ・メイヤー「週130時間働くにはトイレの回数の戦略も必要」
3年後には新たな宇宙ビジネスとして「小惑星採掘」がはじまるかも
24時間で消えるはずのInstagramの新機能「Instagram Stories」。一度ウェブにアップした動画や写真は永遠に消えないことを図らずも証明してしまう
ナマケモノ、実は省エネの大天才?
ヒップホップの誕生を描く青春ドラマ「ゲットダウン」特別映像
新着記事一覧
ハンドルもブレーキもない完全「自動運転車」フォードが発売を計画中
いまの自動運転技術は本当の「自動運転」ではない!Tesla Motorsの「オートパイロット」システムをはじめ、車の運転の自動化をサポートする技術が、各メーカーから続々と登場してきています。とはいえ、...
人が浮き、トイレがもげる。乱気流で垂直降下の機内ホラー
「エレベーターが壊れて50階落ちる感覚だった」「人が木偶の坊みたいに宙に浮いていた」「トイレが土台からもげた」想像するだけで胃の辺りが…。12日夜ボストンからサクラメントに向かう途中、突然の垂直降下に...
SpaceXとBoeing専用。今夜、国際宇宙ステーションに「駐車場」を作る!
それっぽい地形を作ってくれるファンタジー・マップ・ジェネレーター
闇に現れた生き物か。SpaceXのロケット打ち上げ映像が、大迫力すぎる
Googleのビデオ通話アプリ「Duo」リリース! FaceTimeキラーとなるかは正直ビミョーかも…
無限に続くVR世界。東大が開発した「Unlimited Corridor」を体験してきた
マクドナルド、ハッピーセットのおもちゃにまさかの「健康デバイス」
ヌイグルミみたいなタコみたいなイカ…イカ
米ミルウォーキーで「警察が黒人居住地域のネットを遮断」の噂が流れる
iPhone 7はもっと早く充電できるようになるかも
そして虚構は世界初の表現へ。アニメーション映画「GODZILLA」公開決定!
あと少し遅かったら…テレビ局の記者、洪水に沈んでいく車から女性と犬をギリギリで救出
ドラッグでハイになりながらIKEA家具を作ってはいけない…そもそもドラッグがダメだってば!
当たりすぎてコワイ…。人工知能の「Watson」が、ツイート履歴からあなたの性格診断します
Mugendai
人工知能はどのように自我を獲得するのか?:新刊「人工知能のための哲学塾」第零夜(後編)
人工知能は身体を欲している?:新刊「人工知能のための哲学塾」第零夜(中編)
改めて知りたい、人工知能とは何か?:新刊「人工知能のための哲学塾」第零夜(前編)
続きを読む
- TECHNOLOGY無限に続くVR世界。東大が開発した「Unlimited Corridor」を体験してきた
- SCIENCE闇に現れた生き物か。SpaceXのロケット打ち上げ映像が、大迫力すぎる
- PRODUCTGoogleのビデオ通話アプリ「Duo」リリース! FaceTimeキラーとなるかは正直ビミョーかも…
- ENTERTAINMENTそして虚構は世界初の表現へ。アニメーション映画「GODZILLA」公開決定!
- LIFESTYLEより良い音を求めて。オーディオマニアが辿り着いた答えは「マイ電柱」だ
- DESIGNそれっぽい地形を作ってくれるファンタジー・マップ・ジェネレーター
- BUSINESSSpaceXとBoeing専用。今夜、国際宇宙ステーションに「駐車場」を作る!
- NEWS人が浮き、トイレがもげる。乱気流で垂直降下の機内ホラー
-
-
-
-
-
-
-
-
-
- GIZMODOについて
- 広告掲載について
- 媒体資料のお問い合わせ
copyright (c) mediagene, Inc. All Rights Reserved.
window.App={"context":{"dispatcher":{"stores":{"RouteStore":{"currentUrl":"\u002F2016\u002F08\u002Ffantasy-map-generator.html?utm_source=rss20&utm_medium=rss","currentNavigate":{"transactionId":8816906637148160,"url":"\u002F2016\u002F08\u002Ffantasy-map-generator.html?utm_source=rss20&utm_medium=rss"},"currentNavigateError":null,"isNavigateComplete":true,"routes":null},"CompositionStore":{"modules":[{"moduleKey":"GzMainDetail","moduleSettings":{"bgHeader":[],"entryDetail":[{"moduleKey":"","moduleSettings":{"entry":{"article_types":[],"categories":[{"category_label":"Design","id":405,"slug":"category\u002Fdesign","src":""}],"custom_fields":{"ameba_rss_flag":"新規","bigimage":0,"biglobe_rss_flag":"新規","entry_amazon":"","entry_amazon_from_201607":"\u003Cli class=\"gz-ec-item--1 gz-ec-item--1-amazon\"\u003E\u003Cdiv class=\"gz-ec-itemInner\"\u003E\u003Ca class=\"gz-ec-item-link\" href=\"http:\u002F\u002Fwww.amazon.co.jp\u002FAtlas-Middle-Earth-「中つ国」歴史地図-―-トールキン世界のすべて\u002Fdp\u002F4566023753?SubscriptionId=AKIAITY5MSZ73E3SYHOQ&tag=gj09-22&linkCode=xm2&camp=2025&creative=165953&creativeASIN=4566023753\" target=\"_blank\"\u003E\u003Cfigure class=\"gz-ec-imageWrapper\"\u003E\u003Cimg class=\"gz-ec-image\" src=\"http:\u002F\u002Fecx.images-amazon.com\u002Fimages\u002FI\u002F51JS577RMGL.jpg\" width=\"185\" height=\"185\" alt=\"The Atlas of Middle-Earth 「中つ国」歴史地図 ― ...\"\u003E\u003C\u002Ffigure\u003E\u003Ch3 class=\"gz-ec-title\"\u003EThe Atlas of Middle-Earth 「中つ国」歴史地図 ― ...\u003C\u002Fh3\u003E\u003Cdiv class=\"gz-ec-shoptitle\"\u003EAmazon\u003C\u002Fdiv\u003E\u003C\u002Fa\u003E\u003C\u002Fdiv\u003E\u003C\u002Fli\u003E\n\u003Cli class=\"gz-ec-item--1 gz-ec-item--1-amazon\"\u003E\u003Cdiv class=\"gz-ec-itemInner\"\u003E\u003Ca class=\"gz-ec-item-link\" href=\"http:\u002F\u002Fwww.amazon.co.jp\u002F文庫-新版-指輪物語-全10巻セット-評論社文庫\u002Fdp\u002F4566023826?SubscriptionId=AKIAITY5MSZ73E3SYHOQ&tag=gj09-22&linkCode=xm2&camp=2025&creative=165953&creativeASIN=4566023826\" target=\"_blank\"\u003E\u003Cfigure class=\"gz-ec-imageWrapper\"\u003E\u003Cimg class=\"gz-ec-image\" src=\"http:\u002F\u002Fecx.images-amazon.com\u002Fimages\u002FI\u002F51kB85H6AwL.jpg\" width=\"185\" height=\"185\" alt=\"文庫 新版 指輪物語 全10巻セット (評論社文庫)\"\u003E\u003C\u002Ffigure\u003E\u003Ch3 class=\"gz-ec-title\"\u003E文庫 新版 指輪物語 全10巻セット (評論社文庫)\u003C\u002Fh3\u003E\u003Cdiv class=\"gz-ec-shoptitle\"\u003EAmazon\u003C\u002Fdiv\u003E\u003C\u002Fa\u003E\u003C\u002Fdiv\u003E\u003C\u002Fli\u003E\n","entry_foot_script":"","entry_relationentry":"","entrytitle_smartnews":"","entrytitle_twitter":"","goo_notsend":0,"goo_rss_flag":"新規","googleplus_check":0,"is_rss_flag":"","meta_add_pc":"","meta_add_sp":"","mixi_rss_flag":"新規","mixi_rss_number":"001","moviemark":0,"msnvideo":"","outside_url":"","related_id":"","thumb_imageurl":"http:\u002F\u002Fwww.gizmodo.jp\u002Fimages\u002F2016\u002F08\u002F20160818_terrain0.jpg","thumb_imageurl_s":"","tsite_rss_flag":"新規","yomerumo_rss_flag":"新規"},"entry_body":"\u003Cp\u003E\u003Cimg alt=\"ファンタジー・マップ・ジェネレーター\" src=\"http:\u002F\u002Fwww.gizmodo.jp\u002Fimages\u002F2016\u002F08\u002F20160818_terrain0.jpg\" width=\"786\" height=\"444\" class=\"mt-image-none\" style=\"\" \u002F\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E本の見返しに印刷してあるとうれしい、“あの地図”が無限に作れる!\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E氷河学者である\u003Ca href=\"http:\u002F\u002Fwww.martinoleary.com\u002F\" target=\"_blank\"\u003EMartin O'Leary\u003C\u002Fa\u003Eさんが制作したファンタジー・マップ・ジェネレーター\u003Cstrong\u003E「terrain」\u003C\u002Fstrong\u003EのJavaScriptコードが\u003Ca href=\"http:\u002F\u002Fgithub.com\u002Fmewo2\u002Fterrain\" target=\"_blank\"\u003EGitHub上\u003C\u002Fa\u003Eに公開されています。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003EO'Learyさんは少年時代から\u003Cstrong\u003Eファンタジー小説\u003C\u002Fstrong\u003Eに魅了されていましたが、\u003Cstrong\u003E本当に夢中だったのは\u003C\u002Fstrong\u003E表紙の後ろに印刷された\u003Cstrong\u003E架空世界の地図\u003C\u002Fstrong\u003Eだったとのこと。後に氷河学者となった彼は\u003Cstrong\u003E物理ベースの地形シミュレーション\u003C\u002Fstrong\u003Eに興味を持ちます。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003Eしかし、定番となっていた\u003Cstrong\u003Eフラクタルノイズを利用したランダム生成\u003C\u002Fstrong\u003Eに限界を感じ、\u003Cstrong\u003E現実に地形が作られる過程を取り入れたジェネレーター\u003C\u002Fstrong\u003Eの作成を決意したのです。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E「terrain」が実際に生成する地図は、O'Learyさんが管理する\u003Ca href=\"http:\u002F\u002Ftwitter.com\u002Funchartedatlas\" target=\"_blank\"\u003EUncharted Atlas\u003C\u002Fa\u003Eのツイートで1時間ごとに見られます。次々に繰り出される\u003Cstrong\u003Eどこでもないどこかの地図\u003C\u002Fstrong\u003Eが生まれる大まかな過程は以下の通りです。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Ch2\u003E1. 平面上に不均一なグリッドを作る\u003C\u002Fh2\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg alt=\"グリッド\" src=\"http:\u002F\u002Fwww.gizmodo.jp\u002Fimages\u002F2016\u002F08\u002F20160818_terrain1.jpg\" width=\"786\" height=\"786\" class=\"mt-image-none\" style=\"\" \u002F\u003E\u003Cdiv style=\"text-align: center;\"\u003E\u003Csmall\u003E隣接する3点を結んだ三角形から成るグリッド。\u003Cbr\u003E実際にはこの4倍の点が使われます。\u003C\u002Fsmall\u003E\u003C\u002Fdiv\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E正方形が並んだ人工的なグリッドではなく\u003Cstrong\u003E不均一なグリッドを用意すること\u003C\u002Fstrong\u003Eは、後に\u003Cstrong\u003E自然な海岸線や川のライン\u003C\u002Fstrong\u003Eを作る際に役立ちます。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003Eランダムに描画した点を、\u003Cstrong\u003E\u003Ca href=\"http:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FLloyd%27s_algorithm\" target=\"_blank\"\u003ELloyd's algorithm\u003C\u002Fa\u003E\u003C\u002Fstrong\u003Eを使用する事で程よい間隔に修正。これらの隣り合う点を結ぶことで、\u003Cstrong\u003E不均一な平面のグリッド\u003C\u002Fstrong\u003Eが完成します。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Ch2\u003E2. 高さを設定して大まかな地形を作る\u003C\u002Fh2\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg alt=\"高さの設定\" src=\"http:\u002F\u002Fwww.gizmodo.jp\u002Fimages\u002F2016\u002F08\u002F20160818_terrain2.jpg\" width=\"786\" height=\"786\" class=\"mt-image-none\" style=\"\" \u002F\u003E\u003Cdiv style=\"text-align: center;\"\u003E\u003Csmall\u003E黄色が高い場所、青が低い場所。\u003Cbr\u003E中間である緑色の境界に海岸線が引かれています。\u003C\u002Fsmall\u003E\u003C\u002Fdiv\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E平面グリッドの各地点に\u003Cstrong\u003E高さの値を加える\u003C\u002Fstrong\u003Eことで大まかな地形を作っていきます。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E具体的に行われる作業は地形全体に傾斜を加える、高低差を強調する、傾斜をなだらかにする、ランダムに地形を隆起させるなど。最後に\u003Cstrong\u003E任意の高さを海面に設定する\u003C\u002Fstrong\u003Eことで\u003Cstrong\u003E海岸線が現れ、大まかな地形\u003C\u002Fstrong\u003Eが見えてきます。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Ch2\u003E3. 水による浸食をシミュレーションする\u003C\u002Fh2\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg alt=\"侵食効果\" src=\"http:\u002F\u002Fwww.gizmodo.jp\u002Fimages\u002F2016\u002F08\u002F20160818_terrain3.jpg\" width=\"786\" height=\"393\" class=\"mt-image-none\" style=\"\" \u002F\u003E\u003Cdiv style=\"text-align: center;\"\u003E\u003Cu003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Ch2\u003E2. 高さを設定して大まかな地形を作る\u003C\u002Fh2\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg alt=\"高さの設定\" src=\"http:\u002F\u002Fwww.gizmodo.jp\u002Fimages\u002F2016\u002F08\u002F20160818_terrain2.jpg\" width=\"786\" height=\"786\" class=\"mt-image-none\" style=\"\" \u002F\u003E\u003Cdiv style=\"text-align: center;\"\u003E\u003Csmall\u003E黄色が高い場所、青が低い場所。\u003Cbr\u003E中間である緑色の境界に海岸線が引かれています。\u003C\u002Fsmall\u003E\u003C\u002Fdiv\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E平面グリッドの各地点に\u003Cstrong\u003E高さの値を加える\u003C\u002Fstrong\u003Eことで大まかな地形を作っていきます。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E具体的に行われる作業は地形全体に傾斜を加える、高低差を強調する、傾斜をなだらかにする、ランダムに地形を隆起させるなど。最後に\u003Cstrong\u003E任意の高さを海面に設定する\u003C\u002Fstrong\u003Eことで\u003Cstrong\u003E海岸線が現れ、大まかな地形\u003C\u002Fstrong\u003Eが見えてきます。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Ch2\u003E3. 水による浸食をシミュレーションする\u003C\u002Fh2\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg alt=\"侵食効果\" src=\"http:\u002F\u002Fwww.gizmodo.jp\u002Fimages\u002F2016\u002F08\u002F20160818_terrain3.jpg\" width=\"786\" height=\"393\" class=\"mt-image-none\" style=\"\" \u002F\u003E\u003Cdiv style=\"text-align: center;\"\u003E\u003Csmall\u003E左:2の図の海面を高さ0に設定したもの。\u003Cbr\u003E右:左の図に浸食効果をかけたもの。\u003C\u002Fsmall\u003E\u003C\u002Fdiv\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E地形が形作られる際、谷部分は雨や川によってえぐれ、海岸線は波によって削られます。地点ごとの影響の受けやすさを計算し、\u003Cstrong\u003E浸食効果を加えて地形を削り\u003C\u002Fstrong\u003E、ディテールを整えていく行程です。最後に海面の高さと海岸線の形を調整し、「\u003Cstrong\u003E自然な見た目の地形\u003C\u002Fstrong\u003E」の完成です。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Ch2\u003E4. 手描きの地図状にする\u003C\u002Fh2\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cimg alt=\"20160818_terrain5.jpg\" src=\"http:\u002F\u002Fwww.gizmodo.jp\u002Fimages\u002F2016\u002F08\u002F20160818_terrain5.jpg\" width=\"3275\" height=\"1638\" class=\"mt-image-none\" style=\"\" \u002F\u003E\u003Cdiv style=\"text-align: center;\"\u003E\u003Csmall\u003E左:3の図から海岸線を調整したもの。\u003Cbr\u003E右:手描き風にレンダリングされた地図。\u003C\u002Fsmall\u003E\u003C\u002Fdiv\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Cstrong\u003E海岸線、川、山の傾斜の影を描画\u003C\u002Fstrong\u003Eし、元の地形を消すことで手描き地図のような見た目にします。川の位置が自動で導きだされているのもポイントです。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003Ch2\u003E

続き・詳細・画像をみる


【画像】貧困女子高生、勉強のためパソコンのキーボードだけ買ってもらう(´;ω;`)ブワッ

空港で吉田沙保里に投げつけたいもの

【野球】絶対FAで出ていかないと思ってたのに出ていった選手

有名な格闘家のトリビア・都市伝説教えて

ゲームバランスが崩壊?! ゲームに登場した強すぎる武器8選

TSUTAYAカード、有効期限更新シール何枚まで貼り重ねていくの?

back 削除依頼&連絡先
gj09-22&linkCode=xm2&camp=2025&creative=165953&creativeASIN=4566023826\" target=\"_blank\"\u003E\u003Cfigure class=\"gz-ec-imageWrapper\"\u003E\u003Cimg class=\"gz-ec-image\" src=\"http:\u002F\u002Fecx.images-amazon.com\u002Fimages\u002FI\u002F51kB85H6AwL.jpg\" width=\"185\" height=\"185\" alt=\"文庫 新版 指輪物語 全10巻セット (評論社文庫)\"\u003E\u003C\u002Ffigure\u003E\u003Ch3 class=\"gz-ec-title\"\u003E文庫 新版 指輪物語 全10巻セット (評論社文庫)\u003C\u002Fh3\u003E\u003Cdiv class=\"gz-ec-shoptitle\"\u003EAmazon\u003C\u002Fdiv\u003E\u003C\u002Fa\u003E\u003C\u002Fdiv\u003E\u003C\u002Fli\u003E\n","entry_foot_script":"","entry_relationentry":"","entrytitle_smartnews":"","entrytitle_twitter":"","goo_notsend":0,"goo_rss_flag":"新規","googleplus_check":0,"is_rss_flag":"","meta_add_pc":"","meta_add_sp":"","mixi_rss_flag":"新規","mixi_rss_number":"001","moviemark":0,"msnvideo":"","outside_url":"","related_id":"","thumb_imageurl":"http:\u002F\u002Fwww.gizmodo.jp\u002Fimages\u002F2016\u002F08\u002F20160818_terrain0.jpg","thumb_imageurl_s":"","tsite_rss_flag":"新規","yomerumo_rss_flag":"新規"},"entry_body":"\u003Cp\u003E\u003Cimg alt=\"ファンタジー・マップ・ジェネレーター\" src=\"http:\u002F\u002Fwww.gizmodo.jp\u002Fimages\u002F2016\u002F08\u002F20160818_terrain0.jpg\" width=\"786\" height=\"444\" class=\"mt-image-none\" style=\"\" \u002F\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E本の見返しに印刷してあるとうれしい、“あの地図”が無限に作れる!\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E氷河学者である\u003Ca href=\"http:\u002F\u002Fwww.martinoleary.com\u002F\" target=\"_blank\"\u003EMartin O'Leary\u003C\u002Fa\u003Eさんが制作したファンタジー・マップ・ジェネレーター\u003Cstrong\u003E「terrain」\u003C\u002Fstrong\u003EのJavaScriptコードが\u003Ca href=\"http:\u002F\u002Fgithub.com\u002Fmewo2\u002Fterrain\" target=\"_blank\"\u003EGitHub上\u003C\u002Fa\u003Eに公開されています。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003EO'Learyさんは少年時代から\u003Cstrong\u003Eファンタジー小説\u003C\u002Fstrong\u003Eに魅了されていましたが、\u003Cstrong\u003E本当に夢中だったのは\u003C\u002Fstrong\u003E表紙の後ろに印刷された\u003Cstrong\u003E架空世界の地図\u003C\u002Fstrong\u003Eだったとのこと。後に氷河学者となった彼は\u003Cstrong\u003E物理ベースの地形シミュレーション\u003C\u002Fstrong\u003Eに興味を持ちます。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003Eしかし、定番となっていた\u003Cstrong\u003Eフラクタルノイズを利用したランダム生成\u003C\u002Fstrong\u003Eに限界を感じ、\u003Cstrong\u003E現実に地形が作られる過程を取り入れたジェネレーター\u003C\u002Fstrong\u003Eの作成を決意したのです。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u003E\u003Cp\u003E「terrain」が実際に生成する地図は、O'Learyさんが管理する\u003Ca href=\"http:\u002F\u002Ftwitter.com\u002Funchartedatlas\" target=\"_blank\"\u003EUncharted Atlas\u003C\u002Fa\u003Eのツイートで1時間ごとに見られます。次々に繰り出される\u003Cstrong\u003Eどこでもないどこかの地図\u003C\u002Fstrong\u003Eが生まれる大まかな過程は以下の通りです。\u003C\u002Fp\u003E\u003Cp\u003E\u003C\u002Fp\u00