MP Embed Dev Blog

Feature Requests, Changelog and Tentative Roadmap

Mobile User Interface for MPEmbed

MPEmbed is now awesome on mobile devices with a new responsive layout.

The Minimap and About Panel no longer have a turf war and keep to their own corners!

Mobile User Interface for MPEmbed

MPEmbed is now awesome on mobile devices with a new responsive layout. The Minimap and About Panel no longer have a turf war and keep to their own corners!

Posted by MPEmbed – Overlay for Matterport Showcase on Wednesday, December 12, 2018

Set Minimap Rotation + Add Rotation Controls

You can now set the default orientation for the minimap with MPEmbed Premium! In addition, if you would like to allow your users to freely rotate the minimap, you can enable the minimap rotation tools that will appear below the zoom functions.

All Hotspot and Mattertag labels are automatically reverse rotated so that their functionality remains in place!

Set Minimap Rotation + Add Rotation Controls

You can now set the default orientation for the minimap with MPEmbed Premium! In addition, if you would like to allow your users to freely rotate the minimap, you can enable the minimap rotation tools that will appear below the zoom functions.All Hotspot and Mattertag labels are automatically reverse rotated so that their functionality remains in place!

Posted by MPEmbed – Overlay for Matterport Showcase on Tuesday, December 11, 2018

Columns for the Highlight Directory

Now you can choose a single column, double column or 4 column layout instead of the default 3 column layout!

Highlight Directory Columns

Now you can choose a single column, double column or 4 column layout instead of the default 3 column layout!&hdircols=X for the non-premium users out there =)

Posted by MPEmbed – Overlay for Matterport Showcase on Friday, December 7, 2018

&hdircols=X for the non-premium users out there =)

Proxies for MPEmbed URLs

Have you ever setup an amazing space with MPEmbed, but then needed to reupload the space with some additional scans or changes to your window markers and trim?

You can now start enhancing your initial upload — or safely swap between versions of the same space by using MPEmbed proxies — without ever needing to provide your client with a new URL!

Proxied Spaces for MPEmbed

Introducing Proxies. If you've reuploaded a space and would like for the new space to appear in the place of your old space — retaining all of your MPEmbed settings – you can now do this!Your URL stays the same — your settings stay the same!

Posted by MPEmbed – Overlay for Matterport Showcase on Friday, December 7, 2018

Mattertag Directory Transitions Changed!

When a user clicks on a Mattertag in the Mattertag Directory, MPEmbed uses the SDK’s ‘navigateToTag’ feature to ‘fly’ to the Mattertag.  Unfortunately, if a clear line of sight cannot be established, this fails.

MPEmbed has been mitigating this problem for a while by zooming to dollhouse mode (or floorplan mode if dollhouse mode is unavailable) and then reattempting to ‘navigateToTag’.  Generally this works.  It works for me every time, but others have reported that it does not work for them every time.

A while back, I added in an experimental ‘alternate’ 3D Transition for the Mattertag directory.  To be honest, I completely forgot about it.  This transition uses some mode swapping quirks in order to more reliably navigate to the tag without the dollhouse / floorplan mode change.

Based on feedback, I have replaced the old method with this new experimental method.  It has, I suppose, graduated!

Navigation to Mattertags 2.0

When a user clicks on a Mattertag in the Mattertag Directory, MPEmbed uses the SDK's 'navigateToTag' feature to 'fly' to the Mattertag. Unfortunately, if a clear line of sight cannot be established, this fails.MPEmbed has been mitigating this problem for a while by zooming to dollhouse mode (or floorplan mode if dollhouse mode is unavailable) and then reattempting to 'navigateToTag'. Generally this works. It works for me every time, but others have reported that it does not work for them every time.A while back, I added in an experimental 'alternate' 3D Transition for the Mattertag directory. To be honest, I completely forgot about it. This transition uses some mode swapping quirks in order to more reliably navigate to the tag without the dollhouse / floorplan mode change.Based on feedback, I have replaced the old method with this new experimental method. It has, I suppose, graduated!

Posted by MPEmbed – Overlay for Matterport Showcase on Thursday, December 6, 2018

Thank you, RocketGenius!

GravityForms is a form building and data management plugin that is crazy amazing.  It allows rapid creation of interactive forms with almost endless extensibility — perfect for building custom administration areas with.

