Intelligence de données générative

AR, VR et un modèle pour la 3D en HTML

Date :

Niché quelque part dans le Notes de version de Safari Technology Preview 161 est une ligne apparemment anodine sur la prise en charge d'un nouvel élément et attribut HTML :

Ajout du support pour <model src> et l'honneur <source type> les attributs ([email protected])

Chaque fois que je vois la mention d'un élément que je ne reconnais pas, mon esprit va directement à Hein! Nouveau pour moi, mais probablement de vieilles nouvelles pour tout le monde. C'est une mauvaise posture, je sais, car cela pourrait tout aussi bien être :

  • Hmm, ressemble à une expérience propriétaire.
  • Wow, une chose vraiment nouvelle!

La vérité est que c'est un peu les trois.

C'est un concept évolutif

Comme dans, la première chose quelque peu officielle que j'ai trouvée sur <model> n'était pas dans la spécification W3C mais dans Dépôt de WebKit pour les explicateurs. Tout ce qu'il y a dans le README est une note géante de 2021 indiquant que "Le <model> l'élément a été déplacé vers le Web CG immersif. J'étais sur le point de sauter mais mon œil a attiré le HistoryAndEvolution.md fichier qui contient un bon aperçu du contexte initial sur le <model> idée:

La <model> élément est né d'un désir de passer à l'étape suivante et d'améliorer l'expérience de l'intégration de Safari avec iOS AR Quick Look fonction.

J'ai dû regarder la page d'accueil d'Apple pour AR Quick Look. Vous connaissez la nouveauté de certains magasins où vous pouvez transposer un rendu 3D d'un produit chez vous grâce à l'appareil photo de votre téléphone ? C'est le genre de choses dont nous parlons, et Apple relie une belle étude de cas du Metropolitan Museum of Art.

Si je comprends bien à partir de ce contexte limité:

  • Déposer un <model> élément dans le document.
  • Ajouter un fichier source externe, par exemple <model src="assets/example.usdz">.

La proposition originale provient du groupe Immersive Web Committee

C'est l'équipe faire de la réalité virtuelle (VR) et de la réalité augmentée (AR) une partie du Web. Apple a lié leur repo, alors j'ai fait le saut et je suis allé directement à l'explication. Ce n'est pas la spécification ou quoi que ce soit, mais la proposition originale. Une bien meilleure définition de l'élément !

HTML permet l'affichage de nombreux types de médias à travers des éléments tels que <img><picture>ou <video>, mais il ne fournit pas de manière déclarative d'afficher directement du contenu 3D. L'intégration de contenu 3D dans une page est relativement fastidieuse et repose sur la création de scripts <canvas> élément. Nous pensons qu'il est temps de mettre les modèles 3D sur un pied d'égalité avec les autres types de médias déjà pris en charge.

[...]

Le HTML <model> element vise à permettre à un site Web d'intégrer des modèles 3D interactifs aussi facilement que n'importe quel autre média visuel. Les modèles sont censés être créés par des outils de création 3D ou générés dynamiquement, mais servis de ressource autonome par le serveur.

L'exemple de base rassemble cela. On a vraiment l'impression que <video> or <picture> éléments:

<model style="width: 400px; height: 300px"> <source src="assets/example.usdz" type="model/vnd.usdz+zip"> <source src="assets/example.glb" type="model/gltf-binary">
</model>

.usdz? .glb? Pas le type de fichiers qui traversent généralement mon bureau. Je suppose que je devrai rafraîchir ceux-ci et tout autre type de fichier qui <model> pourrait soutenir. Encore une fois, tout cela n'est que la proposition originale.

Le projet de proposition n'est pas encore terminé

Mais ça fait donner un beau contour d'où les choses pourraient éventuellement aller :

  • Ajouter un modèle à un document
  • Permettre l'interactivité
  • Prise en charge de plusieurs formats
  • Fournir du contenu de secours
  • Le rendre accessible

Il y a beaucoup à comprendre. La plupart de ce qui existe sont des problèmes documentés qui doivent être résolus. Il éclaire cependant davantage <model> comme les attributs proposés qui le font se sentir égal PLUS comme <video> tel que autoplay, controls, loop, muted, poster, etc.

ça remonte encore plus loin

La toute première mention de modélisation 3D que j'ai trouvée était Article de Keith Clark en 2018 dans lequel il prototype un élément personnalisé appelé <x-model>. Il le décrit comme "un espace réservé qui donne accès au DOM et au CSSOM" où le chargement et le rendu se font dans trois.js.

L'idée de Keith est suivie par la <model-viewer> composant Joe Medley partagé en 2020 (et une suite Mise à jour à elle). Il y a même un page d'accueil pour cela et c'est amusant de traîner Neil Armstrong dans l'espace.

C'est peut-être juste une expérience ?

Je veux dire, le projet de spécification n'a pas été étoffé. Apple semble vouloir jouer au ballon grâce à l'annonce de Safari TP 161. Cela a tout son sens étant donné à quel point Apple est optimiste sur AR dans son ensemble. (Verres d'Apple, personne?)

Google semble avoir un pied dans la porte, bien que du côté des composants Web. Il est facile de voir comment il peut y avoir un conflit d'intérêts entre ce qu'Apple et Google attendent de la RA sur le Web.


Ce ne sont que mes notes après avoir essayé de tout comprendre. Il doit y avoir beaucoup plus de nuances que le peu que j'en sais jusqu'à présent. Je suis sûr que quelqu'un de plus intelligent peut faire un nœud plus propre <model> dans les commentaires. 😉

Et pendant que nous parlons Safari Technology Preview, 162 vient de sortir l'autre jour et cela permet Imbrication CSS les nouveautés Syntaxe de couleur relative CSS.

spot_img

Dernières informations

spot_img

Discutez avec nous

Salut! Comment puis-je t'aider?