![]() ![]() For example, a setting of 10, will create a grid of 10 pixel squares. Grid: Adjust the canvas’s grid in pixels. To get a better idea of how your skin will look on output, set the size to the project’s output window size. Width & Height: This will adjust the canvas’s width and height, measured in pixels. To deselect an element and return to these settings, click in the outer part of the canvas. The skin settings are available when nothing else is selected. Learn more about each element’s properties: Facebook and Twitter will resize larger images to fit their timelines.Depending on the element that is active, the properties will change.Save everything to the same directory and keep the naming conventions the same.If the link isn’t working on Twitter, try using Twitter’s Card Validator.This will give you information on what may be missing from the template. If the link isn’t working on Facebook, try using Facebook’s debugging tool.When posting to Facebook, first test the post by posting it privately.You can change this in the HTML pane in the HTML5 output settings. Rename the HTML file to avoid overwriting previous versions.This workflow will open the panorama in a new tab.Javascript:window.open('' + location.href) Adding a Share ButtonĪdd a Go to URL action and add the following links for the following networks: You can use Twitter’s Card Validator tool to test the post. Open the HTML file ( index.html ) and add the following metadata. Share on Twitterįollow the steps above for outputting an HTML5 output. ![]() ✭ Note: If the image is not showing, you may need to include the entire file path to the image for the og:image tag. You can also test that the preview image shows up correctly using Facebook’s Debugger. First post it privately, and test it by selecting, Only me. Post the link to your project on your timeline. In the output folder of the HTML5 output, replace the preview image with the one you just made here. Choose, Save as New Template from the template menu. Make an output template to use again later. In the Output section, right-click the output file and choose, Edit. (If you’re concerned with file size, image quality can be changed to 80.) A good size for Twitter is 1200 x 675.Ĭhoose JPG as the Format. Pano2VR will create a preview image by default, but if you want to have a different projection or angle then do the following:Ĭhoose Equirectangular (or any other projection) for the Type.ĭefine the Image Size. This is the image that will be seen when you add a link to your timeline. ★ Currently, the metadata for Twitter is not added, but you can add it to the HTML template. This not only outputs a few needed files to the output folder, but it also adds metadata to the HTML file. Select, Create files for external embedding. And then open the template parameters (Edit Template button). Go the HTML pane and under the HTML file section, make sure the normal.ggt template is selected. If you’d like to use a custom thumbnail image, see below.Įdit the HTML template. It will also use the current default view. This will be the size of the preview image used for the thumbnail. For tours, you can use the Master Node.Ĭhange the window size to 1200 x 630 for Facebook or 1200 x 675 for Twitter. For a single-node panorama, replace the HTML Page Title placeholder ($(upt)) in the HTML normal template in step 2. The title and description will appear on all social posts (Facebook, Twitter). In User Data, fill out the title, author and description. Share on FacebookĬreate a new project (or open an existing one). In this tutorial, we walk you through the process of creating a social network friendly project. However, you can add a preview link (a link with an image). That means that you cannot embed a Pano2VR output in Facebook. Facebook currently doesn’t allow interactive media in the Timeline.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |