Foundry Tips and Tricks – Let’s Build a Landing Page!

An interactive landing page provides players with an immersion building starting point for entering the doorway to your world. Foundry enables us to build beautiful and fully interactive scenes which can provide players a ‘home base’ scene to start from. With the right modules and some creative thinking, we can also create a space where players can access a great deal of information in fun and exciting ways. Let’s take a look at some examples and see how it can be done.

The key to making this landing page truly interactive, is the use of a few modules.

• Trigger Happy for clicking on things to activate other things
• Forien’s Quest Log for the quest log system
• Inline Web Viewer for accessing an interactive website through journals
• LootSheetNPC5e for the loot chest if you’re in 5e. It’s available for other systems like Pathfinder2E and 3.5e as well.

Trigger Happy is a powerful module, and if you are not familiar with how to use it, we recommend you start here. Here is a sample of Toldori’s landing page triggers for the Trigger Happy module:

// Click to change the scene
@Token[AndoranMap] @Trigger[click] @Scene[Andoran]

// Click to open character sheet
@Token[YorikCard] @Trigger[click] @Actor[Yorik]
@Token[PartyLoot] @Trigger[click] @Actor[Party's Loot Chest]

// Click to call macro that opens up Forien's Quest Log
@Token[LandingBook] @Trigger[click] @Macro[QuestLog]

// Click to open up journal
@Token[InnerSea] @Trigger[click] @JournalEntry[httpspathfinderwikicom]Code language: PHP (php)

// The macro used to open up Forien's Quest Log

QuestLog.render(true);Code language: PHP (php)

The key to the creation of triggers is to use the module’s ‘transparent token’ to cover the area of an image you wish to trigger with, then make sure that you toggle the token to be “Invisible” to the players. Combining this with using the “@Trigger[click]” inside the journal entry will create an illusion for your players that they are interacting with things placed on the scene. The transparent token, macros and a helpful README will appear in your compendium after activating the module. Follow the provided instructions (and check youtube for additional helpful videos) and you will be activating things in no time!

Huge thanks to Todori for sharing this fantastic landing page!

This landing page makes use of two modules.

• Parallaxia for the scrolling player images. Additional information on how to use this module can be found here.
• Multilevel Tokens for the teleportation effect. This module also has a great deal of possible uses. Start here.

Cystere.Orling says: I got the scrolling image idea from this post by u/DragonbeardNick and when I asked him how he had the images cycling through what appeared to be an image wider than the screen, he said that it was one long image. For the scrolling I created a tile that was the height of the image I used (using photopea to simply put five separate player images onto one wide image) and the width of the poster. I used the very long image of five as the “fill” image for the tile so when I placed it, it appeared stretched to fit. Then when I selected the tile and activated parallaxia, the image became its actual size and only showed what is currently in view (or in frame), so it appears that it is cycling through.

Check out the modules, pull together some fantastic art, and start creating! See what you can build and post your results in the forum for everyone to see!