#WebXR

[kano3d]

Is Google's Android XR ready for Spatial Computing? A critical review of Samsung's 'first' competitor to the Apple Vision Pro

Google imagines Android XR headsets as offering an infinite desktop for productivity, but we found a better approach of this concept in Pico 4 Ultra, which we consider the best competition for Vision Pro, though is not available worldwide.

Google imagines Android XR headsets as offering an infinite desktop for productivity, but we found a better approach of this concept in Pico 4 Ultra, which we consider the best competition for Vision Pro, though is not available worldwide. For the moment, the demonstrated Android XR system looks rather rough. Furthermore, they didn’t show almost any 3D features besides image 2d to 3D conversion…

[takahashicleaning]

空間(によるスペイシェル)Webの最適化 - Apple Vision Pro

「イマーシブ」とは、「没入」「没入感のある」と定義されている言葉ではあります。

しかし、空間(によるスペイシェル)コンピューティング体験とは、3D映画館のスクリーンから飛び出した3D物体や3D特殊効果が自らの身体へ数センチの距離まで接近する3D表現ができるプラットフォームを実現可能にします。

2010年代に流行した3Dメガネをかけて3D映画館で見た感覚に近い感じがします（この場合、3DメガネがApple Vision Pro）

Web上でvisionOSの機能を最大限に活用する方法を学びましょう。

3Dイマーシブ体験がインターネットの資源と融合して使用できるようになります。

選択した対象をハイライト表示する機能の改善や、空間(によるスペイシェル)写真およびパノラマ画像をフルスクリーンで表示する機能など、最新のアップデートを紹介します。

既存のWeb標準を利用して、WebSpeechによる音声入力やテキスト読み上げ、WebAudioによる空間(によるスペイシェル)サウンドスケープの作成、WebXRによるイマーシブな体験を実現する方法について知ることができます。

WebXRとは・・・

W3Cが2018年にImmersive Web WGを発足してGoogle, Microsoft, Mozillaなどのメンバーが中心となって推進しているのが、JavaScript APIによるXRの標準化仕様であるWebXRです。

他には、WebXR以前にもWebVRというVR向けの仕様がありましたが、現在はARやMRにも対応すべくWebXRの中に統合されました。

インターネットで扱うため、WebVRは、オープンソース化のためにOpenXRの方向に進んでます。

さらに、Apple Intelligenceなどのジェネレーティブ人工知能でWebサイトをアプリにする機能も拡張することで

Apple Vision ProやiPhoneへ写真も3D生成してデスクトップアプリに仕上げてくれそうなインスピレーションがきました。

Safariでのビデオ鑑賞がワイドシアターのように、どの「環境」にいても、巨大なスクリーンでSafariで表示されたビデオを楽しめます。

それはまるで映画館のように圧倒的な鑑賞体験。スクリーンに印象的な光や反射も加えました。あなたのYouTubeやNetflixなどのビデオをかつてないほど美しく、そして、大きくワイドに映し出します。

参考として・・・

イマーシブな体験は、ユーザーが物���的な世界とデジタルな世界の間で没入感を得ることを指します。

これは、視覚、聴覚、触覚、嗅覚、さらには味覚までを含むことができ、ユーザーに強い感情的なインパクトを与えることができます。

現在、イマーシブ体験はエンターテインメント業界を中心に広がっています。

例えば、VR（仮想現実）やAR（拡張現実）を利用したテーマパークやアトラクション、イマーシブシアターなどが人気です。

3D映画は、イマーシブ体験の一部として位置づけられます。3D映画は視覚的な深度を提供し、観客が映画の世界に入り込む感覚を強化します。

これにより、従来の2D映画よりも強い没入感を得ることができます。

イマーシブ体験は、エンターテインメントだけでなく、教育、医療、マップアプリ、車などの運転補助、交通標識など多岐にわたる分野で活用されています。

サードパーティー製のスマホケースのようにApple Vision Proと一体化したヘルメットもデザイン上相性が良いかもしれません。本体の重さを全体に分散します。

安全面からも普段からヘルメット着用の抵抗感もなくなります。

技術の進化とともに、ますます現実的でインタラクティブな体験が可能となり、今後もその需要は拡大していきます。

＜おすすめサイト＞

visionOSにおけるスクリーンから飛び出すインタラクティブな体験の設計 - Apple Vision Pro

WebXRによる3Dイマーシブなインターネット体験の構築 - Apple Vision Pro

実用に向けた大規模言語モデルApple インテリジェンス 2024

