2025年の春に開催された技術書典18では、ありがたいことに紙の本が完売しました。多少の在庫は手元に置こうと思い、はじめて、後から印刷を利用しました。 利用している印刷所は、技術書典のバックアップ印刷所である日光企画さんです。オンデマンド印刷では、表紙をRGB入稿できるので、これまではテンプレートのPSDファイルをRGB化したものを、GIMPなどで編集して、入稿データを作成していました。ところが、後から印刷は、入稿形式がCMYKです。RGBで入稿しても、CMYKに変換してくれるようなのですが、仕上がりが分からないので不安があります。そこで、CMYKのPSDデータの作成方法を調べて、挑戦してみました。その手順です。 目次 目次 FireAlpacaで、CMYKの画像を編集する CMYK形式のPSDファイルとして出力 参考・関連URL FireAlpacaで、CMYKの画像を編集する フリーの

この記事でのバージョン Unity 2017.2.0f3 はじめに 今回はUnityでサーバとデータの送受信したい時に使うUnityWebRequestの話！ 基本的な使い方やをちょっとした注意点をまとめてみました。 なお、UnityWebRequestを使うにはusing UnityEngine.Networking;が必要です。 目次 はじめに 目次 使い方 HTTPメソッドの指定 HTTPヘッダーの設定 URLエンコード フォームデータの生成 AssetBundleのダウンロード Jsonの送受信 StartCoroutineを使わない 使い方 UnityWebRequestを使う時の流れは以下の通りです。 UnityWebRequestを生成 SendWebRequestを実行し、送受信開始 isNetworkErrorやisHttpError、responseCodeでエラー判定

UnityにTwitterボタン設置して、ボタンを押してくれたユーザに報酬をプレゼントします。 ■Twitterボタンの入手 自作するとレギュレーションが面倒なので、特にこだわりのない場合はTwitterの公式からボタン画像をダウンロードしましょう。 https://about.twitter.com/ja/company/brand-resources.html よく見かける四角いボタンはこのページの「ソーシャルボタン」でダウンロードできます。 ■TwitterのURL Twitterのアプリ起動（PCブラウザならTwitterのページ表示）は簡単で、TwitterのURLをたたくと勝手に表示されます。このときURLにパラメータをつけると投稿文やハッシュタグをプリセットしてくれます。 例） https://twitter.com/intent/tweet?text=Unity%20テスト

デモ タイトルの内容について書きますが、百聞は一見に如かずということでご覧ください。 膝の角度に合わせて数値及び、青い角度計が変化しています。 これは膝の角度を読み取っているわけではないです。 アニメーション(スクワット)の再生時間に応じてパラメータを変化させています。 2019/06/25　追記 アニメーションはこちらから拾ってきました→Mixamo GetCurrentAnimatorStateInfo Animatorを作ると複数のステートを作成できます。 ステートはアニメーションを遷移させるときに便利です。 今回は再生中のアニメーションを調べる必要があるので、 GetCurrentAnimatorStateInfo(0)を使って調べます。 GetCurrentAnimatorStateInfo(0)を使うことで、再生中のアニメーションを取得できます。 引数はアニメーションのLaye

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

今回のお題は「破壊時にバラバラになる木箱」です！ ちょっと前に「乗ると崩れるブロック」というものを作成しました。動的にではなくあらかじめモデルを分解した状態であれば自分でも出来そうだったので、その流れでのトライです。 木箱のモデリング 木箱は検索すればいくらでも出てきますが、好みでバラバラにしたかったこと、モデリングの練習の一環となることからBlenderで自作してみました。 フレームと板を等間隔に配置するのがポイントです。Blenderのスナップ機能 (メニューの磁石マーク) を使用すると綺麗に並べやすくなります。 とはいえ、ゲーム上では多少ずれていてもほとんど気にならない (と思う) のでフィーリングで配置しても大丈夫です。 木のテクスチャはフリーで転がっていたものを使いました。 Unityへインポートする前にUV展開しておくのを忘れないようにしましょう。 モデルのオブジェクトを分割す

いま使っているノートPCはMacBook Proなのですが、次に購入するのはOculus RiftやHoloLens開発のできるWindowsのノートにしようと思っています。そうすると、iOS向けのビルドができなくなってしまうな、ということで、Cloud BuildでのiOSビルドについて調査しました。 以前はCloud Buildは無料で使えたのですが、現在は有償サービスとなっています。 Unity TeamsのAdvancedプランに含まれています。 月額9ドルで、Cloud Buildに加えてストレージやコラボレートの機能も含まれています。契約期間などに縛りは無いようですし、初月は無料なので、比較的気軽に試せるのではないでしょうか。 Cloud Buildの流れは、GitHubやBitbucketにコミットされたソースコードをクラウド上で直接ビルドし、結果のバイナリをダウンロードして

