Skip to content
Compare
Choose a tag to compare

WebXR immersive session and hand tracking fixes!

Sponsor A-Frame to help us move the 3D Web forward.

You can also buy a cool t-shirt 👕

Major Changes

Fixes

Enhancements

Compare
Choose a tag to compare

WebXR immersive session and hand tracking fixes!

Sponsor A-Frame to help us move the 3D Web forward.

You can also buy a cool t-shirt 👕

Major Changes

Fixes

  • Fix hand tracking (97be815) (@dmarcos)
  • Fix immersive mode in Chrome for Android and Microsoft Edge. (THREE r125)
  • Don't initialize text mesh until the font has loaded. This prevents the raycaster to intersect prematurely and emit spurious events (#4742) (@quantumalchemy @dmarcos)
  • Fix raycaster overriding line default color (#4743) (@GMartigny @dmarcos)
  • Make sure enter-vr / exit-vr events are emitted when entering fullscreen (#4740) (@stefanhuber @dmarcos)
  • Fix problem with wasd-controls when opening a contextual menu with right click while pressing WASD simultaneously. Camera movement doesn't stop when releasing keys (#4766) (@djoksimo @dmarcos)
  • Fix inspector toggle on US international keyboards (#4516) (@svenkonings @dmarcos)
  • Make sure generic controls have the lowest precedence when vendor specific ones are also defined (#4784) (@fordacious @dmarcos)
  • Fix tests (@dmarcos)

Deprecations

  • THREE r125 deprecates THREE.Geometry

Enhancements

Compare
Choose a tag to compare

5 years of A-Frame! 🥳

40 amazing A-Framers participated in this release. Thank you 👏

AR, hand tracking, compositor layers, immersive navigation (Quest only), Quest 2 support and much more.

Buy a t-shirt 👕 and support A-Frame developmet

Major Changes

Fixes

Enhancements

Compare
Choose a tag to compare

Bug fixes

Subscribe to the newsletter to continue to support A-Frame!

Fixes

Enhancements

Compare
Choose a tag to compare

Bug fixes

Subscribe to the newsletter to continue to support A-Frame!

Fixes

  • Add support for Gear VR controller over WebXR (@Artyom17, @dmarcos)
  • Add support for Oculus Go controller over WebXR (@Artyom17, @arpu, @dmarcos)
  • Fallback to a generic controller when a WebXR gamepad is not recognized (#4376) (@Artyom17, @dmarcos)
  • Match physical and virtual position of Quest and Rift S controllers (fix #4374) (@Artyom17, @dmarcos)
  • Consider initial device orientation for magic window tracking. Fix problem when experience loads in landscape orientation on Android devices (@dmarcos)
  • Listen to DOMContentLoaded if scene is not defined before updating the enter VR UI (#4373) (@mkungla, @dmarcos)
Compare
Choose a tag to compare

Bug fixes

Subscribe to the newsletter to continue to support A-Frame!

Fixes

  • Track DeviceMotionControls yaw delta instead of absolute value to honor initial camera orientation (fix #4368) (@dmarcos)
  • Disable touchmove / mousemove tracking in VR mode. Pose is preserved when exiting VR (@dmarcos)
  • Hide Device Motion permission dialog on desktop requests from mobile devices. Only the alert about requesting mobile page is shown (fix #4369) (@dmarcos)
  • Reset camera rotation to 0 when entering VR to prevent collision between magic window and WebXR poses (fix #4371) (@karanganesan, @dmarcos)
  • Check if headset is connected before disabling mouse controls (fix #4370) (@KrisMerckx, @dmarcos)
Compare
Choose a tag to compare

1.0.0 post release bug fixes.

Subscribe to the newsletter to continue to support A-Frame!

Fixes

  • Reintroduce a-asset-item logic to assign response type to glTF models automatically. It now ignores query parameters that made it fail before. (#4219) (@dmarcos)
  • Prevent zoom on enter VR / AR buttons when double tapping on touch screens (@dmarcos)
  • Apply style to reset the enter AR / VR buttons background on mouseleave. CSS Hover is sticky on mobile devices (@dmarcos)
  • Fix magic window mode in Daydream / ARCore Android devices. Use DeviceOrientationControls for tracking. (#4355) (@MK-LucidWeb, @vincentfretin, @dmarcos)
  • Honor model property in laser-controls (#4354) (@dala00, @dmarcos)
  • Reduce video-sphere / photo-sphere radius to prevent far plane clipping in VR mode on Android devices (#4365) (@AntoineLucidWeb, @dmarcos)

Enhancements

Compare
Choose a tag to compare

Follow-up fix to 0.9.1 for fixing vrdisplayactivate and link traversal flow.

Fixes

  • Move vrdisplayactivate handler back earlier to fix auto entering VR in many cases (#4155).
  • Fix vrdisplayactivate and link traversal due to last build having outdated version our three.js fork.
  • Fix Entity.destroy not catching if entity is not attached to scenegraph (#4140).
  • Fix exiting fullscreen on Chrome m71+ (#4136).
  • Fix URL bar not hiding in iOS Safari in fullscreen (#4146).
  • Fix wrong sized canvas in iOS VR by preventing multiple requestPresent calls if already presenting (#4148).
Compare
Choose a tag to compare

Follow-up fixes and improvements to 0.9.0.

Released Hot Module Replacement loader for A-Frame: https://github.com/supermedium/aframe-super-hot-loader

Major Changes

  • Detaching entity from scene will preserve component data. Add
    Entity.destroy() method to clear components and return their memory to the
    pool (#4121).
  • Use controller index to determine left / right controllers which may impact
    cases like Vive Trackers. Will look to make this more robust soon (#4013).

Deprecations

  • Deprecate utils.device.isOculusGo in favor of utils.device.isMobileVR (#4032).

Fixes

  • Updated documentation guides for 0.9.0.
  • Fix text antialiasing from distance (#4039).
  • Improve vrdisplayactivate path for more robust navigation (#4093, 3c2f68e).
  • Clean up object requested from pool by component to prevent pollution of old keys from other schemas (#4016).
  • Fix initial camera position, rotation, scale potentially not getting applied (#4020).
  • Fix utils.coordinates.stringify for zeroed vectors (#4017).
  • Handle if both WebVR and both WebXR APIs are available (#4022).
  • Handle null device from WebXR (#4030).
  • Catch navigator.xr.requestDevice error (#4035).
  • Fix animation for custom vec3 properties (#4051).
  • Fix sound onEnded not setting isPlaying to false (#4061, #4097, #4101).
  • Fix new materials not getting applied to obj-model recursively (#4062).
  • Fix boolean values in .flushToDOM (#4069).
  • Hide navigation buttons on Android (#4090).
  • Fix Chrome gamepads by checking getGamepads on every tick for Chrome (#4116).

Enhancements

  • Add Component.events API to define event handlers that are automatically attached and detached depending on entity lifecycle (#4114).
  • Improve animation error message when passing invalid animation.property (#4122).
  • Have Entity.remove detach entity to match HTML element behavior (#4082).
  • Migrate hand-controls model to glTF (#3932).
  • Add shadow.enabled property to shadow system (#4040).
  • Add renderer.alpha property to renderer system (#4040).
  • Add AFRAME.coreComponents for a list of the core components (#4064).

Performance

  • Use a fork of anime.js that has memory improvements from Kevin (#4028).
Compare
Choose a tag to compare

Performance improvements, WebXR support, Inspector updates!

We continued to battle test A-Frame to produce native-like VR experiences and
continue to add large performance gains. We have also introduced initial WebXR
support! Although the spec is heavily in flux and yet to have feature parity
with WebVR 1.1, we had A-Frame get a head start to help test it out and smooth
out the changes.

Major Changes

  • Bump to three.js r101 on a branch with a few extra patches for WebXR support (f9f314).
  • WebXR support (#3875).
  • Remove <a-animation> in favor of new animation component (#3678).
  • Remove collada-model component (#3866).
  • Add renderer.colorManagement property (disabled by default) to accurately match colors against modeling tools, but may changes in scene colors when flipped on. renderer.gammaFactor will be set to 2.2. Call scene.renderer.systems.applyColorCorrection on THREE.Colors and THREE.Textures to normalize changes (#3757).
  • Have raycasters only intersect against objects defined via .setObject3D. raycaster.objects should be specified (e.g., objects: [data-raycastable] or objects: .raycastable) because raycasting is expensive. raycaster.recursive property removed (#3980) but will default to be recursive only under objects defined via .setObject3D (#3652).
  • Add renderer component (#3757).
  • antialias attribute moved to renderer.antialias.
  • Raycaster events such as raycaster-intersected no longer directly contain intersection data. Use .getIntersection function supplied in event detail or el.components.raycaster.getIntersection(el) to retrieve intersection data. Done to reduce garbage (a87e3b).
  • Disable link portal appearance by default (link.visualAspectEnabled), link component defaults to purely to listening to an event to trigger navigation (#3743).

Fixes

  • Frame-independent easing for wasd-controls to prevent judders during framedrops (#3830).
  • Enable matrix auto updates for tracked-controls to fix children of camera and controllers not following parent (#3867).
  • Fix removing mixins not removing components (#3982).
  • Fix timing issues with mixins on still-initializing entities (#3859).
  • setPoseTarget to underlying object3D to fix issues with entities as child of camera (#3820).
  • Don't disable matrixAutoUpdate for tracked-controls outside VR (643fdc).
  • Render spectator view after VR submit frame (#3577).
  • Fix mouse cursor events not being re-enabled on resume (#3904).
  • Allow components to write to camera Z rotation when look-controls enabled (9a78a)
  • Clear raycaster intersections when toggling disabled (#3594).
  • Postpone renderer until scene is appended to DOM (#3574).
  • Fix canvas textures (b47f20).
  • Fix faces and vertices numbers on stats panel (#3573).
  • Fix magic window mode on Chrome (aaa3bf).
  • Fix audio asset preloading (2a899c).
  • Fix raycaster flatten to only include objects part of el.object3DMap versus arbitrary children (8809e7).
  • Fix canvas getting squished on orientation change on mobile (64ed3d).
  • Update position, rotation, scale components when calling .setAttribute on them (#3738).
  • Update canvas bounds for mouse cursor on renderer resize (a4cf08).
  • Fix controller reconnecting on Oculus Go and GearVR (dc8662).
  • Fix playing sound on event with sound.on (#3844).
  • Fix Chrome WebView (#3852).
  • Fix raycaster not grabbing all entities when raycaster.objects is not set. But you should always set it (#3840).
  • Fix WebVR polyfill buffer scale override (#3863).
  • Fix text when used with other geometry types (#3909).
  • Fix daydream-controls trigger not working with cursor by default (#3916).
  • Fix accessing Inspector in pointer lock mode (#3947).
  • Fix mouse cursor not emitting click when fuse is set (#4000).
  • Fix screenshots (#3998).
  • Fix camera offset getting applied when entering 2D fullscreen (#3902).

Enhancements

  • Add oculus-go-controls, thanks Oculus! (cbbe75)
  • Add vive-focus-controls (#3876).
  • Add loading-screen component (#3760).
  • Add ?inspector={selector} and Entity.inspect() to automatically launch Inspector and focus on entity (#3894).
  • Add renderer.highRefreshRate to enable 72hz mode on Oculus Browser (#3967).
  • Add tracked-controls.autoHide property to configure whether controllers automatically hide when connected or disconnected (#3912).
  • Enable multiple raycasters on an entity (fc18cd).
  • Support custom enter VR buttons through vr-mode-ui (#3606).
  • Add material.blending property (#3543).
  • Add light.shadowRadius property (21b38).
  • Add ability to cap canvas size to pixel value (92b2f9).
  • Reduce npm bundle (53f58f).
  • Allow double underscores in component IDs (e.g., animation__foo__bar) (030023).
  • Add renderer.logarithmicDepthBuffer option (d210a2).
  • Add look-controls.reverseTouchDrag property (#3761).
  • Switch to jsdelivr with rawgit going away.
  • Support preprocessing of sound in sound.playSound() (2b2819).
  • Consolidate fullscreen styles under single CSS class (html.a-fullscreen) (#3828).
  • Emit displayconnected event when headset connected (#3918).
  • Enable antialias by default on Oculus Go (#3942).
  • Update to webvr-polyfill v0.10.10 (#3993).

Performance

  • Large refactor of core component update path, reducing memory allocation and using object pooling (#3772).
  • Skip buildData if updating component directly. 2x speed boost on .setAttribute (#3835).
  • Remove spamming navigator.getGamepad calls in tracked-controls (#3816).
  • Optimize coordinates / vector utilities (#3908).
  • Remove object allocation in .setAttribute(component, propertyName, value) (#3812).
  • Simplify text shader hacks and make text alpha look prettier (#3557).
  • Remove garbage and bubbling from tracked-controls (#3589).
  • Remove redundant matrix world update in raycaster (ae7eba).
  • Replace Oculus OBJ model with a glTF one (#3539).
  • Optimize coordinate parse (bf66ba).
  • Simply wasd-controls tick (#3763).
  • Optimize text component (#3768).
  • Remove memory allocations in material code (#3789).
  • Remove garbage in sound component (2b2819).
  • Improve grabbing class cursor performance in 2D look-controls (#3790).
  • Remove unused and redundant mixin observers (#3831).
  • Add warning to developers to specify raycaster.objects (#3839).
  • Cache asset property type regex (#3854).

Inspector

Kevin spent some time getting the Inspector into ship shape.

Major Changes

  • Introducing the A-Frame Watcher to sync updates of entities with IDs from Inspector to HTML files.
  • Remove HTML exporter.
  • Remove old A-Frame Registry code.
  • Remove broken Uploadcare uploader.
  • Remove motion capture tools.

Enhancements

  • Orthographic cameras.
  • Improve raycasting to picking entities.
  • Syntax highlighting of entities.
  • Highlight and describe entities on viewport bar when hovering.
  • Added ?inspector={selector} to automatically launch Inspector and focus on entity.
  • Show bounding box of selected entities.
  • Show with icon what entities contain text in scenegraph.
  • Sort component properties alphabetically.
  • Display class names on entity panel.
  • Only show camera and light helpers when respective entity is selected.
  • Improve position when focusing on entity.
  • Polish components panel.
  • Center editor controls to the scene camera position.
  • Support arrow keys for number widgets.
  • .glb export.
  • Add o shortcut to toggle transform widget.
  • Add esc shortcut to unselect entity.
  • Refactor most everything (modularize, data flow, Stylus, Prettier).
  • Tweak grid colors.
  • Bigger checkboxes.
  • Fix color picker in components panel.
  • Fix display of mixins.

Performance

  • Don't load 50 images when opening the Inspector.
  • Optimize and fix helpers for position, rotation, scale.
  • Speed up scene graph search.
  • Remove global mutation observer.