Apple Vision Pro 2024

ジェームス・キャメロン： 「アバター」を生み出した好奇心

[virtualrealitynewstoday]

Apple Vision Pro 在 VisionOS 2 中預設支援 Safari WebXR

在近年來的技術發展浪潮中，虛擬實境（VR）技術日趨成熟，已逐漸從娛樂與遊戲領域擴展到各行各業。在此背景下，WebXR API 的推出標誌著一個重要里程碑，這是一項使網頁能夠支持虛擬和增強實境（即XR技術）的網絡標準。Rose Canon，一名專門從事Web標準的Safari工程師，其展示了如何利用WebXR API在網站上創建沉浸式的虛擬實境體驗。 Rose介紹了WebXR的基本概念並通過一個國際象棋遊戲來展示其實際應用。在她的示範中，用戶只需點擊一個按鈕，便可啟動一個全面的虛擬實境體驗，其中包括與計算機對弈的棋盤。 ��著最新的 VisionOS 2 更新，Apple Vision Pro 在其內建的 Safari 瀏覽器中正式支援 WebXR…

[lightarts]

Portals across worlds, one of our last talks on portal interoperability across worlds

[emselimahmed]

YouTube app for Apple Vision Pro is "on the roadmap"

[joshtechadvisory]

Code: WebVR - Building Immersive Worlds with A-Frame

Join us as we embark on a journey through the fundamentals of WebVR and A-Frame, catering to both beginners and experienced developers alike. Through easy-to-follow tutorials, demonstrations, and practical examples, we empower you to bring your ideas to life and unlock the endless possibilities of virtual reality right from your web browser.

Read More : https://joshsoftware.com/josh-software-events/prose-code/

[makesomethingawfuleveryday]

Doing a quick dev workshop tomorrow which I used as an excuse to finally build some very basic dumb things with A-Frame. The WebXR setup on Glitch is really top notch. Too bad the metaverse is dead (again).

[filtergrade]

Exploring 360 Studio from webXR.tools - Quickstart Guide

[theanine3d]

Mozilla Hubs shutting down

Some very unfortunate news was announced yesterday by Mozilla. As part of the efforts of the new CEO, Mozilla will be downsizing and refocusing the company's efforts on Firefox and AI. The Hubs team is unfortunately one of the teams at Mozilla now slated to lose their jobs.

If you're familiar with my work, you'll know that I've depended on Mozilla Hubs for many of my projects these past 5 years. I've been creating on the platform since it first became available to the public. Hubs has been my favorite content creation platform to date. It's got the easiest workflow for 3D artists that use Blender, thanks to its dedicated (and very powerful) Blender addon. No other social 3D / VR / webXR platform has come close to Hubs in terms of ease of use, flexibility, and artist-friendliness for me. It truly is a special piece of tech. I even used it with great success last year to showcase artwork created by my 3D art students, a gallery that will now be going offline as well.

Because of all that, news of it shutting down has hit me pretty hard. A lot of my publicly available online VR worlds are now slated to disappear in the near future. Although Hubs is open source and its code will still remain available for many years to come for anyone who wants to self-host it, that just isn't possible for me. I don't make money from my VR projects (making them purely out of love for the hobby and/or source material), and I basically live paycheck to paycheck. I did attempt Patreon a few years back, but it sadly never took off.

So I guess this is my announcement that my VR worlds, too, are going to go offline within the next year. Please enjoy them while you can. 🥹

I want to end this post with a massive thank you to the Hubs team for all their effort on this wonderful platform. They not only created something magical, but they selflessly shared it openly and for free with the whole world when any other company would have nickel-and-dimed their users in every way they could. Hubs was a blast to use and create on these past 5 years for me, and the team should still feel extremely proud of what they accomplished on it.

[27gigahertz]

fuck it. I'm officially recommending at this point that if you want to do VR development you should just do it in webXR in JS/TS. whatever. browsers win.

[metaverse-ar-vr]

Niantic's Scaniverse now has a WebXR app that lets you view user-created Gaussian splats, including your own, in your Quest 3's web browser. #AR #VR #Metaverse

[takahashicleaning]

WebXRによる3Dイマーシブなインターネット体験の構築 - Apple Vision Pro

「イマーシブ」とは、「没入」「没入感のある」と定義されている言葉ではあります。

しかし、空間(によるスペイシェル)コンピューティング体験とは、3D映画館のスクリーンから飛び出した3D物体や3D特殊効果が自らの身体へ数センチの距離まで接近する3D表現ができるプラットフォームを実現可能にします。

