Unityではgetterのみを用意することで読み出し専用のプロパティを作ることができました。Godotでも同様のことができると思っていて次のようなコードを作成していました。 @export var _data := 0 var data: int: get: return _data 意図としては、_dataをインスペクターに表示して設定できるようにしつつ、アクセス先はgetterを定義したdataにして、コードからの書き換えはできないようにするというものです。 ところがこれを実行すると、インスペクターにData欄が2つ表示されてしまいました。また、setterを定義していないはずのdataに値を代入してもエラーになりません。 Godotのドキュメントでプロパティのところを読んでも、getterのみの例がなく、そのような記載例もありません。どうもsetterを無効にすることができないよう

この記事はPARONYM Advent Calendar 2019の23日目の記事です。 こんにちは、パロニム技術部雑用担当の大竹です。 今回は、iOSの幾つかのアプリのWebViewで target="_blank"指定のリンクが開けない問題について書こうと思います。 とある案件のキャンペーンでリリース前検証を行っていた際に、Twitterへシェアされたランディングページからクライアント様のページを開き、ページを閲覧していたところ、リンクをタップしても何も反応しなくなる場合があるとのレポートが上がってきました。 Safariでは問題がないものの、Twitter公式アプリ内WebViewで色々試していると確かにリンクが開けなくなる事がありました。しかもリンクが開ける時と開けないときがあります。 違いが何か調べてみたところ、結論としては target=”_blank”指定されているリンクを2

追記(2018/04/04)：ソースコードのインデントが消えてたのを修正 記念すべきブロマガ開設後の記事一発目。 何を書こうか迷いましたが、折角なので最近実装していた機能について書こうと思います。 今回実装するのは、「Unity WebGLでTwitterにテキスト投稿する機能」です。 ※イメージ図まえがき　ぐーぐる先生に「ツイッター投稿 Unity」などでお伺いを立てると、結構な数の記事がヒットします。 この記事(参考)とかがわかりやすく、「Application.OpenURL()」か「Application.ExternalEval()」を使えばだいたい問題は解決します。 ただし、それはUnity ver.5.6までか、WebGL以外のプラットフォームに限ります。 「Application.OpenURL()」をWebGLで使うと、ゲーム実行中のウィンドウでリンクを開いてしまうので不

はじめに 先日リリースした『ねねちーのお昼ご飯大作戦ある！』では、スクリーンショット付きで結果をツイートすることができます。 こんな感じ。 そしてこのたび、ここで使用したスクリプトを切り出して、GitHub にて公開いたしました。 github.com デモはこちら。 www.gigacreation.jp 使い方 テキストのみツイートする TweetFromUnityWebGL.jslib 内の TweetFromUnity() を実行することでツイートができます。以下のように呼び出してください。 using UnityEngine; #if !UNITY_EDITOR && UNITY_WEBGL using System.Runtime.InteropServices; #endif public class Demo1 : MonoBehaviour { #if !UNITY_ED

Cinemachineを使うとありとあらゆるカメラワークを高クオリティに、そして手軽に作ることができます。 この記事ではCinemachineの全機能を各記事へのリンクの形でまとめました。 Cinemachineとは？インストール〜基本的な使い方 Virtual CameraのBodyをさらに細かく理解する Virtual CameraのAimをさらに細かく理解する より高度なカメラワークを作るExtensions 複数のVirtual Cameraを使って一つのカメラワークを作るManager Camera その他 Cinemachine2.2.9 Cinemachineとは？インストール〜基本的な使い方 Cinemachineはカメラを制御するためのUnityの公式アセットです。 ゲームを作るうえで必要なあらゆるカメラワークを簡単な設定で作成できます。 まずCinemachineのイン

【Unity】Color Gradingで画面の色調を補正【Post-Processing】 2020.01.27 PostProcessing Unity, カラーグレーディング, ポストプロセシング 最近UnityのPost-Processing(ポストプロセシング)にハマっているので、各エフェクトをゴリゴリいじり倒しています。個人的にBloomと組み合わせることの多いColor Grading(カラーグレーディング)について、使ってみた感覚をまとめてみます。

