デザイニウム TECHブログ

Lens Studio開発で注意すべきポイント

こんにちは、MIZUTANIKIRIN (@mizutanikirin)です！XR開発を手がけるデザイニウムでエンジニアをしています。普段は主にUnityでアプリ開発を行っていますが、今回は初めてSnap社のLens Studioでの開発に挑戦して、Lens(アプリ)を作成・公開まで行いました。この記事はUnityエンジニアの視点からみたLens Studioの使用感と、初心者が開発時に注意すべきポイントを中心にまとめました。「Camera Kit Web開発で注意す

Camera Kit Web開発で注意すべきポイント

こんにちは、MIZUTANIKIRIN (@mizutanikirin)です！XR開発を手がけるデザイニウムでエンジニアをしています。普段は主にUnityを用いてアプリ開発を行っていますが、今回はLens Studioに初挑戦しました。 Camera Kit Webを使用してWebAR※アプリを作成した経験をもとに、本記事をまとめました。Camera Kit Web初心者目線で、開発時に注意すべきポイントを中心に紹介します。 ※スマートフォンやタブレットなどのブラウザを通し

【第3回】動画生成AI×LensStudioでSnapChatのARフィルターをつくる(全3回)

第1回では制作に使用したツールの解説、第2回ではAI画像生成と修正について解説してきました。第3回では、動画生成からLensStudioでのセットアップまでの流れを記載します。動画生成の手順ここからはRunwayでの作業をご説明したいと思います。 Runwayでは「Text/image To Video」と「Frame Interpole」の2つの機能を用います。映像構成について今回のフィルターの映像時間について事前に説明します。フィルターの演出時間は5秒間（=

【第2回】動画生成AI×LensStudioでSnapChatのARフィルターをつくる(全3回)

前回の記事では、使用したツールの解説を行いました。第2回ではイラスト作成と、修正の方法について記載します。イラスト画像生成の手順まずはDALL-E3で、イラスト作成に取り掛かりました。画像生成のプロンプト（指示文）は主に「目的」「必要条件」「制限事項」の3点を重視しました。詳しく解説します。指示文についてChatGPTの一機能なので、画像生成でもツールの使い方が大きく相違するところはありません。検索すると、良い指示文の作り方が多数出てきますので、それをコピペして使う

【第1回】動画生成AI×LensStudioでSnapChatのARフィルターをつくる(全3回)

デザイニウムはAIを駆使して、SnapChatのARフィルターを制作しました。この記事では、動画生成AIとLensStudioを融合させることで、新たな表現を探求したプロジェクトの舞台裏をご紹介します。第1回では主に使用した3つのツールをご紹介します。はじめにこんにちは、デザイニウムのCGクリエイター・秋山です。日々、生成AI技術の進歩が加速していますね。社内でもR&Dとして生成AIを様々な形でARに応用する試みを行っています。例えば「Magical Forest

【Lightship ARDK3.0を使ってみた】エンジニアが語る！実践デモで見るARDK3.0の新機能と活用術

こんにちは！デザイニウムの佐久間(@ppengotsu) です。 Niantic Lightship ARDKの最新バージョン”3”に追加された機能や変更点を紹介する連載記事（全３回）の最終回です。過去記事本記事では、弊社の2人が実際にARDK3を使ってデモを作成した経験を共有します。それぞれが使用した技術や工夫点について詳しく聞いてみました。デモ1: 「AR Fishing」こちらのデモは、デザイニウムのMao(@rainage)が作成しました。 ARD

【Lightship ARDK3.0を使ってみた】エンジニアが解説！最新バージョンの魅力とは？

