4
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

【Unity】知っていればよかった神技術!! - WebAR編 -

Last updated at Posted at 2023-02-01

qiitaWebAR.png

はじめに

僕は、都内の某私立文系大学生の1年生です。
UnityとC#でARコンテンツ開発を主として活動しており、サブでWebアプリ開発も行っています。僕についての紹介はこちらから!
https://qiita.com/RyuseiItoh/items/80cc0f3c419b0d5a5e6b

WebARとは

WebARは、Webブラウザを使って拡張現実(AR)体験を楽しめるものです!
スマートフォンやタブレットなど、モバイルデバイスからも簡単にアクセスできます!

WebARはアプリをダウンロードしてインストールする必要がないというメリットがあります。これはARを多くの人にアクセスさせることを目的としていて、ビジネスや教育などで活用されることが期待されています!

WebARの作り方をざっくり解説!!

簡単なフローを紹介します!

(1)開発環境を構築する:HTML、CSS、JavaScriptなどのWeb開発スキルとARフレームワーク/ライブラリを使用することが必要です!

(2)ARマーカーを作成する:Webカメラで認識することのできるARマーカー画像を作成します!

(3)3Dモデルを作成する:3Dグラフィックスソフトウェアを使用してARアプリケーションで表示する3Dモデルを作成します!

(4)ARアプリケーションを開発する:ARマーカーと3Dモデルを組み合わせて、HTML、CSS、JavaScriptなどを使用してARアプリケーションを開発します!

(5)アプリケーションをデプロイする:ARアプリケーションをWebサイトにデプロイして、ユーザーがアクセスすることができるようにします!

これらのステップを通して開発していくすることで、WebARアプリを作成することができます!

     YOUTUBEでの関連動画はこちら!

おわりに

皆さんいつも最後までご覧いただきありがとうございます!!

諸事情により最近投稿できていなく申し訳ございませんでした!
気持ちを入れ替え頑張っていきますので応援お願いします!

本日はWebARについて簡単にまとめさせていただきました!
反響がありましたら僕の開発のフローを画像や動画付きで投稿させて頂きたいです!
是非コメント欄にお書きください!!

4
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?