この記事は、ex-KAYAC Advent Calendar 2018 の20日目の記事です。 昨日の記事は Unityで色々できることが分かるまとめ でした。本記事とも近い内容なので合わせて読むと良いかもしれません。 なにをやってる人か カヤックではウェブフロントをやったり、サイネージやインタラクティブシステムを組んだりしてました。 https://www.kayac.com/team/nakano-minoru 退職後は、landskipにて赤レンガ庁舎でプロジェクションマッピングやったり、札幌でバーを光らせたりしつつ、京都精華大学でゲームアプリやメディアアートの非常勤講師をやらせて頂いてます。 ざっくりいえば、いろんなソフトやデバイスを使って空間演出をやっています。 なにが書いてあるか サイネージやライブ演出で Unity を使う場合のノウハウです。 ですがゲーム作りでも応用できると

台湾で見つけた“フシギな日本語”を集めてみた。「ステルス性のある食器」「耐久性があるナイ・カッター」などユニークな製品を画像付きで紹介！

ユーザーの立つ位置に応じて2D画像をうごかしてただけ【制作環境】kinect + processing 【追記 2018/10/07】記事などにしていただいてるみたいなのでもう少し捕捉しておくと、ヘッドトラッキングを使い、窓（に見立てたディスプレイ）の向こう側にキャラクターが存在しているように感じる映像表現です。手法としては古典的なもので、ジョニーリーのwiiリモコンをつかったハックが有名なんじゃないでしょうか。この動画の 3:00 あたりhttps://www.ted.com/talks/johnny_lee_demos_wii_remote_hacks/transcript?language=ja 【画像について】映像内でつかってる画像で問題あれば対応しますのでご連絡ください。後半の画像について出典元を示したいのですが、だいぶ昔に拾った画像なので失念しました。たしか mikumix.c

Create the Future. We’re a global creative studio. We craft aspirational content for future facing brands.

概要 突然開発中のiOS,AndroidマルチプラットフォームUnityアプリでアイテム課金を任された場合に知っておいた方が後々楽できそうな知識をまとめておきます。嘘ついてたら教えてください。 また、ステージ買い切りとかサーバプログラマ無しでのインディーゲームなどは考慮しません。 その場合は普通にUnityIAP sampleを使うのが良い気がします。 普通のUnityIAPはちょっと古いけどこのサンプルプロジェクトが参考になると思います。 https://github.com/unity3d-jp/UnityChanBallRoll 更新履歴 3/31 : Autoyaの中の人からフィードバックを受けた情報を追加 4/4 : iOSテスト課金周りの情報を追加 Unityアイテム課金のための各ストアへのアイテム登録 AppStoreおよびGooglePlaystoreのアプリ登録を済ませて

最近GLSLやWebGLの世界に入門して、毎日こんなアニメーションを作っている。 4月末、東京に出張する機会があり、ついでに何か面白いイベントや展示がないか探していると、チャネルというイベントを見つけた。 以前から気になっていたBRDG/VRDG方面のイベントらしい。 会場は六本木のSuperdeluxe。出張先のオフィスからも近いので、少し早退して行ってみる事にした。 そこではハードな電子音に合わせて、GLSLやHaskellのライブコーディングによるVJが行われていた。 先週末に開催したチャネル#16 のライブ映像を公開しました。 https://t.co/YgpC3YYC0B #unity3d #tidal #maxmsp #tokyo #BRDG #livecoding #kodelife pic.twitter.com/rWaHodipUA— BRDG / VRDG (@toky

Download and share for free 3D assets created by the Substance 3D community.