2010年代に流行した3Dメガネをかけて3D映画館で見た感覚に近い感じがします（この場合、3DメガネがApple Vision Pro）

WebXRを使用して、visionOSのWebサイトにフル3Dイマーシブ体験を追加する方法をご紹介します。

3Dイマーシブ体験がインターネットの資源と融合して使用できるようになります。

visionOSの入力機能をフルに活用するWebXRインターネット体験を構築する方法や、シミュレーターを使用してmacOS上でWebXRインターネット体験をテストする方法を説明します。

WebXRとは・・・

W3Cが2018年にImmersive Web WGを発足してGoogle, Microsoft, Mozillaなどのメンバーが中心となって推進しているのが、JavaScript APIによるXRの標準化仕様であるWebXRです。

他には、WebXR以前にもWebVRというVR向けの仕様がありましたが、現在はARやMRにも対応すべくWebXRの中に統合されました。

インターネットで扱うため、WebVRは、オープンソース化のためにOpenXRの方向に進んでます。

さらに、Apple Intelligenceなどのジェネレーティブ人工知能でWebサイトをアプリにする機能も拡張することで

Apple Vision ProやiPhoneへ写真も3D生成してデスクトップアプリに仕上げてくれそうなインスピレーションがきました。

Safariでのビデオ鑑賞がワイドシアターのように、どの「環境」にいても、巨大なスクリーンでSafariで表示されたビデオを楽しめます。

それはまるで映画館のように圧倒的な鑑賞体験。スクリーンに印象的な光や反射も加えました。あなたのYouTubeやNetflixなどのビデオをかつてないほど美しく、そして、大きくワイドに映し出します。

参考として・・・

イマーシブな体験は、ユーザーが物理的な世界とデジタルな世界の間で没入感を得ることを指します。

これは、視覚、聴覚、触覚、嗅覚、さらには味覚までを含むことができ、ユーザーに強い感情的なインパクトを与えることができます。

現在、イマーシブ体験はエンターテインメント業界を中心に広がっています。

例えば、VR（仮想現実）やAR（拡張現実）を利用したテーマパークやアトラクション、イマーシブシアターなどが人気です。

3D映画は、イマーシブ体験の一部として位置づけられます。3D映画は視覚的な深度を提供し、観客が映画の世界に入り込む感覚を強化します。

これにより、従来の2D映画よりも強い没入感を得ることができます。

イマーシブ体験は、エンターテインメントだけでなく、教育、医療、マップアプリ、車などの運転補助、交通標識など多岐にわたる分野で活用されています。

サードパーティー製のスマホケースのようにApple Vision Proと一体化したヘルメットもデザイン上相性が良いかもしれません。本体の重さを全体に分散します。

安全面からも普段からヘルメット着用の抵抗感もなくなります。

技術の進化とともに、ますます現実的でインタラクティブな体験が可能となり、今後もその需要は拡大していきます。

＜��すすめサイト＞

実用に向けた大規模言語モデルApple インテリジェンス 2024

Apple Vision Pro 2024

ジェームス・キャメロン： 「アバター」を生み出した好奇心

[virtualrealitynewstoday]

WebXR 對 Apple Vision Pro 的新支援：引入自然輸入方式

隨著 Apple Vision Pro 的推出，WebXR 在 visionOS 平台上的應用迎來了新的發展。目前，開發者和用戶可以在 Safari 17.4 的 visionOS 1.1 版本中探索一種新的互動方式——即所謂的「瞬時指針輸入模式」，這被視為一種更自然且注重隱私保護的互動方法。 WebXR 技術使得從 WebGL 創建的三維體驗能夠轉變為直接在瀏覽器中體驗的沉浸式、空間化內容。此技術遵循由 W3C 定義的 Web 標準，是呈現沉浸式內容的一個重要選擇。 傳統上，由於 WebXR 體驗完全沉浸且完全通過 WebGL 渲染，無法使用 DOM 內容或滑鼠、觸控板等傳統二維輸入方法進行互動。因此，這要求 WebXR 需要開發一種全新的、適合空間體驗的互動模型。 visionOS…

[bluebraintechnologies]

Emerging Technologies in UI Development: Shaping the Future of User Experiences

In the ever-evolving world of web and app development, User Interface (UI) design continues to be a focal point for enhancing digital experiences. The introduction of new technology in UI development is transforming the way users interact with digital platforms, making them more intuitive, accessible, and visually engaging.

1. Artificial Intelligence and Machine Learning in UI Design

AI-powered tools are changing the game in UI development.

Predictive Interfaces: AI learns user behavior to offer personalized layouts and suggestions.

Design Automation: Tools like Adobe Firefly or Canva’s AI design assistants streamline repetitive tasks, allowing developers to focus on creativity.

AI-Powered Chatbots: Integrated seamlessly into interfaces, these provide instant support and enrich user interactions.

2. Motion UI for Dynamic Experiences

Motion UI brings life to digital interfaces through animations and transitions.

Micro-Interactions: Subtle animations, like button clicks or loading indicators, improve user engagement.

Smooth Navigation: Transition effects between pages or sections enhance the flow and keep users engaged.

Feedback Loops: Dynamic responses to user actions (e.g., hover effects or error indicators) improve usability.

Tools like Framer Motion and Lottie are gaining popularity for creating sophisticated motion UI elements.

3. Advanced Front-End Frameworks

New front-end frameworks and libraries are simplifying complex UI designs:

React.js and Vue.js Enhancements: Continuous updates make these frameworks faster and more efficient for building interactive UIs.

Svelte: An emerging framework known for its lightweight architecture and exceptional performance.

Web Components: Facilitates the creation of reusable, encapsulated components, reducing development time.

4. Progressive Web Apps (PWAs)

PWAs bridge the gap between web and mobile experiences by providing:

App-Like Interfaces: Responsive and intuitive designs that mimic native mobile apps.

Offline Functionality: Allowing users to access content even without internet connectivity.

Faster Loading: Lightweight UIs enhance performance, especially on low-bandwidth networks.

5. Voice-Activated Interfaces

Voice UI (VUI) is becoming integral to modern applications, thanks to advancements in natural language processing (NLP).

Hands-Free Interaction: Useful for accessibility and smart devices.

Multimodal Experiences: Combines voice commands with visual feedback for richer interactions.

Popular Tools: Alexa Skills Kit and Google Assistant SDK help integrate voice capabilities.

6. Dark Mode and Adaptive Themes

User demand for customizable UIs has driven the adoption of dark mode and adaptive themes.

Energy Efficiency: Reduces screen brightness to save battery life.

Eye Comfort: Reduces strain, especially in low-light environments.

Dynamic Adaptation: Themes that adjust based on user preferences or system settings.

CSS variables and modern browser APIs make implementing these features easier for developers.

7. Augmented Reality (AR) and Virtual Reality (VR)

AR and VR are unlocking new possibilities in UI development:

Immersive Interfaces: AR-based UIs overlay digital elements on the real world.

3D Navigation: VR-driven UIs create interactive environments for gaming, e-commerce, and education.

Development Platforms: Unity and WebXR are popular tools for building AR/VR interfaces.

8. Low-Code and No-Code Platforms

Low-code and no-code tools are democratizing UI development:

Drag-and-Drop Builders: Enable rapid prototyping without extensive coding knowledge.

Customization Options: While simplifying the process, these platforms still allow tailored designs.

Popular Platforms: Webflow, Bubble, and Figma are leading this space.

9. Accessibility-First Design

Inclusivity is at the forefront of modern UI development.

Assistive Technologies: ARIA (Accessible Rich Internet Applications) roles make interfaces more navigable for screen readers.

Color Contrast Checkers: Tools ensure visuals meet accessibility guidelines.

Keyboard Navigation: Designs now prioritize non-mouse interactions.

10. Advanced Design Systems

Comprehensive design systems are streamlining UI development:

Reusable Components: Libraries like Material Design and Ant Design standardize UI elements.

Cross-Team Collaboration: Design systems bridge gaps between designers and developers.

Scalability: Ensures consistency across platforms as projects grow.

Final Thoughts

The future of UI development lies in its ability to merge cutting-edge technology with user-centric design principles. From AI-driven customization to immersive AR/VR experiences, the potential to create exceptional digital interactions is endless.

As new technologies continue to emerge, staying updated and adaptable is key to delivering interfaces that not only meet but exceed user expectations. Whether you’re a developer, designer, or business owner, embracing these innovations will keep you ahead in the ever-evolving digital landscape.

[codezup]

Building an Augmented Reality Experience with A-Frame

Introduction Building an Augmented Reality (AR) experience with A-Frame is a cutting-edge technique that allows developers to create immersive and interactive experiences for users. A-Frame is an open-source framework that utilizes the WebXR API to enable AR experiences on the web. With A-Frame, developers can create 3D scenes, add interactive elements, and use cameras to capture real-world…