はじめに 2点間の距離を求める方法がいくつかあるので紹介したいと思います！ 是非、自分好みの方法を探してみて下さい〜。 方法紹介 その1：三平方の定理 三平方の定理の詳細は解説サイトにお任せします。 直角三角形の斜辺をC, その他の辺をAとBとすると、 A^2 + B^2 = C^2 ってなるやつですね。 コードはこちらになります。 Vector2 posA = new Vector2(1f, 2f); Vector2 posB = new Vector2(3f, 4f); float distance = Mathf.Sqrt(Mathf.Pow(posA.x - posB.x, 2) + Mathf.Pow (posA.y - posB.y, 2)); Mathf.Pow()は累乗を行う関数 Mathf.Sqrt()は与えた数を平方根に直す関数 その2：magnitude magnit

はじめに http://www.stevevermeulen.com/index.php/2017/09/using-async-await-in-unity3d-2017/ この記事は、上記のページで公開されている Unity 2017 でコルーチンの代わりに async / await を使用する方法を翻訳したものになります 目次 はじめに 目次 コルーチン async / await 簡単な例 Custom Awaiters AsyncAwaitUtil.unitypackage 例外処理 コルーチンから非同期メソッド呼び出し 複数のスレッド UniRx と非同期ロジックの連携 コルーチン コルーチンは便利ですが、いくつかの欠点があります コルーチンは値を返すことができません そのため、Action 型のコールバックを引数で渡すなどの対応が必要になります try-catch 内に y

このブラウザーはサポートされなくなりました。 Microsoft Edge にアップグレードすると、最新の機能、セキュリティ更新プログラム、およびテクニカル サポートを利用できます。

Lifelike avatars for the Metaverse Elevate your product to new heights by seamlessly integrating lifelike avatars. With MetaPerson, you can offer your users an immersive and personalized experience like never before. Start with MetaPerson Creator – the revolutionary 3D avatar builder that allows you to create your own lifelike avatar using just a selfie! MetaPerson Creator With MetaPerson Creator,

どうも、木村（@kimu3_slime）です。 バーチャルYoutuberが楽しそうなので、まずは安くて簡単な2次元バーチャルYoutuberを作ってみました。Mac、Facerigなし、ブートキャンプ（Windows）なしで作れる方法「Adobe Character Animator」を紹介します。 バーチャルYoutuber「木村すらいむ」お試し作成中（目線が泳いでるのはキャラです）　#バーチャルYoutuber #木村すらいむ pic.twitter.com/W9CAYC3It7 — 木村すらいむ (@kimu3_slime) February 27, 2018 2次元バーチャルYoutuberのやり方を検討する 3Dは高い？ 2Dで情報が多いのはFacerig、しかしMac非対応 最初はどうせやるなら3Dで、と思ったのですが、（全身トラッキングを）安くて簡単な方法はないようす。（参

ランディングページといったコンテンツもレイアウトも全て決め打ちで成立するようなものはさておき、多くの Web サイトおよびアプリケーションは、いかなる分量のコンテンツであろうと柔軟に受け入れて表示出来るように設計・デザインされなくてはなりません。 しかし、全ての文字列を表示するには長過ぎてレイアウトが崩れてしまうといった場合には、何らかの方法で文字列を省略する必要があります。一昔であれば Ruby や PHP、Java などサーバーサイドで文字列を切り捨てるなどの加工をしてからフロントエンドに返すという方法が常套手段として用いられていました。しかし、これでは昨今のワンソースによるレスポンシブデザインといったスクリーンサイズに応じて動的に表示領域が変わるようなデザインに対応しきる事が出来ません。PCサイズの表示領域に適した文字数を返したとしてもモバイルサイズの表示領域がそれと同じとは限りませ

2015年10月27日 CSS Webブラウザーによって表示可能なCSSが異なるのは、よく知られていることです。例えばChromeやSafariでは問題なく表示される filter は、Internet Explorerではうまく表示されず、別のスタイルを用意しなければいけません。今回は @supports を使って対応しているプロパティー別にスタイルを変更してみましょう。 ↑私が10年以上利用している会計ソフト！ @supports とは？ 指定した (プロパティー:値) の条件に対応しているブラウザーには {} 内に書かれたスタイルを適用するよ、というもの。新しいスタイルの書き方に対応しているブラウザーにはそれを、対応していないブラウザーには従来の書き方で、かつ見栄えの崩れないようにコンテンツを提供できるよう、CSSを記述していけます。「プログレッシブエンハンスメント」というやつですね

今回は個人的に、今アプリに一番入れてみたいライブラリLottieを試してみました。 LottieはAdobe After Effectsで作成されたアニメーションをjsonに変換して読み込ませることで、手軽にアニメーションをアプリに入れることが出来ます。 また、以下の利点があります。 標準のアニメーションよりも凝ったものが作れる AndroidやWeb用のライブラリも存在するので、共通したアニメーションを使える アニメーションの素材サイトが公開されている（後述） ライセンスは、Apache License 2.0です。 https://github.com/airbnb/lottie-ios 検証環境 今回は下記環境で試しています。 Xcode 準備 アニメーションを入手する Adobe After Effectsのアニメーションを作れなくても、Lottieでは素材サイトが用意されています

Unityでパズドラ風の3Matchパズルを作ってみます ■シリーズ全体での完成イメージ ■本編の完成イメージ ※演出は実装していないので一瞬で処理が終わります ※サクッとコードだけ確認したい方はこちら github.com ■環境 Mac OS Sierra 10.12.4 Unity 5.6.0 f3 言語 C# ■プロジェクトの準備 Unityを立ち上げNewProjectを選択、プロジェクトを2Dにして新規作成を行う ■メインシーンの準備 [File] -> [New Scene]から新しくシーンを作成、セーブする ■背景の設定 シーン内にある[Main Camera]を選択、[Camera]スクリプトの[Clear Flags]を[Solid Color]、[Background]にて背景色を白にする ■ピースの定義 スクリプト[PieceKind.cs]を作成し、ゲーム内にて利

LINE Messaging API と Google Apps Script で LINE BOT を作ってみるメモ。今回は、LINEのグループに送信したメッセージをメールで転送するBOT。 アカウント作成 / BOT設定 ※事前にLINEアカウントを作成すること 「LINE Business Center > サービス」の Messaging API で、「Developer Trial を始める」から LINE Business Center アカウントを登録する。 アカウントを登録すると LINE@ MANAGER ページが表示されるので、「APIを利用する」をクリックする。 「アカウント設定 > Bot設定」で以下を設定する。 リクエスト設定 > Webhook送信 > 「利用する」にチェック 詳細設定 > Botのグループトーク参加 > 「利用する」にチェック BOTを友達に追

今回はUnityで基本的な数学・物理学を使った処理を行ってみたいと思います。 わたくし自身は数学・物理学は得意ではないので理解を助ける為にUnityで実際に計算して試してみるというただのメモ書きになります。 距離、速さ、時間の計算と等加速度運動の式、三角関数を使ってみようと思います。 わたくしみたいな数学、物理が苦手な人の助けになる記事かも？しれません。 今回の記事を見て頂くと、

前回の記事では3Dモデルの頂点を点（ドット）で表示する方法を紹介しました。今回は頂点の表示ではなく辺の表示、つまりポリゴンをワイヤーフレームで表示してみます。また、綺麗にワイヤーフレームを表示するためのシェーダも作成します！ メッシュのトポロジを変更する 3Dモデルをワイヤーフレームで表示するには、頂点を表示したときと同様にメッシュの再構築を行います。 まずはメッシュの再構築をするスクリプトを作成してみましょう。プロジェクトウィンドウで右クリックし、Create→Script→C# Scriptを選択して、wireframe.csを作成してください。 ファイルが出来たら次のスクリプトを入力してください。 using System.Collections; using System.Collections.Generic; using UnityEngine; public class wi