スタンダードシェーダーで表示していたオブジェクトを半透明にしたい時、Rendering ModeをFadeやTransparentに変えただけでは綺麗に表示してくれないことがよくあります。 そんな時は、スタンダードシェーダーにちょい足しするのが便利です。 まずはUnityダウンロードページからビルトインシェーダーをダウンロードします。 ビルトインシェーダーの中からStandardShaderを選び、StandardDepth.Shaderなど適当に名前を変えて自分のプロジェクトに追加します。 追加したシェーダーの以下の部分を変更します。 先頭行の Shader "Standard" を"StandardDepth" 等に変更 55行目あたりの Tags に "Queue"="Geometry+10" を追加 そのすぐ下あたりに以下を追加 変更前 変更後 マテリアルにシェーダーを適用し、Re

ごきげんよう。みんなのｍですｗ 年齢ゆえか飲みに行くとやっぱり結婚やらの話題が増えてきました。 ～さん今年らしいよーとか、結婚どうしよう、などなど。 と、言いつつ飲みに行ったメンバー全員、きっと当面は自身には関係がなさそうな話題なのでした（ぉぃ さて本題！ そうだ、Unityで読み込んだMMDのモデルをリアルにしよう 前回はMMDのミクをUnityに読み込みました。 （http://milk0824.hatenadiary.jp/entry/2016/06/06/224831） 今回はARなどの話題に移る前に、ＭＭＤのモデルをリアルにしたいと思います。 もう少し言うと、IBLという技術を使って周りの風景になじませるお話です。 今回お借りしたのは、この技術の時に必ず出てくるTda様の『Tda式初音ミク・アペンド　Ver1.00』です。 モーションはデコスカＰ様の『リアルワールドモーション詰め

はじめに UnityでリアルタイムテクスチャペイントするアセットUnityTexturePaintを作ったので、リアルタイムペイントを行うノウハウについて書き残そうと思います。 UnityTexturePaintは https://www.assetstore.unity3d.com/en/#!/content/75279 https://github.com/EsProgram/UnityTexturePaint から入手できます。Asset Storeでは有料ですが、GitHubから誰でもFreeで持ってこれるので気に入ったらご購入お願いします。 UnityTexturePaintって？ タイトル通り、リアルタイムでのTexturePaintを可能にするアセットです。 UnityTexturePaintで何が出来るかというと 好きな場所に好きな色塗ったり 応用して塗った場所を凹ませてみ

ICS MEDIAではUnity 5.5 (2016年11月30日リリース)の目玉の1つであるパーティクルシステムの新機能に注目し、新機能をふんだんに使ったエフェクトの作り方を解説します。普段Unityに触れない方でも、エフェクトの作り方を通して3DCG制作やWebGL開発のヒントにしていただければ嬉しいです。 今回のお題：滝の表現 サンプルファイルをダウンロードして、記事と照らし合わせながら進められます。各エフェクトのパラメーター設定値などはサンプルファイルを直接ご覧ください。 今回紹介するテクニック [Trails（軌跡）]モジュールを使ったリボンの表現 [Shape（シェイプ）]モジュールを使った滝の表現 [Sub Emitters（子要素）]モジュールを使った水しぶきの表現 [Noise（ノイズ）]モジュールを使った揺らぎの表現 サンプルファイルのダウンロード GitHub（ics

今まで数回にわたって基本的なシェーダーコードの解説を書いてきましたが、 １つ１つの要素をバラバラに解説されても掴みどころが分からない、なんて事もあると思います。 なので今回はもう少し実践的にやってみたいと思います。 実践編第１弾は「滝を作ってみる」です。 過去の案件で森＆滝を作った事があるので、これを解説していきます。 今回は滝のシェーダーをどのように作っていったか、 順番に積み上げて見ていった方が分かりやすいと思うので、 完成版のシェーダーコードは最後に載せます。 モデルの用意 シェーダーコードを見る前に、まずは滝のモデルを用意します。 3DCGで髪の毛を作る時の常套手段で、短冊状のモデルを重ねるバナナリーフと呼ばれる手法です。 【モデルダウンロード】 シェーダー作成 とりあえず さて、ではどのように滝を表現すれば良いでしょうか？ とりあえずは透明シェーダーで、上から下に水流っぽいテクス

