検索対象

並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 9 件 / 9件

新着順 人気順

A-Frameの検索結果1 - 9 件 / 9件

タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。

A-Frameに関するエントリは9件あります。 図書館、 エレクトリック、 university などが関連タグです。 人気エントリには 『A-Frameを使って「VR図書館ツアー」を作ってみました 1 - 島根大学附属図書館のブログ』などがあります。

A-Frameの関連エントリー

  • A-Frameを使って「VR図書館ツアー」を作ってみました 1 - 島根大学附属図書館のブログ

    島根大学附属図書館は2020年9月23日に「VR図書館ツアー」を公開しました。「VR図書館ツアー」は360度パノラマ写真に館内施設等の説明を加えたもので、インターネット上で館内ツアーを疑似的に体験できるコンテンツです。 この記事では、「VR図書館ツアー」の基本の作り方などを紹介します。 「VR図書館ツアー」をまだご覧になったことがない方はこちらをどうぞ（FirefoxやChromeでご覧ください） ぐりぐり動かして見てみてください。 それでは作り方を順番に説明していきます。 1. 360度パノラマ写真を撮る 360度カメラを使って、360度パノラマ写真を撮影します。手に持って撮ると自分が映ってしまうので、三脚とアプリで撮影者が隠れた後に撮影するのがよいと思います。 三脚は、屋外で撮影したときに風で倒れてしまう場合があるので、特に屋外で使うときはしっかりしたものの方がよいかもしれません。 撮

      A-Frameを使って「VR図書館ツアー」を作ってみました 1 - 島根大学附属図書館のブログ

    • VR体験構築のためのウェブフレームワーク“A-Frame”を使った「VR図書館ツアー」の作り方（記事紹介）

      島根大学附属図書館が2020年12月21日付で、「VR図書館ツアー」の作成方法を解説した2本の記事を公開しています。 島根大学附属図書館は2020年9月23日に、360度パノラマ写真に館内施設等の説明を加えて、インターネット上で館内ツアーを疑似的に体験できるコンテンツとして、「VR図書館ツアー」を公開しました。同記事は、HTMLによりVR体験を構築できるウェブフレームワーク“A-Frame”を使った「VR図書館ツアー」の基本的な作り方を紹介する内容です。 記事では、360度パノラマ写真の撮影方法・A-FrameでVR空間を構築するための記述方法・A-FrameのVR空間への画像や図形の配置方法・A-FrameのVR空間の画像から外部のウェブサイトへのリンクの設定方法などが、具体的な事例とともに紹介されています。 A-Frameを使って「VR図書館ツアー」を作ってみました 1（島根大学附属図

        VR体験構築のためのウェブフレームワーク“A-Frame”を使った「VR図書館ツアー」の作り方（記事紹介）

      • 3Dモデルを、360°回せるビューワーとしてWebサイトに埋め込む方法 【A-Frame と model-viewer】

        作った3DデータをWebサイトに埋め込んで、マウスや指で操作し360°閲覧できるようにする方法を紹介します。 実現する方法はいくつかありますが、この記事ではA-Frameと<model-viewer>、2種類のWEBコンポーネントを試しました。 動作デモ まずは動作デモです。マウスか指で、拡大したりグルグル回せます。 ※FirefoxとChromeで動作確認しました。 A-Frame ※モバイルで”Set your browser to request……”というメッセージが表示されていたら、Closeボタンを押すと見られると思います。 < model-viewer > googleのプロジェクトとして開発されたWebコンポーネントです。 自分の作品や製品のPRなんかに使うと、楽しげで良さそうです。 手段の候補 Webサイトに3Dを埋め込むには、複数の方法があります。 大まかにはwebサー

          3Dモデルを、360°回せるビューワーとしてWebサイトに埋め込む方法 【A-Frame と model-viewer】

        • A-Frameの使い方｜Yuu's Memo

          皆さんこんにちは！ 最近、WebサイトやSNSで３６０度画像や動画を使用した「バーチャルコンテンツ」を目にする機会が増えたと思います。 身近なところでは、Googleストリートビューなどが有名ですね。 コロナウイルスの影響もあり、企業の展示会や会社説明会、ハウスメーカーや自動車販売メーカーなども、次々とバーチャルコンテンツを作成し、公開しています。 そういった時代の流れで、自社のホームページや採用サイトなどでも、バーチャルコンテンツを作ってみたいと考えている企業も多いのではないでしょうか？ ただ、バーチャルコンテンツを作成している業者さんや、サービスは非常に高額ですし、自社で作成するにしても、「何が必要で、何をすれば良いのかわからない。」といったことになってしまっているのではないでしょうか。 この記事を読めば、「バーチャルコンテンツ」を実装するのに必要な知識・技術などが最低限理解できます。

            A-Frameの使い方｜Yuu's Memo

            • A-Frameの関連エントリー

          • 機械学習で、指でA-frameの3Dオブジェクトを動かすアプリをつくった - Qiita

            3Dの物体を指で動かしてみよう A-frameを学び、animationの動きを見ていて、このanimationを指で動かせないかと思って、色々試してみました。動かせたら、ちょっとしたゲームができそうだなと。 できました つくったものをまずご覧ください。 A-frameのアニメーションを、手で動かせるようにしてみました。ただ、右がうまく機能しなかった。。機械学習のやり直しかな。#protoout #Aframe #機械学習　#AI pic.twitter.com/EGLGB02SzH — 柳瀬浩之@人材開発×UX専門家 (@btap_hiro) September 17, 2020 まだ機械学習の精度が低く、思ったようには動いてくれませんが、一応、手の動きに合わせて、アニメーションが変わるように設定できました。 また、使い方のチュートリアルが表示されるように、intro.jsも使ってみまし

              機械学習で、指でA-frameの3Dオブジェクトを動かすアプリをつくった - Qiita

            • A-frameとAR.jsでWebAR名刺をつくってみる - Qiita

              この記事は，大学1年生レベルのプログラミング能力さえあればWebARコンテンツを制作して体験することころまでできるように丁寧に解説した記事です．是非最後までお付き合いいただければ幸いです🙇‍♂️(初Qiita記事でお見苦しい点もあるかと思いますがご了承ください) 今回は，WebARの中のA-frameとAR.jsを使用してAR名刺をつくっていきたいと思います!!! 昨晩から急遽制作した『WebAR名刺』無事に完成しました！！！ 宇宙飛行士の3Dモデルがふわふわ動いていたり、カーソル合わせると自分のサイトに遷移したり、割と細かい所までこだわって頑張ったので是非みんな六本木ミッドタウンホワイエA-B間のブースに体験しに来てほしい〜 #ORF2019 pic.twitter.com/5GRZj3p6Y1 — マサキ㌠ / 一夜限りの料理人 (@Masaki_ponpoko) November

                A-frameとAR.jsでWebAR名刺をつくってみる - Qiita

              • MindAR,A-Frame,Google Blocklyで顔認識ARをプログラミングするサイトを作ってみた - Qiita

                MindAR,A-Frame,Google Blocklyで顔認識ARをプログラミングするサイトを作ってみた 「顔認識ARを作ろう」 MideAR,A-Frame,Google Blocklyで顔認識ARをプログラミングする「顔認識ARを作ろう」はこちら https://kaihatuiinkai.jp/nesopuro2/face_ar/ 顔認識をWebページ上で作動させることができるMindARというJavascriptライブラリを見つけました。以前に作成した「ARを作ろう」に組み込んだところ、あっさり作動しました。（世の中、便利になりましたね）「顔」をマーカーにしてARを表示します。 PNGファイルの透明画像にも対応しているので、「ARを作ろう」よりもっと面白いことができそうです。眼鏡、帽子、カチューシャ、ヒゲなどを顔の上にAR表示できます。「SNOW（スノー）」のアプリのようなこと

                  MindAR,A-Frame,Google Blocklyで顔認識ARをプログラミングするサイトを作ってみた - Qiita

                • Introducing Strype, a frame-based editor

                  World-leading university, King's College London recently released Strype, a novel frame-based editor for Python that offers a programming environment for the BBC micro:bit Strype is an online editor accessible at https://www.strype.org/microbit/ The benefits of frame-based editingFrame-based editing combines the benefits of text-based editing and block-based editing. It offers similar avoidance of

                    Introducing Strype, a frame-based editor

                  • A-Frame を使ってみた - Qiita

                    はじめに お手軽にVR表現ができるとのことで使ってみました。 何か動きがあるものを表示してみようと思います。 準備 "aframe.min.js" を読み込む。 <html> <head> <script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script> </head> <body> <a-scene> <a-cylinder position="0 0.5 -3" radius="0.5" height="1.0" color="#88005D"></a-cylinder> <a-plane position="0 0 -4" rotation="-90 0 0" width="4" height="4" color="#7BC8A4"></a-plane> <a-sky color="#000000"></a-

                      A-Frame を使ってみた - Qiita
                    1

                    新着記事

                    はてなブックマーク

                    公式Twitter

                    はてなのサービス

                    • App Storeからダウンロード
                    • Google Playで手に入れよう
                    Copyright © 2005-2024 Hatena. All Rights Reserved.