I’m thrilled to have installed a fresh copy of GravityForms including a bug fix that resolved an issue with MPEmbed’s Premium Control Panel that had appeared on the latest release.  I had rolled back GravityForms to an earlier version to avoid the problem.

I use the ‘list’ field to power the Add / Remove Spaces section in the Premium Admin.  This quirky use-case allows users to have a repeating, and sortable section for adding space IDs and adding version numbers if needed.  The data is saved via JSON, which MPEmbed Premium is able to quickly pull from the WordPress Database to verify that the space is enabled.  I love it!  I can add additional columns if needed too.

As RocketGenius is building infrastructure for a more powerful ‘repeater’ field group system, the lists seemed to have been affected.  It is likely that they are being rebuilt as a subset of the repeater field.

What I am VERY excited about is that I should soon be able to gracefully transition the list field into a more integrated ‘Add Spaces’ form that will allow me to build other features in – such as the addition of ‘MagicTags’ and other space-specific content that will be shared soon!

Accessibility and Stability Improvements for Custom Color Filters

Happy Sunday!

Owen writes:

I’m applying custom image filters & they look great but I can’t get them to stick. Anytime I move to a new scan point it resets to the original colors… What am I doing wrong?

  • Fixed – Disabling a color filter would not  unapply visually while working in the Premium UI.
  • Change – Disabled color filter animations from appearing on the entry panorama.  Better this way!
  • Improved – Custom Filters are now displayed at the TOP of all selection boxes in Premium — not the bottom!

In addition, I’ve added a support contact form to the Premium Control Panel to encourage all users to reach out to me when there’s a bug!

Fixed – Add / Remove Spaces Temporarily Broken

MPEmbed’s Account System runs on WordPress with GravityForms.  GravityForms is pretty awesome and allowed me to rapidly build all of the user sign up forms, the payment processing forms, and even the form that lets you add spaces to use with MPEmbed.  I’ve used GravityForms for years — it’s been a great friend.

GravityForms v2.4.1 came out and pulled a fast one on me (and a few of you!)  If you opened up your Add Spaces panel and saw nothing there — oops!  I’ve rolled back to the previous version of GravityForms and filed a support ticket.  Until it’s resolved, I’ll keep the downgraded version.

One thing that is somewhat exciting though is that the latest version has some preliminary support for a ‘repeater field’ — which is sort of what I have on the Add / Remove Spaces page.  It’s a list field … with some code that limits the length of each field.  It’s pretty darn basic and I would absolutely love if I could do a bit more with it .. for instance, if each line could be validated by pulling the name of the Matterport Space and then saving that in a separate field so that when you view your list of spaces, they don’t just appear as arbitrary nonsense.  We’ll see what they come up with 🙂  I’ve been wanting to remake the Add / Remove Spaces page, but it’s either mess around with that for days, or continue to build the actual product.  The launch of Premium would have come a month sooner if I didn’t have to build an account system for it 🙂

UI Improvements for Mobile + Major Bug Fix for Mobile

I’m happy to announce that the drop down lists in the Mattertag and Highlight Panels have been removed and now both mobile and desktop versions of MPEmbed have a unified interface.

I’m not happy to have discovered that MPEmbed’s free version was not working at all for mobile.  When a space was entered, all MPEmbed parameters were dropped.  While the space still loaded perfectly, the overlay was not appearing.  This has been a problem since Premium users were provided the option to set all standard Matterport parameters from within the Premium interface.

If you are having difficulty with MPEmbed or find a bug, please do contact me immediately!  Many of the new features are a direct response to user feedback and most bug fixes are an immediate response to valuable feedback from the Matterport community.

In the near future, the Minimap will be reimagined for mobile.  I have several ideas such as providing options for customization of the mobile version of a space separately, and / or the mini map opening up as a full screen overlay for mobile so as to not overlap with the about panel.  The conflict of the about panel and mini map while in portrait orientation has been a pain point since MPEmbed has launched and I would love to resolve it!

On the Subject of Bugs….

The ability to hide Mattertags on Dollhouse, Floorplan, and/or Inside modes has now been labelled as a (BETA) feature as I have received and investigated reports that it causes media that is embedded within Mattertags to not appear.