はじめに。 ゲーム作ってみたいな~と思い、つい先日からUnityをさわり始めましたHITOMI2236です。今回ブレンドシェイプについて調べたのでここに記録しようと思います。個人用のメモですが、もし同じところで迷っている人がいたら、時間短縮のために読んでくれたら幸いです。 1 . ブレンドシェイプのモデルについて ブレンドシェイプ検証用にMayaで簡単なモデルを作りました。HumanIKの各関節部分にCubeを配置しただけのモデルです。頭部の部分に簡単なブレンドシェイプをつけており、わかりやすくするために名前を「face_object」に変更しています。 blendShape_01_01.png これをFBXで書き出します。書き出す時にはもちろんですがアニメーション項目ないのブレンドシェイプのチェックボックスをオンにしましょう。私は結構忘れます。 書き出したFBXをUnityにドラッグアン

皆様，こんにちは！ 株式会社Aiming の 土井と申します！ リードソフトウェアエンジニアをやっております！ ここ数年は，業務で Unity の uGUI を使って UI 開発をする機会が多いのですが、 Order in Layer, Sorting Layer, ヒエラルキ上の並び順……(つд⊂)ｺﾞｼｺﾞｼ Unity では重なり順を指定する項目が多いですよね。 これらの項目間の優先度が実際にどうなっているのか理解していなかったため、調査を兼ねてチートシートを作ってみました！ 描画優先度を指定するものを列挙してみた Canvas の Screen Space 設定 Order in Layer SortingLayer Camera の Depth 値 Material の RenderQueue ヒエラルキ(Hierarchy) 上の親子関係・兄弟関係 座標の Z 値 どうやらこれ

みなさん、こんにちは！ 先日の“Cygames Tech Fes”での「Unity＋スマホで3Dゲーム開発最適化するための考え方」の資料を公開と、講演の中で紹介したまゆげデモについての紹介記事です。 セッションの中で描画順制御の一例としてUnityちゃんに「まゆげ」をつけたデモを紹介しました。 こちらについて、掘り下げてフォローしていきたいと思います。 なぜ必要なの? 普通、まゆげは髪の毛の下に存在しており、髪の毛に隠れるはずです。 しかしアニメなどではキャラクター表現の一環として髪の毛より手前に表示されている事が多々あります。 実は、Unityでこれを実現する手段がいくつかあります。 まずはUnity上で動作するサンプルプロジェクトを用意しました。 https://github.com/cygames/MayugeSample  中身について、説明をしていきたいと思います。 シェー

はじめに この記事は KLab Creative Advent Calendar 2019 の 2日目の記事になります。 こんにちは。テクニカルアーティストグループの fo-ta です。 去年のアドベントカレンダー では Shader のことを書かせて頂きました。 今回は半透明の前後関係（描画順）について書かせて頂きます。 概要 半透明のオブジェクトはなぜ見た目の破綻が起こるのか、具体的に Unity ではどう改善できるのかを紹介します。 クリエイティブブログですので、デザイナーさん、アーティストさん向けにわかり易さを重視しています。そのため、省略した書き方も取り入れています。ところどころ「正確には違う」点があるかと思いますが、ご了承ください。 難しい話はいいから実例だけ知りたい！という方はここまでスキップしちゃいましょう。 ざっくり座学編 深度 そもそも、なぜ3DCGは前後関係が正しく見

こんにちは、エンジニアのオオバです。 3D上で マスク表現 したいときがありますよね。 解決方法の1つは「ステンシル」です。 ステンシルは ユーザーの都合でピクセルの表示と非表示を決める ことができる機能です。 アルファテストやデプステストと違うのです マスクする側マスクされる側合成後 2つの立方体が重なった部分に注目。Unityちゃんの立方体は白い立方体にマスクされています。 ↑ステンシルはこのような表現が可能です。 ではUnityでステンシルの使い方を解説します。 Unity UIのマスクはこちらの記事をどうぞ。きれいにマスクする方法を紹介しています。

UnityのStandard Surface Shaderを使うと3Dモデルを半透明で表示することが出来ます。ただ、モデルの形状が複雑な場合には、裏面のポリゴンが見えて汚い表示になってしまうことがあります。 そこで、隠面は表示せず、手前側の面のみ半透明で表示するシェーダを作ってみました。左が綺麗な半透明シェーダを使ったドラゴン、右がStandard Surface Shaderを使って半透明にしたドラゴンです。 Standard Surface Shaderではドラゴン裏側の羽まで見えてしまっていますね。 これを解決する方法を紹介していきます。目次は次のとおりです。 半透明でモデルをきれいに表示する方法 半透明シェーダプログラム作る 実行結果 半透明でモデルをきれいに表示する方法 綺麗に表示する方法を考える前に、なぜモデルを半透明で表示すると汚く表示されるのかを考えてみましょう。 Unit

