Ffc Reference Guide

Flashificator
Professionalism Made Clickable

Index

  • Update Updating

  • GUI Gui Basics

  • Plug-ins About Plug-ins
    • Autorotator
    • Dashboard
    • ImageConverter
    • Mapper
    • Preloader
    • Tourificator
    • Borders
    • Dropdown Menu
    • Leashed Mouse
    • MP3 Msuic Player
    • Preview
    • Zoom Detector
    • Camera
    • FLV Video Player
    • Lensflare
    • Nadir Cap
    • Slideshow
    • Zoomificator
    • Compass
    • FPS
    • Limits
    • Place an Image
    • Smartscale
    • Slideshow2
    • Context Menu
    • Fullscreen
    • Loadmeters
    • Poorificator
    • Tooltips
  • Tutorials Tutorials
    • Getting Started
    • Making flyout images
    • How to display a .png file onClick on a hot spot
    • Recording and pasting functions
    • Slideshow2 basic steps
    • Mapper complete instructions
    • Tourificator Tours
    • Tourificator And Transition
    • Tourificator Linking/Unlinking Hotspots
    • Custom Loadmeter
    • The working wall clock
    • Tooltips
    • Equirectangular to 6 cubefaces with PTGui
    • Additional Buttons & Graphics
    • Some Basic Flash Functions

Intro Intro

What is Flashificator?

Flashificator is a Graphical User Interface (GUI) for Flash Panorama Player (FPP) by Denis V. Chumakov. With Flashificator, users are able to do most of their FPP work without having to know anything about coding, using only their mouse and a few keystrokes. Works considered as complex by professionals, can be made in a few minutes with Flashificator, rather than in hours, days or weeks through manual coding.

Why use Flashificator?

As a panographer, you probably want more time to do your job (taking pictures) and less time sitting in front of your monitor, trying to figure out why this or that doesn't work in code you borrowed from the FPP example files or from other FPP users' projects. A single "typo" in the code can be hard to spot, yet it can delay a project for days or even weeks. Flashificator delivers error free xml files along with the other project files, ensuring functionality every single time, and that alone saves you enormous amounts of time. Iif you don't know coding, and have no interest or intention of learning how to code, Flashificator will be your salvation. All you need to know, is how to operate your mouse and how to read.

Most importantly though, is the fact that time is life. Lost time can't be bought, won or worked up again.

Index

Install Installing

Required before starting:

Flash Panorama Player Adobe AIR Adobe Flash Player

 

Windows Windows:

Please refer to the accompanying documentation:

Windows PC_Installation.pdf

Apple Mac:

Please refer to the accompanying documentation:

Windows Mac Installation Instructions.pdf

Index

Update Updating

Now that you have purchased Flashificator, you are eligible to get all updates and upgrades for free.

At least for the time being, updates have to be done manually. All files and folders under the Flashificator installation folder will be REMOVED on Macintosh puters, while on PC‘s, it only replaces the installation, and doesn‘t delete personal folders containing your private lensflare designs, music, dashboard buttons etc. That is why Mac users have to be careful NOT to place their customized buttons etc, in any subfolder of the Flashificator installation path.

To get the free updates:

  • You need to become a member of the FLASHIFICATOR FORUMS
  • Once you have joined the forums, you need to send me (Trausti Hraunfjord) a Private Message(PM) in the forums, containing the following information:

    1. Purchase order number
    2. The email you used when you purchased the program.

  • Without providing the above information, you will not be granted access to the updates.
  • Your email and purchase order number will be checked against the data from the online store.
  • Keep your purchase order information safe.
  • Only one membership access to the update section will be granted per purchase order.

Index

GUI GUI

GUI Start Screen:

Start Screen

  1. File selection (available after naming project)
  2. Enter project name
  3. Info screen

 

GUI Main Display:

Main Display

  1. Refresh project
  2. Project display size
  3. Screen on top of all other documents
  4. Target style
  5. Resize display

 

GUI Main Display:

Contrl Panel

  1. Exit program
  2. Minimize
  3. Hide display panel
  4. Panel on top of all other documents
  5. Hide Main Display Window menu bar

 

Preview Visuals:

Visuals

  • Project: mov - cube faces - cylindrical - vertical stripe files with a click of the mouse.
  • Initial starting position can be set
  • Home position can be set
  • Frame rate can be set
  • Ratio can be set
  • Max and min zoom can be set
  • Horizontal and/or Vertical field of view can be set
  • Pan and/or Tilt can be disabled
  • Pan key, Tilt key, Zoom key can be activated
  • Visual quality: Segments, Static and Motion can be adjusted
  • Visual behaviour: Behaviour, Friction and Threshold can be adjusted
  • Shrinking can be adjusted
  • Leash can be adjusted
  • Keyboard keys can be assigned for Right, Left, Up, Down, Zoom In, Zoom Out, Home and Hold
  • Keyboard and Mouse sensitivity can be adjusted
  • Disabling of Keys, Wheel and Controls is available



Hotspots Hotspots:

Hotspots

  1. Creation of hotspots
  2. Spot button (changed with a single click)
  3. Box button (changed with a single click) enables exteded features
  4. Deletion of hotspots
  • Naming hotspots
  • Easy assigning of images to hotspots
  • Locking position of hotspots in the panorama
  • Linked/Unlinked availability
  • Projection of hotspots to a Cylinder, Sphere, Front, Back, Left, Right, Up, Down environments
  • Alignment of hotspots on x and y axis
  • Alignment of hotspots in static alignment
  • Rotation of hotspots on x y and z axis
  • Segments for hotspots on x and y axis can be adjusted
  • Pan and/or Tilt of hotspot can be adjusted
  • Depth of a hotspot can be adjusted
  • Alignment of a hotspot according to the corners and sides of monitor can be made
  • Static, Distorted, Scaleable, Block Mouse, Sound Panning, Use Hand Cursor, Cache as Bitmap,
  • Button Mode, Smoothing, Visible can all be enabled/disabled
  • Sound radius, Volume and Pan can be adjusted
  • Distance of a hotspot can be set
  • Shrinking of a hotspot can be managed
  • Frame rate for a hotspot can be adjusted
  • Mouse Children can be enabled/disabled
  • Pixel Snapping can be managed
  • Opacity of hotspots can be managed
  • Hotspots can be applied Normal, Layer, Darken, Multiply, Lighten, Screen, Overlay, Hard Light,
  • Difference, Alpha, Erase
  • Background colour for a hotspot can be chosen and/or transparency applied