Toggling the visibility of the Mattertags via the SDK does in fact cause Showcase to generate a pile of javascript errors when media is displayed.  This should not happen and it has been reported to the product team that develops Showcase.  Hopefully we’ll have a fix soon!  (Thanks Luk!)

On the Subject of Feedback…

Expanding and hiding nested Mattertags in the Mattertag Directory was previously only possible by clicking on the [+] or [-] icon.  This functionality has now been extended to the entire group title – as it should have been from the beginning.  (Thanks Luk!)

And additionally, you’ll now find the option to hide the About Panel completely during walkthrough and slideshow tour mode in Premium.  (&guidedtourpanel=1 for the Non-Premium folks) (Thanks Luk!)

Mattertag Category Lists

Mattertag Category Lists are live! You can now create, sort and build category lists to organize large numbers of Mattertags! This new feature has been one of the most requested additions since the launch of Premium!

Mattertag Category Lists

Mattertag Category Lists are live! You can now create, sort and build category lists to organize large numbers of Mattertags! This new feature has been one of the most requested additions since the launch of Premium!

Posted by MPEmbed – Overlay for Matterport Showcase on Sunday, November 25, 2018

In addition – a longstanding bug that sometimes caused MPEmbed to fail to load has now been resolved. I was using Matterport’s sample SDK code for initializing the SDK, which inherently had some issues. One being that if Showcase lost focus, or you are jumping between applications or windows while Showcase is loading, the SDK would fail to load! I’ve swapped the load method for a jQuery one and it’s rock solid! I am thrilled to finally get past that one!

One more note – mini maps were occasionally failing to load. Got that one solved too! 🙂

Onwards!

About Panel – Set Default Panel & Toggle Visibility

Take even more control over the about panel! Now you can set the default panel that shows upon load – regardless of the order! In addition, users can now open and close panels.

As a last minute addition (not seen in the video below), each panel now has a ‘Close’ button at the top right that appears when the mouse cursor moves over it.   It’s a subtle way to let users know that they can close the box  🙂

About Panel – Set Default Panel & Toggle Visibility

Take even more control over the about panel! Now you can set the default panel that shows upon load – regardless of the order! In addition, users can now open and close panels. #happyblackfriday

Posted by MPEmbed – Overlay for Matterport Showcase on Friday, November 23, 2018

 

Improved Custom Filter Management and Embedding Panel

Improved Filter Management is here! You can now remove (and unapply) custom filters with the handy trash icon! Previously, overwriting them or just accepting their existence was your only choice 🙂

By popular request, I’ve added a simple. embed code generator.  You will find the friendly green ‘Embed’ button at the top right of the premium editor.

Improved Filter Management and Embed Code Modal

Improved Filter Management is here! You can now remove (and unapply) custom filters with the handy trash icon! Previously, overwriting them or just accepting their existence was your only choice :)Additionally, you'll notice a friendly green 'Embed' button at the top right. By popular request, I've added a simple. embed code generator.

Posted by MPEmbed – Overlay for Matterport Showcase on Wednesday, November 21, 2018

Minor Bug Fixes!

If you’ve noticed the title of your space not appearing in the browser title, this has now been fixed.

In addition, if you are using a custom minimap, you no longer need to use &minimap=1 — it’s assumed and automatically switched on.

Finally – when using custom copyright (&copyright) and using Spanish, German, French or Russian text (&lang), the copyright is now correctly positioned.

Parameters in Hidden vs Visible Mattertags

Some users take advantage of being able to set parameters for MPEmbed by using hidden mattertags.

If you’re not use the Premium version, it’s a great way to avoid a long URL full of parameters – and a great way to be able to change options after your client has already published their space.

One of our users emailed me because MPEmbed was not loading.  I realized that one of his Mattertags had the title ‘info’ – for some useful information that he was displaying in his tour.  This is a parameter that MPEmbed used to use (still supported, but it’s deprecated — and has been replaced).

In order to fix this problem, MPEmbed is now ignoring visible Mattertags.  Only hidden ones will be used for parameters.

See Realtime Position Changes on the Mini Map

The current position marker on the minimap now moves with you between panos! It’s a little delayed as it depends on the rate that and speed that the SDK updates us with this information… but it’s pretty fun to see!

