SparkARチュートリアル【パーティクルと背景を組み合わせよう】

今回はパーティクルと背景変更を同時に行う方法のチュートリアル。 ①人 ②パーティクル ③背景 の順番に並べたいが、 １，パーティクルが前人の前に表示されてしまう ２，パーティクルが消えてしまう。 など多くの方から質問をいただきましたので、解決していきたいとおもう。 今回使用するオブジェクトは ・canvas（rectangle）×２ ・particle×１ こちらを用意し、【シーンビューでの配置】【material】 を調整することで実現が可能だ。 まずはシーンビュー

インスタARで渋谷勝手にジャック？町中をアートにする企画始動！SparkAR

おっす、おら、ARアーティスト　トゥーミ―ことYusuke Tatsumiです！ 現在24才ですが最近まで「トゥ」をローマ字でなんと打てばいいのかがわからず「ト」と「ゥ」を分けて入力していました。 それはそうと、SSPARKワクワク企画第1弾渋谷ジャックｲﾍﾞﾝﾄが始動しました！ 開催はゴールデンウイーク！もう時間がないのでひいひいしているわけだが、何とか間に合わせたいと思う。 アーティストさんとコラボをしてARを世界中をアートであふれさせようという企画です。実は企画名は

金沢21世紀美術館でAR展示してきました！SparkAR【インスタエフェクト】

おっす、おら、ARアーティストのトゥーミー！ 日本初のSparkARコミュニティSSPARKが 2021年4月8日金沢21世紀美術館で石川県の創作集団「kanazaWAZA研究所」（所在地：石川県金沢市 代表：澤田雅美）が仕掛ける地域文化魅力発信プロジェクト「WAZArt」のインスタレーション・アート展のインスタARコンテンツを担当させていただきました！ 話したいことが多すぎてテキストでは語りきれないので、YouTubeもありますこちらもご覧ください。 この記事では、今

パッチエディタ：タッチジェスチャの追加

今回は、タッチジェスチャーの使用方法 ➀パッチエディタを開く ➁スクリーンピンチパッチの使用 ③スクリーンロングプレスパッチの使用＜画面長押し＞ この三つを使えるようになる。 このチュートリアルでは、パッチエディターを使用して、タップやスワイプなど、デバイスの画面操作に連動するエフェクトを作成します。 サンプルコンテンツをダウンロードしてフォローしてください。 このチュートリアルを完了するとできるようになるのがこちら 画面をつまむとピエロの鼻が大きくなる。 画面を長押

オブジェクトタップパッチの使用

＃2のタッチジェスチャーでスクリーンのタッチに連動して、アニメーションを連動させるたエフェクトを作成したが、今回は、特定のオブジェクトをタッチした際にアニメーションが始まるような仕組みを実装していく。 このガイドでは、誰かがオブジェクトを直接タップすると、パッチの使用方法をわかりやすくお伝えすることに重点を置いているので、制作物自体は非常に簡単にした。 1回タップするとPlaneが回転、も一度タップすると停止する簡単な構造になっている。 スクリーンタップやスクリーンパン

オリジナルインスタフィルター作成講座＃３

パーティクルワールドエフェクトの作成 今回は初心者の方向けにこちらのフィルター作成方法をご紹介 SparkARを初めて触るかたはこちらを先に見てからもどってくることをお勧めします。＜インターフェース＞ セットアップ SparkARにはカメラ空間ワールド空間が存在する。 カメラ空間：カメラ空間にあるオブジェクトはカメラからの距離が一定でカメラの動きに追尾しして動く。 ワールド空間：カメラのや動きに影響されない空間カメラに対してではなく、固定位置にオブジェクトを配置する

★SparkAR hub 最新機能追加！クリエイターが必ず用意すべきポートフォリオサイトを今すぐ用意しよう！

SparkAR Creator の辰巳です。 「ARが当たり前の世界を作る」、そんな野望に燃えている今日この頃、最高に便利な機能をfacebookがリリースしました。 ARがあたりまえの世界になるためには、業界を引っ張る人材がどんどん出てくる必要があります！そのため惜しげもなく情報を発信していこうとおもいます！ 私の野望はさておき、SparkAR　hub内にポートフォリオサイトがオープンしたのです。 「よくわからないので読むのをやめようとしているそこの君、騙されたと思って

エモ文字フィルターは規約違反。SparkARの審査が通らない君に

皆さんこんにちは、私DINAMICA　COOの辰巳です。 【1.4.a. テキストはエフェクトのシーンに統合する必要があります。】 こんな表示が出てしまった君の悩みを解決しようと思う。 ご挨拶※本題をみたい方は、飛ばしてしてください。 SparkARを始めて早1年余り、もともとUnityを使用していたこともあり、キャッチアップはかなり早かったですが、やはり思うように開発できない日々が続き、容易な道のりではありませんでした。 現在、SparkARを専門で教える講座Med

インスタ小顔フィルター作り方＜SparkAR＞日本語チュートリアル

VR Creators LABOの辰巳です。 SparkAR日本語チュートリアルを上げていきたいと思います。 YouTubeにチュートリアル動画を上げているので是非参考にしてください。 ＜準備するもの＞★Spark AR https://sparkar.facebook.com/ar-studio/ ★SculptGL（スカルプトソフト） https://stephaneginier.com/sculptgl/ facemesh assset(加工する3Dmodelは個

チュートリアル用マスクtexture

＜インスタエフェクト作成講座＞顔をゆっくりトラッキングする効果の実装SparkAR

今回はフェイストラッカーとパッチを使用して、顔の動きに少し遅れてトラッキングする機能の付け方 今回のチュートリアルで作れるもの 使用するもの ＜オブジェクト＞ ・faceTracker ・plane ＜パッチ＞ ・faceFind ・faceTracker ・faceselect ・Exp Smoorhing Vector３ ・Add オブジェクトの追加 これから顔の動きをplane（別のオブジェクトでも代替可能）が遅れて追尾するようにします。 まず、シーンビュー

Spark ARチュートリアル＜初心者向け＞フェイストラッカー

Spark ARチュートリアル初心者向け講座最近インスタグラムで、フィルター昨日を使用する人が増えてきている。 このファイスフィルターを自分で作成することが出来ることをご存知だろうか？ 難しそうに聞こえるが恐ろしく簡単なので、ぜひみんなにも挑戦してみてほしい。 Spark ARをインストールしていない人はまずインストールから始めてみよう。 フェイストラッカーを使用して、顔の表情や向きに反応するエフェクトを作成します。顔の特定の部分を識別することもできます。 フェイス