Filters Filters:

Filters

  • Hue, Brightness, Saturation, Contrast, Sharpness, Blur on x and/or y axis, Blur Quality, Tint
  • Colour can be ajusted and set
  • Bevel, Distance, Angle, Quality, Blur x and/or y can be set
  • Bevel Highlight Colour and Shadow Colour can be chosen and adjusted
  • Inner, Outer, Full bevel filters properties
  • Knockout on/off
  • Glow filters:
  • Glow, Quality, Blur x and/or y, Inner Glow, Knockout and colour can be adjusted, applied and
  • chosen
  • Shadow Filters:
  • Shadow, Distance, Angle, Quality, Blur x and/or y, Colour, Inner, Hide Object, Knockout can be
  • adjusted, applied and chosen



Functions Functions:

Functions

  • You record your functions. You activate the recording with a click, apply shadows, glow, change of positions etc. etc. etc. and make functions that way. When you finish the recording, all you recorded has been put into a list. You can also manually type actions to make and paste it into the list of recorded things.
  • You can use Equals, Increased, Decreased, Multiplied, Divided by - give it a value, decide the time in milliseconds, choose the following transition effects: Regular, Smooth, Easy In, Easy Out, Elastic Bounce
  • You can attach the function to Global, Panorama and Hotspot
  • In Global you can determine when it fires: On Click, Load, Over, Press, Release, Start, NewPano, Activate, Deactivate, TransitionStart, TransitionEnd, EnterFullscreen, ExitFullscreen
  • In Panorama you can determine when it fires: On Press, Release, KeyPress
  • In Hotspot you can determine when it fires: On Click, Load, Over, Out, Press, Release
  • In reality the possibilities of created functions are endless

Tutorials Tutorial



Plug-ins Plugins/Presets:

Plugins

  • Autorotator can be enabled/disabled, Quality, Speed, Pause and Interval settings can be adjusted, or (FPP) Default settings can be applied
  • Borders can be set in real time with a single click

 

Flashificate Flashificate

Flashificate

  • Saves final project files to destination folder

Index

Plug-ins About Plugins

Plugins

 

Autorotator Autorotator:

The panorama slowly rotates itself without the interaction of the user.

Autorotator can be enabled/disabled, Quality, Speed, Pause and Interval settings can be adjusted, or (FPP) Default settings can be applied
Borders can be set in real time with a single click

 

Dashboard Dashboard:

Include all the buttons for rotating, zooming etc.

Dashboard consists of following navigation buttons: Infoscreen, Move Left, Move Right, Move Up, Move Down, Zoom In, Zoom Out, Auto Rotator, Fullscreen, Contrast up/down, Brightness up/down
The position of the buttons can be changed with simple dragging and dropping in the toolbox of Flashificator.
Buttons can be enabled/disabled
3 standard placements are provided: left lower corner, central bottom, right lower corner
You can provide your own customized buttons to be used with Flashificator at the click of the mouse.
Tooltips are provided for the buttons and can be enabled/disabled.
Glow color is also available, where you can change the colour.
Smartscale is present in the Dashboard as well.
Enable/Disable dashboard

Web link Video Tutorial

 

ImageConverter ImageConverter:

Change the size of images you intend to use for the panoramas. For instance, if you have a image 400x200 pixels, you can resize it to 100x50 or 50x75 or any other size you like.

 

Mapper Mapper:

Tutorials Mapper complete instructions

 

Preloader Preloader:

Preloader will load other tours in the background, having them ready for the user (cut waiting/loading times). Also known as pre-cache plugin.

Enable/Disable preloader
Simultaneous loads (decide how many files are loaded at the same time)
Once the Tourificator's problems have been solved, all panos in the tour would appear in the list, where you can decide which images/mov's/mp3's/videos/xml's/png's/jpg's/swf's etc. would load first and in which order.
Using this in combination with Poorificator is absolutely possible, and you can provide the URL to the images/files you want to preload.
This enables next pano to load in the background, while the user is viewing the first pano, cutting short the time people have to wait before the next pano is ready.

 

Tourficator Tourificator:

Able to link several different panoramaimages using hotspots.

Tutorials Menu

 

Borders Borders:

Set constrains for the view the user will be able to rotate the panorama within.

Web link Video Tutorial

 

Dropdown Menu Dropdown Menu:

 

Leashed Leashed Mouse:

 

MP3 MP3 Msuic Player:

Add music to your panorama.

Choose between 2 different mp3 players.
mp3 Hotspot:
Select the source (mp3 file)
Add online radio station
Add another mp3 (as many as you want)
Lock position of the music
Sound Settings: Radius, Volume, Pan, Repeats can be adjusted
Sound Panning, Autostart, Show Controls can be enabled/disabled

The MP3 Plugin is made for Flashificator and is highly flexible
Enable/Disable
Autostart/Manual start
Drag&Drop mp3 files into the playlist and manage the list by moving songs up or down or delete them from the list
Change the mp3 button
Browse for the new button
Enter URL of an mp3 song to use
Add Radio station
Sound Settings: Volume

Web link Video Tutorial

 

Preview Preview:

Enables you to make a preview jpg image with a "Load" button. When you click the "Load" button, the panorama will be displayed in the preview image place-holder. If your preview image is 300x300 pixels, the panorama will be displayed in the 300x300 placeholder.