Minimap Shows Movement Between Panoramas

The current position marker on the minimap now moves with you between panos! It's a little delayed as it depends on the rate that and speed that the SDK updates us with this information… but it's pretty fun regardless!

Posted by MPEmbed – Overlay for Matterport Showcase on Tuesday, November 6, 2018

And for anyone who may have noticed, if you use numbers on the panos on the minimap – numbers didn’t appear on certain panos due to a glitch… that’s fixed up…

And alignment of the labels on the pano list in Premium is fixed … not really a biggy there as that’s just a control panel UI thing…

But it gets me thinking … I had plans for the pano labels that extended beyond the mini map … hopefully I’ll be able to roll those out in December…

Hide Mattertags on Dollhouse, Floorplan or Walkthrough Modes

Would you like to only show Mattertags during the 3D Walkthrough?  Now you can disable Mattertags in any view mode with MPEmbed!

From MOUG: @James Hilton · Yesterday at 4:02 AM
“Is it possible to hide Mattertags from the dollhouse view but have them visible in the model?”

From MPEmbed:
Yes, now you can!

&mattertagsdollhouse=0
&mattertagsfloorplan=0
&mattertagswalkthrough=0

Hide Mattertags when Changing Modes – only on MPEmbed!

From MOUG: @James Hilton · Yesterday at 4:02 AM"Is it possible to hide Mattertags from the dollhouse view but have them visible in the model?"From MPEmbed: Yes, now you can!

Posted by MPEmbed – Overlay for Matterport Showcase on Monday, November 5, 2018

Customize MPEmbed’s UI Text and Analytics Text

If you’d like to override MPEmbed’s default text labels, you now have the option in MPEmbed Premium to do so!

Setting custom text works when combined with choosing a different language for MPEmbed + Showcase.

This new feature works directly from the language configuration files — so you’ll see quite a few unfamiliar things that can be translated.  Some of it is for analytics and some is for the Chrome/Firefox developer’s console.  Have fun!

Customize UI Text and Analytics Text with MPEmbed Premium

If you'd like to see different text labels in MPEmbed, you can now change the defaults to whatever you would like! 'Highlights' not your favorite term? Change it!

Posted by MPEmbed – Overlay for Matterport Showcase on Sunday, November 4, 2018

 

MPEmbed Blog + Highlights Panel v2.0

The highlights panel has received a huge upgrade!  Now highlights appear as thumbnails in a grid with the signature ‘Walking’ and ‘360 View’ icons just like the standard highlight reel.  In addition, dollhouse and floorplan views receive their own icons (first on MPEmbed!) — and links to other spaces using the &reels= parameter receive a ‘Play’ button.

MPEmbed Highlights Panel v2.0

Highlights Panel v2.0 – Looks a bit more familiar now! You can now disable your highlight reel with &hr=0 and have the same icon / layout in the MPEmbed About Panel.What's even cooler is that dollhouse and floorplan highlights have icons (not on standard Matterport Highlight Reels) …Also spaces usings &reels=SPACEID,SPACEID,SPACEID receive a 'play' button on each new tour link…

Posted by MPEmbed – Overlay for Matterport Showcase on Wednesday, October 31, 2018

Also – Google / Adobe analytics have received a few tweaks.  Highlight Reel logging now includes the label if created in Workshop.  Logging of moving between panoramas will also include a label if create in MPEmbed Premium!  There will be some more analytics announcements soon!

AND!  MPEmbed Premium celebrates the end of its launch month!

We have 60 users!  Incredible!  I have had such a wonderful time communicating with so many of you!  Your support, feature requests, bug reports and patience has made this project so very rewarding — and I hope that the features that I am able to create in this platform will, in turn, also be rewarding for you and your Matterport businesses!

I’ve converted the roadmap page into a blog and will be allowing premium users to comment if they wish on update posts!  If you’re logged in, you’re welcome to jump in!

Transition Blur

Happy Halloween!  Got a spooky tour?  Maybe you’d like to use &filter=invert!

New Feature – Transition Blur – Go a step further with the latest feature — &blurtrans!  &blurtrans=1 adds a slight blur between panorama transitions — &blurtrans=4 adds a massive blurry transition!  2 and 3 work too.  Check it out!  Premium users can interactively play around with this new customization.  It really takes the edge off of things!