【Unity道場 2月~シェーダを書けるプログラマになろう~】 Part 1 – シェーダを理解しよう シェーダプログラムに興味がある、でもどこから始めたらいいのかわからない・・そんな方に、始めの一歩を踏み出してもらうための基礎をお伝えします。また、応用例をベースに、GPUの仕組みについてもお話しします。 続き：Part 2 – GPUの神秘

前提 unityでマテリアルとシェーダーの基本的な利用方法はここでは説明しません。 シェーダーのソースが利用できる必要があります。 この記事は、執筆時点での私の理解に留まり、必ずしも真実ではありません。 目的 既存のシェーダーのブレンドモードを変更したい。 例えば、もやっとした画像をPhotoshopの「覆い焼き(リニア)」みたいに被せて、光ってるみたいに見せたい。 手っ取り早い解決 対象のオブジェクトに割り当てられたマテリアルを確認し、マテリアルが使用しているシェーダーを特定します。 例えば、対象がuGUIのImageでマテリアルが明示されていないなら、Default UI Materialが割り当てられ、UI/Defaultシェーダーが使われています。 シェーダーのソースを用意します。 ビルトインシェーダーは、公式の「ダウンロード アーカイブ」から入手可能です。 ソースのファイル名を変

Unityで作ったアプリをAndroidとしてビルドしてテストしましたが、次はGoogle Playで公開できるSigned Buildを作成する手順について見ていきましょう。 Unity 2018.1 Signed Buildの作成 公開するための手順としては以下のようになります。 アプリをビルドしてandroid実機上でテストする アプリを公開する為の設定 Developer Consoleに登録してGoogle Playで公開 ここではアプリが完成してAndroid の実機でのテストが終わった段階から始めます Androidアプリをリリースする上で重要なことがあります。 今後の Google Play でのアプリのセキュリティおよびパフォーマンスの改善について 2018 年 8 月: 新しいアプリで、ターゲット API レベル 26（Android 8.0）以降が必須になります。 2

こんにちは。技術部平山です。 今回は小ネタで、サンプルもありません。ビルドの解像度設定についてです。 スクリーンショットにあるように、PlayerSettingsのResolution and Presentation の項に、Resolution Scalingというものがあり、 Resolution Scaling ModeをデフォルトのDisabledからFixed DPIに 設定することができます( Androidマニュアル、 iOSマニュアル )。 これは、画素(ピクセル)の密度が同じになるように、機種によって解像度を自動で変える、という設定です。 上の画像では326dpi(dot per inch。1インチあたりの画素数)になっており、 これはiPhone4あたりからの伝統的な値です。 iPhone6Plusのような上位機種を除けば、だいたいこの密度になっています。 実際どうな

この記事でのバージョン Unity 5.1.0f3 Personal RayCastシリーズ 1.使い方 2.衝突するオブジェクトの制限 3.Rayを画面に表示 4.2Dで使う はじめに RayCastシリーズ、前回は使い方の記事でした。 2回目の今回は衝突するオブジェクトの制限方法についてです。 Ignore RayCast 手っ取り早くRayとの衝突をしないようにするにはLayerをIgnore RayCastにすればokです。 全てのRayに当たらなくなるので、汎用性はありませんがとにかく楽。 LayerMask 任意のレイヤーとだけ衝突させたいと言った場合にはレイヤーマスクを使います。 以下の通り、レイヤーマスクを作成し、Raycast時に引数に与えると、 衝突するオブジェクトを制限出来ます。 int layerMask = 0; Physics.Raycast(ray, out

MatCapとかスフィアマッピングとか呼ばれる手法の実装方法です。 MatCapとは？ ライティング済みの球体を映したテクスチャから色をいい感じにサンプリングすることで、さもライティングされているかのように見せられます。 この球体が描かれたテクスチャをMatCap（Material Capture）といいます。 レンダリング結果のように見えますが、あくまで球体の描かれただけのテクスチャです。 実装の考え方 考え方はとてもシンプルです。 まず適用したいモデルとMatCapテクスチャを用意します。 法線がカメラ方向（要は手前）を向いている部分はテクスチャの中心の色を取ります。 そして法線が視線と垂直になっていくにつれてテクスチャの外側をサンプリングするようにします。 ちょっと雑な説明ですが、要するにこういうことです。 シェーダ シェーダは次のように実装します。 Shader "MatCap"