２Dエフェクトってかわいいですよね。 前回の記事で電撃エフェクトの作り方を紹介したので、今回は煙をやろうかなと思います！ 早速いってみましょう！ ビデオチュートリアルはコチラ！ [https:/...

概要 今作っているARアプリでクリッピング平面を作る必要が出てきたのでそのメモです。 動作サンプル↓ 動画サンプルで動かしたものはGitHubで公開しています。 ちなみに、クリッピング平面自体の説明は以前Qiitaに書いたのでそちらをご覧ください。 今回書くのはARアプリで使用したUnityでのクリッピング平面の実装メモです。 qiita.com 実装 今回、Unityで実装するに当たってクリッピング平面の位置や方向などはC#側で計算し、それをシェーダに渡す形で実装しました。 まずはC#コードを。 C#コード using System.Collections; using System.Collections.Generic; using UnityEngine; public class ClippingPlanes : MonoBehaviour { [SerializeField]

前回→Selenium WebDriverで実践的テストケースを作成する（Java編） 皆さんこんにちは。 最近は家事もこなす在宅ワーカーとして活動している中野です。 前回に引き続き、今回もseleniumを取り上げます。 「Selenium WebDriver」は複数のスクリプトで実行が可能ですが、 今回はnode.jsを使ってみます。 環境設定 (1)node.jsのインストール https://nodejs.org/en/download/ ローカルのマシンにあわせて、適切なインストーラをダウンロードして下さい。 ターミナルで $ node -v と入力して、バージョンが表示されれば成功です。 (2)selenium webdriverのインストール $ npm -g install selenium-webdriver （macの場合、事前にxcodeをインストールしておく必要があ

今回はUnityのUIのテキストを動かしてみます。 テキストを動かす テキストを動かす テキストを揺らす テキストの大きさを変える テキストを動かすの基本 テキストを動かす UnityのUIシステムであるuGUIですが、実はテキストを表現するためのポリゴン…頂点を動かしたりする事が出来ます。 この部分を上手く活用すると、文字1文字ずつを動かしたり透明にしたり、変形させたりする事が出来ます。 tsubakit1.hateblo.jp ということで、色々とやってみました。 テキストを動かす まずテキストを1文字ずつ別の方向からINする処理を書いてみました。 やってる事は非常に単純で、各文字の位置をランダムなオフセット値で移動させて、それを戻しているだけです。 Unityで、uGUIで用意した文字列を別々の方角から並べる奴 pic.twitter.com/MWu77uDAtK — 椿 (@tsu

はじめに 帰省の新幹線の中でこういうポストプロセスエフェクトを作ったので、作り方を紹介します。 空間の歪めかた分かってきました （新幹線で楽しくシェーダー勉強してます） pic.twitter.com/oyKSAV9sSt— setchi (@setchi) 2017年12月28日 実装方針 ポータルの中心から一定距離内のピクセル（緑色の範囲）を外側に圧縮して、広がった分だけ内側に違う絵を描画します。 実装 ShaderLab Shader "Custom/Portal" { Properties { _MainTex ("MainTex", 2D) = "white"{} } CGINCLUDE #include "UnityCG.cginc" sampler2D _MainTex; sampler2D _SubTex; float _Aspect; float _Radius; flo

この記事は CAMPHOR Advent Calendar 2017 22日目の記事です。 昨日は @ryota-ka による Type-level TypeScript - ryota-ka's blog でした。 CompositionEvent が多くの主要ブラウザでサポートされた2017年冬なら、JavaScriptで日本語入力に対応したちょっとした入力補完機能の実装はシュッとできると思ったのですが、ブラウザによって細かい実装が異なっていてちまちまとしたworkaroundが必要になったのでメモ 検証環境 Windows10 / Microsoft Edge 41.16299.150 Windows10 / InternetExplorer11 バージョン: 11.64.16299.0 macOS Sierra 10.12.6 / Google Chrome バージョン: 63.0