こんにちは！デザイニウムの佐久間(@ppengotsu) です。 Niantic Lightship ARDKの最新バージョン”3”が正式リリースされました。追加された機能や変更点を紹介する連載記事（全３回）の第１回目です。開発者(クリエイター）の視点で、気になる変更点をさらっと見ていこうと思います。気になる変更点サポートするUnityバージョンの変更 ARDK 2までは、Unity2020LTS , 2021LTSを公式サポートしていました。 ARDK 3は、U

【Lightship ARDK3.0を使ってみた】ARDK2利用者必見！ARDK3.0への移行手順とアドバイス

こんにちは！デザイニウムの佐久間(@ppengotsu) です。 Niantic Lightship ARDKの最新バージョン”3”に追加された機能や変更点を紹介する連載記事（全３回）の第２回目です。本記事は、ARDK２からアップデートする際に知っておいたほうが良い情報を弊社メンバーに聞いてみたものをまとめたものです。第１回の記事はこちら【Lightship ARDK3.0を使ってみた】エンジニアが解説！最新バージョンの魅力とは？できるなら、新規Unityプロジ

【技術解説】ChatGPTで制作したARアプリ(プロトタイプ)の開発フロー

インタラクションデザイナーのMIZUTANIKIRIN (@mizutanikirin)です。今回、ほぼChatGPTのみで作成したARアプリの作成フローを紹介します。このARアプリは企画の段階からChatGPTに考えてもらい、コードの作成までをしてもらっています。開発したアプリは以下をご参照ください。アイディア出しまずは以下のプロンプトでアイディアを出してもらいました。納得がいくまで繰り返し何度もアイディアを出してもらい、最終的に以下の出力を採用しました。

【技術解説】浅草の歴史散策アプリ「NHK AR タイムワープ」（Android／iOS）の紹介と解説

こんにちは！デザイニウムのエンジニアの佐久間(@ppengotsu) です。今回の記事は、当社がシステム開発、デザインを担当したNHKさんのアプリ「NHK AR タイムワープ」の紹介と技術面の解説をしていこうと思います。「NHK AR タイムワープ」は、現在の浅草のまち並みと昔の映像を同じ場所に重ね合わせて、過去と現在を往来して浅草を散策できるアプリです。NHKで７月１７日（月・祝）に放送された街ブラ番組「時空を超えて記念撮影まちかどタイムワープ」で使用されました。

Sonyのモーションキャプチャー「mocopi」をつかってみた（後編）〜徹底検証！mocopiで出来ること

こんにちは、デザイニウムのCGクリエイターの秋山です。 Sonyのモーションキャプチャーmocopiを使用しておおよそ1ヶ月と少し経ちました。この間に、様々なモデルにmocopiを適用して動かしてみました。はじめにどんなキャラでも、頭と手と足があるキャラクターであれば簡単にセットアップし動かす事が可能なので、苦労せずにすぐに試せるのがmocopiの面白い点の１つですね。こうして動かしていると、段々と出来ることと苦手なことも分かってきました。この記事では、mocopiを

【技術解説】8thwallをつかったアプリ開発『Under Sea AR』

はじめにこんにちは、デザイニウムの桐井です。今回は、Niantic社の8thwallを使用して作成した"UNDER SEA AR "というARアプリについてご紹介したいと思います。 "UNDER SEA AR "は、周囲が海の中になったような気分が味わえるARアプリです。8thwallとThreejsを使用して開発しています。アプリは、下記のリンクからスマートフォンで実際に試していただけます。 undersea-ar.web.app 開発環境について8thwallで

【8thwall】Lightship VPS for WebとAR STREET PAINTINGの紹介

こんにちは。デザイニウムの桐井です。今回は、先日Niantic社の8thwallに追加された新機能、Lightship VPS for Webについてご紹介したいと思います。はじめに8thwallにVPS(Lightship VPS for Web)機能が追加されました。これまではスネイティブのアプリで実装されることが多かったVPS機能をWebブラウザで実行できるようになり、体験がより手軽になったなと感じています。 VPSや8thwallについては過去に解説記事がある

【技術解説】漢字遊戯 x toio SDK for Unity

Hi, I am an interaction engineer/designer MAO (@rainage) of The Designium. In this article, I'm going to introduce the R&D experiment project - "漢字遊戯(Kanji Game)", and a preliminary attempt to use toio for Unity integration. [Kanjij Game]

#designium