スマホがすっかり普及し、スマホアプリを日常的に利用することも普通になりました。以前、ホームページをだれもがつくりたくなったのと同じように、スマホアプリをつくりたいというニーズもどんどん増えてきました。iPhoneが発売されてから１０年が過ぎて、スマホアプリ開発のハードルはどんどん下がっています。 今回は、スマホアプリを開発するときに、最低限知っておきたいことをピックアップします。 スマホは実質２種類しかない スマホアプリ開発の観点からみたときに、スマホは実質２種類しかありません。（２０１８年９月現在。他にもいくつかあったのですが、消えていきました。） 「iOS」と「Android」です。 これはOSの名前で、パソコンで言えばWindowsやMacOSのことです。 「iOS」＝iPhoneです。 逆に、iPhone以外の機種はほぼすべて「Android」といってよいです。 Appleのビジネ

Unity関連で記事のするほどじゃないけど、まとめておきたいモノを複数列挙する感じの記事です。 Tipsみたいなものなのでそれぞれに関係はありません。 階層構造になっている親や子を取得 //parentObject(GameObject)の子要素(GameObject)取得 GameObject childObject = parentObject.transform.FindChild("子要素の名前").gameObject; //childObject(GameObject)の親要素(GameObject)取得 GameObject parentObject = childObject.transform.parent.gameObject; 階層とはHierarchyで見ると、▼でまとめられるやつのこと。 非表示 //gameObjectを非表示 gameObject.SetAct

お世話になっております。 トップダウンのメタルギアみたいなゲームを作ろうと思っているのですが、警備兵が特定のポイントを特定のルートで移動する巡回機能を作ろうと思っています。 #やりたいこと Lucky looterというアプリなのですが、やりたいことのイメージはこれが近いです。 地面に描かれた紫の丸が移動ポイントで、それをつなぐ線が移動経路と可視化されています。 決まったルートを巡回させるためにどうしようか悩んでいたのですが、CinemachineのDolly Cartを使うとエディタ上からベジェ曲線でルートを決めてその上を自由に動かすことができたので一旦それで対応しました。 ※ CinemachineのDolly Cartにカプセルくんを乗せてパス上を動かすサンプル → 参考 【Unity】Timelineで、指定したパスを想定した速度で歩かせるhttp://tsubakit1.hate

iTweenにはエディタからモーションパスを設定できる「iTween Visual Path」というアセットがあります。これを使ってモーションパスを設定してみましょう。こんな感じの動かし方が出来ます。 Unityでショートアニメの実験中。飛行機の登場シーン作った。まだ人が乗ってない幽霊飛行機だけど・・・ pic.twitter.com/7ZA94W5iBZ— 北村愛実 (@tasonco_company) 2016年8月20日 iTweenをプロジェクトに追加しよう まずはAsset StoreからiTweenをプロジェクトに追加してください。 次に「iTween Visual Path」を追加します。このアセットはAsset Storeでは提供されていないため、iTweenのサイトからUnityパッケージをダウンロードしてインストールします。 インポートできると、プロジェクトビューにPi

今回は厚みのあるレイを飛ばして当たり判定を行ってみたいと思います。 今まではPhysics.LinecastやPhysics.Raycast等の点や方向を使って線を引いて他のゲームオブジェクトと接触しているかどうかを判定している事が多かったですが、 今回はPhysics.BoxCast、Physics.CapsuleCast、Physics.SphereCastを使ってコライダのような空間でレイを飛ばし当たり判定をしてみたいと思います。 それぞれのメソッドの引数の指定方法は数多くあるので、その中の一部だけを使います。 レイのターゲットゲームオブジェクトの作成レイを飛ばす前にまずはレイが当たるかどうかのターゲットであるゲームオブジェクトを作成します。 ヒエラルキー上で右クリック→3D Object→Cubeを選択し、名前をTargetCubeにします。 TargetCubeのインスペクタでL

【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 では重なり順を指定する項目が多いですよね。 これらの項目間の優先度が実際にどうなっているのか理解していなかったため、調査を兼ねてチートシートを作ってみました！ h2. 描画優先度を指定するものを列挙してみた * Canvas の Screen Space 設定 * Order in Layer * SortingLayer * Camera の Depth 値 * Material の RenderQueue * ヒエラルキ(Hierarchy) 上の親子関係・兄弟関

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

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

①メッシュの輪郭でマスクまずはメッシュの輪郭でマスクするテクニックを紹介します。先の説明の通りステンシルは、マスクする側される側の2種類のシェーダーが必要です。 それぞれ解説していきます。 マスク「する」側のステンシルシェーダーステンシルは ステンシルバッファ と呼ばれるバッファを使います。このバッファは各ピクセル毎に 8ビットの整数値 を保持します。 このステンシルバッファの値をフラグメントシェーダーの中で参照、ピクセルの表示非表示の切り替えに使用します。 では実際のシェーダーコードを見ていきましょうｌ． ステンシル処理はStencilブロックに記述ステンシル処理は Stencilブロック に記述します。 Stencil { Ref 2 // ステンシルは常に成功 Comp Always // ステンシルに成功したら2に置き換える Pass Replace } Comp Always は