Enable/Disable Preview
Select Image
Select Button - to load the preview
Preview Changes (you will see how it looks)
Use original size of the image or change the size with Width and Height measured in Pixels
This plugin may require of you to change your Flash security settings locally, while everything will work well online without any Flash security settings being changed.

Web link Video Tutorial

 

Zoom Detector:

 

Camera Camera:

 

FLV FLV Video Player:

Add video to your panorama.

A new video player was made for Flashificator. The interface for controlling it consists of the following:

  • Selecting the player
  • Selecting the video(s) to use
  • Locking position
  • Choosing of single button control (if the FLV control component is not chosen)
  • Adding additional videos
  • Loop, AutoStart, Hide on Stop, Show in Video list, Disable Clicking Video can be activated/deactivated for any or all videos.
  • Pan alignment
  • Tilt alignment
  • Scale on x and y axis
  • Static x and/or y axis alignment
  • S-Alignment for x and/or y axis alignment
  • Alignment component for placement of videos on the screen's corners or middle sections in edges or center
  • Frame rate for video can be adjusted
  • Rotation on x y and z axis can be adjusted
  • Video scaleable/non scaleable tickbox
  • Distance can be adjusted
  • Sound settings for directional sound: Radius, Volume, Pan
  • Enable/Disable Sound Panning

Web link Video Tutorial

 

Lensflare Lensflare:

Add a lensflare effect.

Select one or more lensflares from a collection of 9 lensflares
Lock Position of the lensflare
Add Another Lensflare
Blend Mode options to choose: Normal, Layer, Darken, Multiply, Lighten, Screen, Overlay, Hard Light, Difference, Alpha, Erase
Change flare colour and adjust the strength of the colour
Change the blinding colour and it's strength

Web link Video Tutorial

 

Nadir Cap Nadir Cap:

 

Zoomificator:

 

Compass Compass:

Add a compass (foreground and background).

 

FPS FPS:

Enable/Disable Frames Per Second.

 

Limits:

 

Flyout Images:

Tutorials Tutorial

 

Smartscale Smartscale:

 

Slideshow2 Slideshow:

A slideshow plugin for images (change image upon timer-intervalls).

Tutorials Tutorial

 

Context Context Menu:

Add more menu alternatives when you rightclick the panorama.

 

Borders Fullscreen:

Go into fullscreen-button.

Enable/Disable Fullscreen plugin that comes with standard FPP "Open/Close" button
There will come a replacement for this plugin, where a preset will be made, enabling users to use their own "Open/Close" button images.

 

Loadmeters Loadmeters:

Those are the loadmeters indicating how many kb or % (percent) of the panorama have loaded.