Motion Blur Transitions

MPEmbed now supports motion blur during transitions! Have you ever felt that transitions were a bit too edgy and wanted to soften them a bit? This new feature is fun to play with and might take the edge off of things! Valid parameters: &blurtrans=1 &blurtrans=2 &blurtrans=3 &blurtrans=4 Or play around in premium! It's a cinematic feature that might reduce the jarring feeling that you feel between panoramas 🙂

Posted by MPEmbed – Overlay for Matterport Showcase on Wednesday, October 31, 2018

 

Hide Minimap During 360 Views + Bug Fixes

As some of MPEmbed’s users know, new features come when people ask questions — and bug fixes come when people email me reports of bugs.  Today, I had a particularly difficult space that I needed to apply color filters to and I ran into a few bugs along my own way — and a need for a new feature.

New Feature – &minimaphide360views=1 – I wanted the minimap to disappear while viewing 360 Views as I was working on an apartment community tour space and the minimap was not relevant to the 360 Views.  Useful!

Bug Fix – Premium – Individual Settings for 360 Views – Filters can now be applied to 360 Views.  Not being able to was an oversight and a bug stood in the way of allowing it.

Bug Fix – Premium – White Balance / Tint Slider – The white balance and tint sliders now show changes in real time.  This had stopped working on October 6 after the white balance / tint slider application had been completely recoded to allow smooth cross fading between complex filters.  I did not realize that it had broken the live preview.  In order to get a preview, one would need to quickly click/move inside of the space.  Rather irritating.  Interestingly enough, the live preview was not working due to a quirk in Google Chrome (it may have worked on other browsers), and I managed to fix it by toggling the width of the affected area between 100.01% and 100% whenever the sliders are changed.  I suppose the Chrome is not actively monitoring changes to a color matrix filter being updated in realtime with javascript … because no one has ever done it before, I think. 🙂

Tweak – Details Box – Removed the border under the ‘Details Panel Image’ … it was a bit obnoxious.  I also removed the gap that appears when there’s no description for the space… and fixed the model name misaligning when one added a custom logo …

As some of MPEmbed’s users know, new features come when people ask questions — and bug fixes come when people email me reports of bugs. Yesterday, I had a particularly difficult space that I needed to apply color filters to and I ran into a few bugs along my own way — and a need for a new feature.New Feature – &minimaphide360views=1 – I wanted the minimap to disappear while viewing 360 Views as I was working on an apartment community tour space and the minimap was not relevant to the 360 Views. Useful!Bug Fix – Premium – Individual Settings for 360 Views – Filters can now be applied to 360 Views. Not being able to was an oversight and a bug stood in the way of allowing it.Bug Fix – Premium – White Balance / Tint Slider – The white balance and tint sliders now show changes in real time. This had stopped working on October 6 after the white balance / tint slider application had been completely recoded to allow smooth cross fading between complex filters. I did not realize that it had broken the live preview. In order to get a preview, one would need to quickly click/move inside of the space. Rather irritating. Interestingly enough, the live preview was not working due to a quirk in Google Chrome (it may have worked on other browsers), and I managed to fix it by toggling the width of the affected area between 100.01% and 100% whenever the sliders are changed. I suppose the Chrome is not actively monitoring changes to a color matrix filter being updated in realtime with javascript … because no one has ever done it before, I think. 🙂Tweak – Details Box – Removed the border under the ‘Details Panel Image’ … it was a bit obnoxious. I also removed the gap that appears when there’s no description for the space… and fixed the model name misaligning when one added a custom logo …

Posted by MPEmbed – Overlay for Matterport Showcase on Monday, October 29, 2018

 

MPEmbed on Facebook

Recent Updates

Things I Cannot Do Right Now

Mattertags cannot be opened via SDK.  This feature will be available VERY soon as well as the ability to instantly transition to where Mattertags are located instead of ‘flying’ to the point.  I’m waiting on the Showcase v3.0.6 / SDK v3.0.6 release to enable this.

I cannot change the URL that is shown when clicking the ‘share’ icon or hitting ‘u’ to get a deep link.

I cannot do anything to fix issues caused by the VR Modal Box, Terms of Service or Help Modal Boxes.