Slide 1

Slide 1 text

AKKEY / AKIO ITAYA visionOS 26 ޲͚ͷ΢ΣϒαΠτΛ࡞Ζ͏ʂ Recap of WWDC25 Mercari Spatial Web

Slide 2

Slide 2 text

جૅฤ

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Apple͸ λάͷ࢓༷Λ
 ඪ४ԽஂମʢW3CʣʹఏҊத

Slide 5

Slide 5 text

https://immersive-web.github.io/model-element/

Slide 6

Slide 6 text

ඇରԠϒϥ΢βͰ
 දࣔ͢Δը૾

Slide 7

Slide 7 text

ࠨӈ΁ͷճస͕
 ՄೳʹͳΔ ·ͣ͸λοϓδΣενϟʔΛ௥Ճͯ͠ɺ
 ΠϕϯτΛݕ஌ͨ͠Β֯౓Λܭࢉͯ͠…
 ͱ͍࣮ͬͨ૷͕ෆཁʂ

Slide 8

Slide 8 text

const model = document.getElementById('3d-model'); function turnRight() { const matrix = model.entityTransform; const newMatrix = matrix.rotateAxisAngle(0, 1, 0, 90); model.entityTransform = newMatrix; } ศརͳ൓໘ɺҰఆͷ੍໿͕͋Δ

Slide 9

Slide 9 text

Ξχϝʔγϣϯʹ΋ରԠ

Slide 10

Slide 10 text

Website EnvironmentsʢBETAʣ

Slide 11

Slide 11 text

Ԡ༻ฤ

Slide 12

Slide 12 text

bird image const model = document.getElementById('3d-model'); if (window.HTMLModelElement) { model.ready.then(() => { // ಡΈࠐΈ׬ྃ }).catch(() => { // ಡΈࠐΈࣦഊ }); } else { // ඇରԠϒϥ΢β } αϙʔτͷ༗ແΛ֬ೝ

Slide 13

Slide 13 text

bird image const model = document.getElementById('3d-model'); if (window.HTMLModelElement) { model.ready.then(() => { // ಡΈࠐΈ׬ྃ }).catch(() => { // ಡΈࠐΈࣦഊ }); } else { // ඇରԠϒϥ΢β } ಡΈࠐΈεςʔλε ΋औಘՄೳ

Slide 14

Slide 14 text

Loading 3D model...

bird image const model = document.getElementById('3d-model'); const loading = document.getElementById('loading'); if (window.HTMLModelElement) { model.ready.then(() => { loading.style.display = 'none'; }).catch(() => { loading.innerText = "Failed to load model."; }); } else { loading.style.display = 'none'; }

Slide 15

Slide 15 text

࣮ԋ

Slide 16

Slide 16 text

github.com/AkkeyLab/spatial-web
 Skydancer

Slide 17

Slide 17 text

WWDC25 What’s new for the spatial web https://developer.apple.com/videos/play/wwdc2025/237

Slide 18

Slide 18 text

Thank you !!