FPP Normal (displaying percentages)
FPP Circular (displaying percentages)
FPP Glass (displaying progress bar with KB loaded)
FFC Glass (displaying progress bar with KB loaded and info on this being an interactive panorama with basic info on how to move and zoom in the pano
Text Denied (for changing the "Denied" message)
Text Failed (for changing the "Failed" message)
Bandwidth can be determined for the load of the pano
Loading attempts can be determined if loading fails
Text colour for the Normal loader can be changed
Loading background can be changed (from the standard green/red/grey)
Pano loading background can be made transparent
Loading of pano can be enabled/disabled
Consecutive Load can be enabled/disabled
Streamed Mode can be enabled/disabled

 

Poorificator Poorificator:

With Poorificator you can make hotspots that open a URL (could be a website, panorama etc).

Poorificator (the poor-mans version of Tourificator which encountered problems with loadPano inside of the AIR platform Flashificator is built on)
This is a tool to link a hotspot (or many) to another pano or a website
First you make a hotspot and assign an image (or transparent png file) to it
Then you type in the name of your function. For example "Google"
You type in the url that should open when the hotspot is interacted with (example: http://google.com)
Click "Create as Function"
Go to "Functions" tab and decide how the hotspot should be interacted with (on Click, Load, Over, Out, Press, Release)
Click once on the function named "Google"
Click an arrow button to move it to the "Functions Attached" list
Refresh the panorama and that's it. Clicking the button in the pano will open Google in your browser.

 

Tooltips Tooltips:

Add a tooltip to a hotspot.

Select the hotspot you want to add hotspot to
Type in the text
Choose the font you desire, with all fonts on your computer available
Set the size of the text
Fade tooltip in/out ... or not
Position your tooltip on x and/or y axis
Select stroke, font and background colour for the tooltip

Web link Video Tutorial

Index

Tutorials Tutorials

 

 

GUI Getting Started:

The best file format to use with FPP (therefore also Flashificator) is cube faces... but unfortunately PTGui doesn't offer a simple way to create cube faces, but it is possible, as you can find out here: http://flashpanoramas.com/forum/showpost.php?p=11914&postcount=15

Flashificator only needs ONE of the cube faces, and it will automatically take the other 5 images.

If you have a .mov (QTVR) file, you just drag and drop it into the FFC interface at the beginning, right after you have given your project a name.

If it does not show up, it may contain too large images (Adobe introduced a limit on how big an image could be for being displayed in Flash... 8191 pixels). Another issue could be compressed headers of the .mov file... that's an entirely different issue over in Denis' courtyard. If you have older QTVR projects, this might be an issue, but if you are making your QTVR (.mov) files with PTGui now, it should not be a problem.

Up

 

Making flyout images

  1. Start the application
  2. Name your project
  3. Drag and drop your project file into the interface
  4. Click "Hotspots" tab
  5. Create a hotspot with the green hotspot maker button
  6. Name your hotspot (ex. "picture1" )
  7. Click "Source" and select a picture to use
  8. Change the property of the picture from "spot" to "box" in the hotspot drawer (hotspot drawer is placed between the green and red hotspot create/delete buttons at the bottom of the toolbox)
  9. Untick the "Cache as Bitmap" tickbox
  10. Move the pano so that the cross hairs in the center of the preview window are placed approximately where you want the image to be
  11. Click "Lock Position" (the image center will jump to that position)
  12. Click "Reload" on the preview window
  13. Use the "X Y and Z under "Rotation" to fit the image into place.
  14. If you need to change the size of the image, you can click on the down arrow on "Hotspots" tab, and select "Hotspots2"
  15. There you can use the "Distance" numeric stepper to put more distance on the image, thereby make it appear further away.
  16. Go back to "Hotspots" tab and fine adjust the image into place with the XYZ components (point 13 of this walkthrough)
  17. Click "Plugins"
  18. Click "Place An Image"
  19. Decide how long time the image will take to perform the movement from floor/desk/whatever to the screen and back down (time is in milliseconds... 1000 is one second)
  20. Select the transition effect to use for going down and up (can be the same or individual)
  21. Adjust the scale of the picture. If it is too big originally, it may exceed the monitor size. Remember that you will have to click "Create Functions" every time you have made changes within the "Place An Image" interface, and also remember to click "Reload" after you have made changes.
  22. Click "Create Functions"
  23. Click "Reload" on the preview window

Up

 

How to display a .png file onClick on a hotspot

  1. Add new hotspot
  2. Name it
  3. Choose image (the image you want to show when you click the hotspot)
  4. Check static box
  5. Uncheck visible (the image will dissapear)
  6. Choose the location where you want the hotspot with the little image, the hotspot that will trigger the larger image when clicked
  7. Add new hotspot
  8. Add the little hotspot image which will trigger the larger one
  9. Lock position
  10. Reload so that you see the hotspot
  11. Go into functionstab
  12. Click the green "record" button, you have now started recording and many of the changes you do will be saved!
  13. Choose the first hotspot you did (you find all of them at the bottom of the userinterface)
  14. Go back to the "Hotspot" tab, now you check the visible box, so that the image is shown again
    1. Maybe you must change the depth of the larger image so that it is shown at the top above all other hotspot images
  15. Go back to functionstab, and click the red button. You will now stop recording. If you were successfull you will see abit of code, something like hotspot.visible = 1
  16. Name your function, something like showImage
  17. Click the codeline thats in the box "This was recorded", now you can add some easing like if you want the image to be faded you could use settings like:
    • equals
    • new value: 1
    • time in milliseconds: 500
    • transitioneffect: smooth

  18. Click finish
  19. Choose, "attach to hotspot"
  20. Choose, onClick
  21. Choose the function you did a second ago, something like showImage
    Important: Before you do the next step be sure that you click the name of the little hotspot in the bottom of the interface. So that the hotspot with the little image is selected
  22. Click the little arrow between the 2 boxes, and then the function will be added to the right list, and is now added to the hotspot you have selected at the bottom.

Say that we continue from where we left off. So that we have 2 hotspots at the bottom of the userinterface. For instance the hotspot with the large text-image is called textHotspot and the little hotspot that triggers and shows textHotspot is called showTextHotspot. Also be sure that textHotspot is showing at the screen at the moment (in other words, that the text-image is present for the user to watch).

  1. Select textHotspot (the hotspot with the larger text-image)
  2. Go into functions-tab
    You will now se plenty of things from where we worked here for the first function. But this time we want to make a NEW function.
  3. Click "Make another function"
  4. Click the green button, you will start recording what you do
  5. Click Hotspot tab
    Be sure that you still have textHotspot selected down at the user interface
  6. Now look at the box saying "visible", it could be that this box is unchecked which is normal since that may be how you left it earlier. If thats the case then check it once, and uncheck it again. Now the text-image SHOULD be invisible.
  7. Go to the functions tag again
  8. Click the red button, you will now stop recording
  9. Look at the box with the name "This was recorded".
    This should say textHotspot.visible=0 (which means that when you execute the function the hotspot will be turned invisible)
  10. Name your function, something like closeImage
  11. Click finish
  12. Click "onClick" (be sure that Hotspot is selected above this option)
  13. Now you must assign this onClick-function you've just created to a hotspot!
    Be sure that you still have textHotspot selected down at the interface since this is the image that should have the function assigned to it.
  14. Click the little arrow to move it to the hotspot.

Now you should be done. If you want you can (when Functions tab is still active) switch between textHotspot and showTextHotspot down at the userinterface and see when the function in the right box is changeing, one should have the function showImage and one should have the image closeImage.

Up

 

Functions Recording and pasting functions

  1. Create a hotspot
  2. Select "Functions" tab
  3. Click "Record"
  4. Click "Filters"
  5. Drag "Hue" slider all the way to "1" (or any other number you like)
  6. Drag "Bevel" slider to "6.7" (or any other number)
  7. Click "Filters" tab's down arrow and click on "Filters 2"
  8. Drag "Glow" slider to "3.6" (or any other number)
  9. Change the colour in the colour picker from red to green (or any
    other)
  10. Drag "Quailty" to "4"
  11. Click on "Hotspots" tab
  12. Click inside the preview window and move the panorama 10 degrees to the right (just an estimate)
  13. Click on "Lock Position" button (found in left side of the toolbox, under "Source")
  14. Click on "Functions" tab
  15. Click on the red "Recording" button to end the recording
  16. Give the function a name "MyFunction, or leave it at default
  17. Click on "hotspot1.hue=1.00" (More possibilities open up to the right in the toolbox)
  18. Change to "Increased By" in the drop down selector
  19. Make "New value" as "2"
  20. Make "Time in milliseconds" to "2500"
  21. "Transition effect" at "Smooth"
    You can continue and change the behaviour of the Bevel and Glow and the pan and tilt as well (maybe put elastic or bounce there).... but let me cut things shorter for this description...
  22. Click "Finish"
    New selection tab opens
  23. Decide where you will apply the changes... or if you want to make another function
  24. Change "Attach to" to Hotspot
  25. In "Events List" click "onClick" (new options become available)
  26. Click the arrow down between "Functions Created" and "Functions Attached" boxes.
  27. Click "Reload" on the preview window
  28. Move the preview window to your upper left monitor corner click and drag the lower right corner over to the other side of your monitor, so that you have a narrow "banner like" preview window.
  29. Zoom out (depending on the size of the image you are using and how far you decided to pan and tilt it)
  30. Click the image on your preview window, and it will perform in the way you decided it should.

    If you are not satisfied with the way it behaves, you can always go back to the "Functions" tab and find your function "MyFunction" there In the "Functions Created" list, you can double click the "MyFunction" in order to access all there is inside of it. Let's add a transition effect on the pan this time

  31. Click on "hotspot1.pan=56.16" (obviously the pan can be completely different on your end... this is just what it is for me doing this walk-through)
  32. Change "Time in milliseconds" to "5000" (5 seconds for the image to move to the new position)
  33. Set "Transition effect" to "Bounce"
  34. Click "Finish"
  35. Click "Reload" on the preview window's upper left corner Zoom out and click on the image. Now you can see that it will Change colour and move over to the new position gradually.

This may seem excessive work in order to get things done, and I agree that it IS too much, and it is also limited due to one not being able to record both "onPress" and "onRelease" (or other combinations of 2 events) into the same function. That will be corrected, since it was an error in design. To achieve the "onPress" and "onRelease" (or onOut ... or some else) one would have to make a second function to attach to the hotspot.

The paste from clipboard button available if you click "Make another function" will paste in texts you have copied (possibly from a xml you have from another document.

That is to be improved upon and made much more complete... and clearly I have to assign some days for making video tutorials, showing how things can be done.

The functions area will be improved, and even though it's impossible to save a function for later use (except through the xml you get when you flashificate the project) then such a save function will be constructed later on, and a complete "save project" (with all settings applicable to other panos) will also be available.... but it's something that will take time to make... a lot of time... but we will get there.

I hope this will help you guys to get started.

Up

 

Slideshow2 Slideshow2 basic steps

  1. Select your file
  2. Click Plugins
  3. Click Slideshow2
  4. Create a hotspot
  5. Check Enable
  6. Write a name for your image
  7. Write a description for your image
  8. Browse the image
  9. Click Add
  10. Click Reload
  11. In the alignment box choose how your slide is going to realign when the window changes its size.
  12. In the preview window press the left mouse button on the slide and start moving it to the position you want it to be.
  13. Change the numeric stepper values if you want to precisely align your slide or change its size.
  14. Click the 'Add Another' button
  15. Write a name for your image
  16. Write a description for your image
  17. Browse the image
  18. Click Add
  19. Click the 'Add Another' button
  20. Write a name for your image
  21. Write a description for your image
  22. Browse the image
  23. Click Add
  24. to delete an image press the 'DELETE' key.
  25. to move an image up or down click on the arrows
  26. Increase the number in the 'Images to show' numeric stepper if you want more slides to appear at the same time (this will reallign all your slides)
  27. Change the 'Load Time' numeric stepper to specify how long it will take until the images slide.
  28. Change the Slide Direction by clicking in the 'Right' or 'Left' radio buttons
  29. Check the three checkboxes in the right top part of the toolbox to show information about the slides.
  30. Click 'Create buttons' button to automatically create hotspots that can control the slideshow.
  31. Click 'Reload'.
  32. Flashificate your project.

Up

 

Mapper Mapper complete instructions:

Go to the mapper tab

  1. 1. Start Flashificator.
  2. Write the name of your project.
  3. Select a panorama.
  4. Go to 'Plugins'.
  5. Click on the 'Mapper' Button.
  6. Create a hotspot.
  7. Check the 'Enable' checkbox.
  8. Click 'Reload'.

Rename the default map

  • Write a new name in the textfield above the 'Add Another' button.

Add a new map

  1. Click the 'Add Another' button.
  2. Write your new map name in the textfield above the 'Edit Current' button.
  3. Click 'Add'.

Switch between maps

  • Click another map in the map list.

Set another map as the first one

  1. Select your new map in the list.
  2. Click 'Set as initial map'.

Delete a map

  1. Select a map in the list.
  2. Press the 'DELETE' key.

Points Management

  • Click on the 'Points Management' radio button.

Change the description of a point

  1. Write a new description on the 'Description' textfield.
  2. Mouse over the yellow point in the center of the panorama to see the results.

Set a new image

  1. Click the 'Browse' button.
  2. Select a new image.

Change the size

  • Change the 'Scale' numeric stepper value.


Change the x position

  • Change the 'X' numeric stepper value.

Change the y position

  • Change the 'Y' numeric stepper value.

Other way to change x and y

  1. Move the mouse pointer over the point in the preview window.
  2. Press the left mouse button, the point is now glowing blue wich means it is being moved.
  3. Move the point to another location.
  4. Release the left mouse Button, the point is now glowing red again, wich means it is in its normal state.

Add a new point

  1. Click the 'Add Another' button.
  2. Set the description and image of the new point, the other values are optional.
  3. Click 'Add'.

Switch between points

  • Click another point in the preview window, the one glowing 'red' is the one you are currently editing.

Set another point as the first one

  1. In the preview window, select the second point that has been created.
  2. Click 'Set as initial point'.

Delete a point

  1. Click the second point in the preview window.
  2. Press the 'DELETE' key.

Function Assignment

  • Click on the 'Function Assignment' radio button.

Set a function to a point

  1. Create a function (i.e. load a new pano).
  2. Go back to Mapper.
  3. Select the function you have created, it will appear in the left list (to select multiple functions press shift, control or command on mac).
  4. Select the second map in the right list.
  5. Click 'Reload'.
  6. Click on the point to go to see the results.

Individual Map

  • Click on the 'Individual Map' radio button.

Select a map image

  1. Click the 'Browse' button.
  2. Select an image for your map.

Change the size

  • Change the 'Scale' numeric stepper value.

Change the opacity

  • Change the 'Opacity' numeric stepper value.

Change the x position

  • Change the 'X' numeric stepper value.

Change the y position

  • Change the 'Y' numeric stepper value.

Change the alignment

  • Click on any of the black dots in the alignment box to set as a 0,0 position.

Radar

  • Click on the 'Radar' radio button.

Select a radar image

  1. Click the 'Browse' button.
  2. Select an image for the radar.

Disable the radar

  • Uncheck the 'Visible' checkbox.

Path Drawing

  • Click on the 'Path Drawing' radio button.

Draw a path

  1. Create a new point.
  2. Click 'Start Drawing', the points that are glowing yellow are the ones that you have not set a path yet.
  3. Click on the new point that is glowing yellow, now it turned blue.

Make a straight line

  • Click on the blue point.
  • Click on the red point.

Make a free-hand path

  1. Press the left mouse button on the blue point.
  2. Move the pointer to the red point.
  3. Release the left mouse button.

Change the seconds that takes to draw the path

  • Put a new value in the 'Seconds' numeric stepper, this value may not be accurate sometimes.

Finish drawing

  • Click 'Stop Drawing.

Replay a path

  1. Click the 'Replay' button.
  2. Click any of the points that are glowing yellow.

Remove a path

  1. Click the 'Remove' button.
  2. Click any of the points that are glowing yellow.

Up

 

Tourficator Tourificator Tours

  1. Start the application.
  2. Name your project
  3. Drag & Drop the first pano in the tour into the toolbox or browse for it, move it into the desired initial position and click "Save Position".
  4. Click "Plugins" tab.
  5. Click "Tourificator" button.
  6. Create a hotspot with the green hotspot creator.
  7. Drag & Drop the second pano of the tour into the left list.
  8. Drag & Drop the third pano of the tour into the left list, (if you have more panos for the tour, drag the rest of the files into the tour. ONLY one cube face from each tour is needed, since FFC takes the rest of the files automatically.
  9. Click "Hotspots" tab
  10. Click "Source", browse for and select the thumbnail image you will use for opening the first pano in the tour.
  11. Create a hotspot with the green hotspot creator.
  12. Click "Source", browse for and select the thumbnail image you will use for opening the second pano in the tour.
  13. Create a hotspot with the green hotspot creator.
  14. Click "Source", browse for and select the thumbnail image you will use for opening the third pano in the tour.
  15. For stabilizing the thumbnail images, change the properties of the hotspots from "SPOT" to "BOX"
  16. Click "Reload" on the preview window chrome.
  17. For further stabilizing the thumbnail images, tick the "Static" and untick the "Cache as Bitmap" tickboxes for all 3 hotspots (and others if you have more in the tour).
  18. Click "Plugins" tab.
  19. Click the "Tourificator" button.
  20. There you will see all panos you have in the tour. If you want all the hotspots for the tour to appear in all of the panos, you don't need to move any of the panos to the right hand list. This is where you link and unlink hotspots in tours.
  21. Click "View Pano" button for each pano to make sure all panos in the tour are working. Random transition effect will be applied.
  22. Click once on the first hotspot in the hotspot drawer.
  23. Click on the first pano in the tour, then "View Pano".
  24. Click "Create Load Pano" button.
  25. With first pano of the tour, and the first hotspot thumbnail selected you now choose the transition effect you want for the first pano when it's hotspot is clicked (I choose "Fade").
  26. If you want the hotspot to load the pano in a DIFFERENT initial position than the MAIN initial position, you can do so by moving the pano (and zooming in or out) to the desired position, and click on the "Lock Position" button.
  27. To seal the project, click on the Auto-Attach Function" button, which will make it work for "onClick" (when the thumbnail is clicked, the pano will be loaded).
  28. To set initial starting points in the other panos in the tour, click on the "Go back to attaching" button.
  29. Click once on the pano you want to change the initial starting point in.
  30. Click the "View Pano" button
  31. Click "Create Load Pano" button
  32. Move the pano into the desired position and decide the zoom (with mouse) and click "Lock Position" button when there.
  33. Remember to click on the pano in the list to which you want to apply the changes to (and the hotspot in the drawer).
  34. Select "Transition Effect"
  35. Click "Auto-Attach Function"
  36. Repeat steps 28-35 for the remaining panos in the tour.
  37. Name your hotspots. DO NOT name any hotspot as "pano2". This WILL cause an error that has not been fixed/located yet. Any other name should be ok.
  38. Now let's align the hotspots. Click the "Hotspots" tab.
  39. Click "Reload" on the preview window.
  40. Use the alignment components to place the hotspots in the left lower corner.
  41. Distance the hotspots with the "Static X" and "Static Y" tools.
  42. Click "Reload" on the preview window.
  43. Try out the hotspots by clicking them one by one.
  44. Click the "Plugins" tab.
  45. Click the "Dashboard" button
  46. Click "Enable Dashboard"
  47. Click "Reload" on the preview window.
  48. De-select the buttons you don't want to use.
  49. For customized buttons, click "New buttons" and browse for the folder you have your customized buttons in (you need to have them properly named (1-11)
  50. Click "Reload" on the preview window.
  51. Resize the buttons with the "Size" slider if need be.
  52. To activate the preloader (which will load other panos in the tour in the background) click "Plugins" tab, then "Preloader"
  53. Tick the "Enable Preloader" tickbox.
  54. Decide how many cube faces the preloader will load at any given time.
  55. You can shuffle the order of the panos in the tour by using the arrow(s) on the right side of the list.
  56. If you need to resize images or convert from jpg to png, you can use the "Image Converter" found in the "Plugins" tab. For hotspot images this might be a good choice, rather than scaling the images.
  57. Click "Flashificate" (to) your desired folder.

Web link Video Tutorial

Up

 

TourficatorTourificator And Transition

  1. Start the application.
  2. Name your project.
  3. Select your primary project file (or drag & drop it in the toolbox).
  4. Click "Plugins".
  5. Click "Tourificator".
  6. Click the green hotspot creator button.
  7. Drag and drop a visual file from the next pano into the "Tour Files" list (you can drop as many files as you want for the tour).
  8. You have only created one hotspot at current time, and now it is possible to assign it to open the second pano.
  9. Click on the first pano in your list (it will highlight with blue color).
  10. Click on the arrow button between the lists, which copies the name of the first pano
    to the second list, which shows in which pano(s) the selected hotspot is present.
  11. Click "Create Load Pano" button.
  12. Click the second pano (or any other pano you want to be opened with the hotspot) and it will be highlighted with blue color.
  13. Name your function (default is "IoadPano1" for the first created hotspot).
  14. Click "Transition Effect" and choose the transition you want to apply between the panos when the hotspot is clicked.
  15. Change the "Transition Time" if you like (default is one second (1000 ms).
  16. On the right side of the toolbox you have "Hotspot Controller"... there you can rename your hotspot and browse for an image for it.
    Do both
  17. If you want to make a Leach Lock, you click the "Leash Lock" tick box, and the pano that loads, will load in the same coordinates as the previous one was at when the hotspot was clicked, which is very useful for day/night before/after transitions.
  18. Now you have the choice to make this as a function for the hotspot.  Either click "Create as Function" button (then you will have to go to "Functions" tab and assign event to the button (onCIick, onOver, onOut etc) or you can click the preset "Auto-Attach Function", which will make the hotspot react when it is clicked (most used, and l click it in the video tutorial).
  19. Create a new hotspot.
  20. Name your function.
  21. Choose transition effect.
  22. Choose transition time.
  23. Tick the "Leash Lock" tick box.
  24. Name your hotspot.
  25. Select the hotspot image.
  26. Select the first pano to be loaded when
    the hotspot is clicked.
  27. Click the "Auto-Attach Function".
  28. Click the "Go back to attaching" button.
  29. Make sure the selected hotspot will load
    the correct pano.
  30. Click "Reload" on the preview window chrome You can add more panos and assign more hotspots as you go along, and by going to the "Hotspots" tab, you can make the hotspot images static and place them as you Like.
    FIashificate.

    Web link Video Tutorial

Up

Tourificator Linking/Unlinking Hotspots

This will show you how to make one hotspot appear in ONLY one pano, while the other panos won't have it. You CAN have hotspots to appear in 2 or more panos as well, by moving more panos to the right hand list in the tourificator toolbox while the hotspot in question is selected.

By default, the dashboard buttons appear in ALL panos in a tour. It is possible to remove the dashboard from a pano. To do that, you have to individually select each button, select the pano in which it SHOULD appear in, and move that pano to the right hand list. Without multiple hotspot selection this is will take around one minute for one pano.

  1. Start the application
  2. Name your project
  3. Drag and drop the first pano of the tour into the toolbox
  4. Click "Plugins" tab
  5. Click the "Tourificator" button
  6. Click the green hotspot creator button
  7. Drag in the second and third etc. panos for the tour
  8. I will put a lensflare in one pano. Select the pano you want to have the lensflare to appear in (select it in the list, then click "View Pano"
  9. Click "Plugins" tab
  10. Click the "Lensflare" button
  11. Click "Select Lensflare" then select the flare you want
  12. Move the pano to the desired position to place the lensflare
  13. Click "Lock Position" to place the lensflare
  14. Click "Reload"

    NOTE: At this point the lensflare will appear in ALL the panos of the tour, because it has not been assigned a pano to appear in!

  15. Click "Plugins" tab
  16. Click the "Tourificator" button
  17. Click once on the pano in which the lensflare is supposed to appear in (in the left list)
  18. Click "View Pano" button
  19. Select the lensflare hotspot in the hotspot drawer (one click if it's not already selected)
  20. Click the arrow button between the lists. This will make sure that the lensflare is ONLY displayed in the selected pano.

    This very same method is used to assign hotspots to select panos, and avoid the hotspots to appear in ALL of them.

    Here another example:

  21. Select the first (not yet used) hotspot in the hotspot drawer (pano changes to the first pano of the tour)
  22. Select the pano in which you want this hotspot to be displayed in
  23. Click the arrow button between the lists to move the pano you want the hotspot to appear in
  24. Click "Hotspots" tab
  25. Click "Source" and select the image you want for the hotspot
  26. Click "Reload" on the Preview window
  27. Click "Plugins" tab
  28. For this little demo I choose "Poorificator" to make a clickable link to open a webpage
  29. Name the function
  30. Type in the URL for the webpage to be opened
  31. Click "Create as Function" or "Auto-Attach Function" and move to step 36 of the tutorial. If you click "Create as Function, continue with step 32. Otherwise go to step 36.
  32. Click "Functions" tab
  33. Click "Attach To" then select "Hotspot"
  34. Click "onClick"
  35. Click on the arrow button between the lists
  36. Click "Reload" on the Preview window
  37. Click on "Plugins" tab
  38. Click the "Tourificator" button
  39. Make sure the pano in which you want the hotspot displayed is selected and click "View Pano", and there you will find the hotspot.
  40. To align the hotspot to a position you desire, go to the "Hotspots" tab and use the alignment tools to put it where you want.
  41. Click "Plugins" tab, then "Tourificator"
  42. Click on the first pano in the list, then "View Pano" button, then the second, third, fourth etc. to see how the panos are. Note that in this example, the "Google" hotspot is NOT present in any panos except the second one, since that was what I wanted, and that was done in steps 21-36. Equally the lensflare is only visible in the 4th pano, which was decided in steps 8-20.
  43. Make hotspots to link the panos in the tour (see another video tutorial to see how that is done, here I will just do it without explanation. Pause the video if I'm doing things too fast).
  44. Flashificate.

Note: Steps 31-35 can be eliminated in the latest version (2.016) of FFC. With a single click on "Auto-Attach Function" button, the hotspot will be ready (for on-click action).

Web link Video Tutorial

Up

 

Loadmeters Custom Loadmeter

  • Click:
    Plugins>Loadmeters>Logometer>Options... and there you will get to the graphical creator for any kind of a loadmeter you may dream of.

Web link Full set of info (for hand coding)

Up

Index

Recomendationed Tips

The working wall clock

Web link http://flashificator.com/forums/viewtopic.php?f=3&t=302#p1593

 

Tooltips

  • The programmer said that adding "\n" after the desired length of text, will result in a new line.
    Adding "\n\n" will add 2 new lines etc.
  • I asked him to add a small button to click, in order to break up lines, rather than having to type in "\n"
  • It should be written without the quotation marks... like this:
  • \n

 

Equirectangular to 6 cubefaces with PTGui (versions prior to 8.2)

What you need is just 6 project files from PTGui with preset for generating the cubefaces.
I have made a set you can download here.
http://www.panoramas.dk/panorama/FPP/Cubes24-1600-79.zip

What does the name mean? It means that this needs an Equirectangular as source with the name 24.tif and it will make cubefaces of 1600x1600 with compression 79 which BTW is about the same as 50% in CubicConverter.

The 24.tif in the folder is just a very small one for demo.
Here what you do:
1. copy your panorama (which should be a TIF) to the folder and name it 24.tif
The size should be around 6000-7000 pixels for 1600 cubefaces.
2. Open PTGui and open an empty window, choose the Batch Stitcher from the Tools menu and click + and navigate to the folder. Choose all 6 pts files and open.
The conversion will start at once. Takes only 1.30 on my old G5 PPC Mac.

The namings of the cubefaces will be 1_f.jpg, 1_r.jpg etc. This is the default for the pano.swf.
You need of course to rename the files if you have several panos. I always name my cubefaces 1, 2, 3 etc so that I can use a template which have these names in the XML.

If you need to convert to another size you have to open each project file and change the output size.

Easiest is to make duplicates of the folder and edit them. You can make sets with different cubeface sizes or compressions so that you can easy make any size. You can also of course generate tifs for using them to edit Nadir and Zenith.
If you need to extract a nadir just use the D.pts as atemplate.

I am not an admirer of Pano2VR for doing these things, To get the same quality as using PTGui or CubicConverter you have to choose one of the slowest interpolators and doing the same conversion takes 5 minutes instead of 1,30.
The interface for converting panoramas to cubefaces in Pano2VR is just simply weird and very slow to work with.

 

Additional Buttons & Graphics

Web link http://flashificator.com/forums/viewtopic.php?f=3&t=788

 

Some Basic Flash Functions

  • Events: onClick, onLoad, onOver, onOut, onPress, onRelease
  • openUrl (http://yourdomain.com)

Index

Recomendationed Recomendations

PTGUI

Index

Support Support

Flashificator Main Forum

Video Tutorials

Index

Legal Legal

Flashificate Flashificator

This is a legal agreement between you, the purchaser, and the creator of Flashificator, Trausti Hraunfjord. By purchasing or downloading any software from our website, you agree to be bound by the terms of this agreement.

All of the software remain the property of Trausti Hraunfjord. Trausti Hraunfjord grants to you a nonexclusive, non-sublicensable right to use the software according to the license terms for any commercial or personal design and software projects. Including web designs, software applications, advertising, film, video, and computer games.

The license does not permit the following uses: The software may not be sublicensed, resold, rent, transfer, or otherwise made available for use or detached from a product, software application, or web page. The software may not be placed on any electronic bulletin board, downloadable format. You may not include the software in any web template, including those which are web based, but not limited to website designs and presentation templates. You may not use, or allow anyone else to use software to create pornographic, libelous, obscene, or defamatory material.

All software files are provided "As is" By purchasing any of the Icons you agree to hold Trausti Hraunfjord harmless for any damage that may occur during to use or inability to use them.

famfamfam Flash Panorama Player

Flash Panorama Player is the product of Denis Chumakov of "flashpanoramas.com" and my be contacted at "flashpanoramas@gmail.com".

famfamfam Adobe Air/Flash

Adobe products are not sold; rather, copies of Adobe products, including Macromedia branded products, are licensed all the way through the distribution channel to the end user. UNLESS YOU HAVE ANOTHER AGREEMENT DIRECTLY WITH ADOBE THAT CONTROLS AND ALTERS YOUR USE OR DISTRIBUTION OF THE ADOBE PRODUCTS, THE TERMS AND CONDITIONS OF THE APPLICABLE LICENSE AGREEMENTS BELOW APPLY TO YOU. Please read the agreements applicable for the products you want to use. Some software is distributed together as a collection. Please be careful to read the agreement for the software you want to use.

You can access the product license in Adobe® Portable Document Format (PDF) by clicking the version number for the appropriate product(s) below. For your convenience, when available, we have provided you with a selection of languages in which to review the product license. You will need to download Adobe Reader® software, if it is not already installed on your computer, to view and print the license agreements.

Icons

The some of  following icons were used in this guide and are licensed under Creative Commons 3.0

famfamfam FamFamFam Silk icons: http://www.famfamfam.com/

pinvoke Pinvoke Fugue icons: http://www.pinvoke.com/

creativecommons http://creativecommons.org/licenses/by/3.0/

Guide

This guide was compiled by Eric Montgomery (islander) of CyberIsla.com
with the help of many generous users at the FFC Forum.

Please report any errors and/or suggestions to the forum.

Index