スマートデバイスなどのモバイルがターゲットのゲームは計算量をいかに減らすかがキーになります。ここではLODを使ってパフォーマンスを改善する方法を紹介します。 LODとはLevel Of Detailの略で、オブジェクトが近くにあるときは高精細のモデルを使用し、オブジェクトが遠くにあるときはローポリゴンのモデルを使用しよう、という考え方です。 UnityではLODを標準でサポートしているため、簡単に実装することができます。 LODの準備 ここでは「近いとき用（dragon0）」「通常用(dragon1)」「遠い用（dragon2）」の３つのモデルを用意します。もちろんカメラから近いときにハイポリ、遠いときにローポリのモデルを使います。 これをすべてシーンビューにドラッグ＆ドロップします。とりあえず位置は適当で問題ありません（あとで揃えます） 次に、これらを束ねる空のオブジェクト（dragon

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

こんにちは、エンジニアの岩渕（@buccchi）です。 去年12月のふたご座流星群ピークの夜に放送された「流星放送局」では流星を感知できるシステム“Meteor Broadcaster”からの通知を受けて生放送画面にみんなの願い事をリアルタイムに合成して降らせるということをやってました。今回はこの演出部分について説明します。 構成 番組中はドラマとライブ（アーティストライブ、トーク）がありました。それぞれに対応するため2種類の構成を用意しました。 ドラマ時の機材構成 ドラマは5分程度のものが5話ありました。 事前に画角とカットが切り替わるタイミングがわかっているので、各カットに応じたパースや大きさで流星を降らせることができる様に、1話ごとに決めカットを3つと、汎用的に使えるヒキ・ヨリ・ミドルのカットを3つ、それと非表示用のカットを1つの計7カットを用意してこれをドラマのタイムコードに合わせ

16. タップテンポ（ ） readonly List<float> timeSteps = new List<float>(); float average; void Update() { if (Input.GetKeyDown(KeyCode.Space)) { if (timeSteps.Count > 0 && timeSteps.Last() < Time.time - 2) timeSteps.Clear(); timeSteps.Add(Time.time); average = 0; for (var i = 1; i < timeSteps.Count; ++i) average += timeSteps[i] - timeSteps[i - 1]; average /= timeSteps.Count - 1; } if (timeSteps.Count > 2)

ニューワールドアイ を買ってみました。ニューが出てるのでそちらを。これ、HDMIで出力できるとなれば、なんでもできますね。なかなか面白いデバイスなので、自由に描画することを目指します。ちなみに値段が変動しているようですが、僕が購入した先週は8,400円でした。 特性評価 まずはデバイスの特性を把握します。チェック模様を描画させてみましょう。さらに白線で真円を書いておきます。PCからHDMIで接続しておけば、セカンドディスプレイとして表示できました。 平面を出すとこうなります。頑張って空間に対応しましょう。 正距方位図法（Azimuthal Equidistant Projection） あれこれ観察した結果、マッピングは正距離方位図法を使うのがよさそうです。 Wolframさまより： http://mathworld.wolfram.com/AzimuthalEquidistantProj

UnityのCamera Projecterアセットを使って、球面ディスプレイに360度画像を表示する。UnityVR はじめに こちらは、「Unity アセット真夏のアドベントカレンダー 2017」の8/25日分の記事です。 前から、学研さんのワールドアイという球面（厳密には半球）ディスプレイに興味があったのですが、微妙に値段が高くて手が出ず。ところが、最近MIROさんにお勧めいただいたので値段をもう一度確認したら、Amazonでは1万円以下で売られていることが分かりまして、盆休みで少し時間があるし、触ってみることにしました。 ワールドアイの基本的な使い方 ワールドアイは、写真の通り、後ろにあるプロジェクターから前の半球に画像を投影します。付属のデモの地球儀（世界地図）上の経線から推測するに、だいたい160度の視野角があるようです。半球よりちょっと狭いようです。 ワールドアイに画像を表示