100 Race
<h2><strong>Multiplayer platforming in Figma with friends! 🕹</strong></h2><p><br></p><p>Play and create race courses to compete with your friends! <a href="https://www.figma.com/community/file/983449023070835589?fuid=407309632208199131" rel="noreferrer noopener nofollow ugc" target="_blank">Example courses</a></p><p><br></p><p>To create a game, select a world and run this Plugin.</p><p><br></p><p>To join a game, run the Plugin while another game is running. The Plugin will automatically find and join a game if one exists in the same Figma file.</p><p><br></p><p><strong>Create custom courses</strong></p><p>To create custom courses, create a Frame and place rectangles inside! Optionally place something that looks like a goal post somewhere. Players will spawn at the bottom-left of the frame. Collision detection is done <strong>only</strong> between rectangles, so only non-rotated rectangles are supported and every other layer is ignored. Also overlapping rectangles can cause weirdnesses right now so try to have them not overlap if possible. You can name a layer "bg" to have collision detection ignore it (for custom art). When you're done, select your Frame and run this Plugin to race!</p><p><br></p><p><strong>How it works</strong></p><p>This is a simple plugin that takes in user input and does some simple platforming calculations to move a node around. The viewport then follows that node. The magic lies in Figma's multiplayer, which lets <a href="https://www.figma.com/blog/coming-together-at-config-2021/#_500-users" rel="noreferrer noopener nofollow ugc" target="_blank">up to 100 users</a> run this plugin simultaneously to edit nodes on the same page. There is no countdown timer to start the race, no finish line detection, no concept of lives or death.</p>
Plugin Preview
About this plugin
Multiplayer platforming in Figma with friends! 🕹
Play and create race courses to compete with your friends! Example courses
To create a game, select a world and run this Plugin.
To join a game, run the Plugin while another game is running. The Plugin will automatically find and join a game if one exists in the same Figma file.
Create custom courses
To create custom courses, create a Frame and place rectangles inside! Optionally place something that looks like a goal post somewhere. Players will spawn at the bottom-left of the frame. Collision detection is done only between rectangles, so only non-rotated rectangles are supported and every other layer is ignored. Also overlapping rectangles can cause weirdnesses right now so try to have them not overlap if possible. You can name a layer "bg" to have collision detection ignore it (for custom art). When you're done, select your Frame and run this Plugin to race!
How it works
This is a simple plugin that takes in user input and does some simple platforming calculations to move a node around. The viewport then follows that node. The magic lies in Figma's multiplayer, which lets up to 100 users run this plugin simultaneously to edit nodes on the same page. There is no countdown timer to start the race, no finish line detection, no concept of lives or death.
Plugin Details
Version | 1 |
---|---|
Created | June 6, 2021 |
Last Updated | June 6, 2021 |
Category | Uncategorized |
Creator | Golf Sinteppadon |
Stats | 1669 installs, 89 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the same category.