FC2ブログ
    11 «1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.» 01

    ハルシオンシステムの気ままBlog

    株式会社ハルシオンシステムのメンバーが送る、UnityやらJavaやらの技術的話題から、自社開発のアプリの宣伝とかとかのブログです。ほんと気ままにいきたいと思います。更新日は毎週 月 木でっす!

     

    【ハルシオンブログ】タイルマップを使ってみた。意外と簡単にできるんすね。 

    こんにちは!坂内っす。
    もう次の日曜日にはデジゲー2018っすね!
    ブースの皆さん頑張って準備してくださいな!

    さてさて、本日のUnityのお話はタイルマップについて。
    Unity2017.2くらい?から導入されたタイルマップなんですが、今まで触ってもなかったので、ここで触ってみようかなと。

    タイルマップとは?
    タイル(英: tile)は、建設資材の一つで、壁や床の保護、あるいは装飾用に多数張りつける板状のもの。

    地図、マップ

    ってことで、ゲームの画面をタイルで並べるように作る機能のようです。

    さてさて、アセットストアにもいろいろとタイルマップで使えるマップチップのアセットがあるようです。
    今回はこれを使ってみました。



    まずはタイルパレットを作成します。
    あ、ちなみに使用しているUnityは2018.2.1です。バージョンによって多少コマンドの位置が変わるかも?



    Tile Paletteを選択するとウインドウが出てきます。

    出てきたウインドウの「Create New Palette」を押して、Nameにパレット名を入力し、「Create」を選択。


    そうすると、今付けた名前のパレットプレハブができます。


    次に使用するテクスチャを選択し、設定します。

    今回はこれを使ってみましょう。


    Bricksってファイルです。

    Sprite Modeを「Multiple」に変更します。
    Pixel Per Unitの数値をタイルのサイズにします。
    チップが16x16だった場合は16を入力します。(今回は32x32だったので、32を入力)


    そして「Sprite Editor」ボタンを押す!

    SpriteEditorの画面で「Slice」ボタンを押し、出てきたウインドウでTypeを「Grid By Size」へ変更。
    PixelSizeを32,32に設定し「Slice」ボタンを押す。




    テクスチャが32x32で白い線で切られると思います。

    これでウインドウの右上にあるxを押してApply。

    これで、テクスチャの準備は完了です。

    次に、今のBrickファイルをTilePaletteウインドウにドラッグ&ドロップします。



    これで完成です。

    次にタイルマップを画面に置いてみましょう。

    「GameObject」⇒「2D Object」⇒「Tilemap」を選択します。


    そうすると、Hierarchyに「Grid」というオブジェクトが作成されます。
    このGridを選択すると、Sceneウインドウに白い線が出るようになります。


    この状態で、TilePaletteで好きなチップを選択、クリックやドラッグでタイルを配置できます。



    Shift+ドラッグ(クリック)で削除できます。

    また、"「"ボタン、"」"ボタンを押すことでタイルを回転できます。

    さて、このままだとこうなっちゃいます。



    そうです。コライダーが付いていないのですり抜けちゃう!

    コライダーの付け方は簡単です。

    Hierarchyにある「Tilemap」に「TilemapCollider2D」を付けます。



    これでキャラがちゃんとぶつかるようになります。

    こんな感じ。


    簡単にTilemapって使えるんですね!
    今度何かにつかってみよう!

    ということで、今日はこれであでゅ~ノシ

    Category: 開発日記(Unity)

    Thread: プログラミング

    Janre: コンピュータ

    Tag: Unity  ゲーム  2Dゲーム  Sprite  ゲーム開発  タイルマップ 
    tb 0 : cm 0   

    コメント

    コメントの投稿

    Secret

    トラックバック

    トラックバックURL
    →http://halcyonsystemblog.jp/tb.php/549-0391eca9
    この記事にトラックバックする(FC2ブログユーザー)