Logo
  • Features
  • Educators
  • What's New
  • Blog
  • Showcase
  • About us
  • Contact
Try it now!
How to Setup Realtime Online Collaboration with Friends?
👥

How to Setup Realtime Online Collaboration with Friends?

Making a game can be a complex task which requires knowledge and skills in multiple fields. Accordingly, working with a team is extremely important in game development.

For a long time, Scratchers cooperated with others by using costumes, sounds, or scripts from others’ projects. However, a realtime collaboration tool will make things better.

Gandi IDE has a built-in feature for creators who want to make a project online with friends. Here is a step-by-step guide to show you how to set up a collaborative project.

Step 1: Save a Project and Make It Collaborative

Before you invite friends to create together, you should have a project saved to the cloud server.

In Gandi IDE, you can save a project by clicking this button. When the pop-up appears, your project has been saved successfully.

image

You can find an invite button at the top right corner. Click it, and then click the button on the pop-up. Now, your project has become a collaborative project.

image

Step 2: Invite a Friend

You can see a new pop-up. It shows members of the team.

Click to copy the invitation link to the clipboard and send it to your friend.

image

Anyone with the invitation link can join the team. If you want to cancel the current link and generate a new one, just click this button.

image

When creators join the team, you can see them in the pop-up. As the owner, you can remove members or convert them to observers.

image

Invited members are classified into two types. One type is Collaborators, who have editing permissions for code and sprites. The other type is Observers, who only have viewing permissions and cannot edit. When inviting other users, you can choose the type of member you want to invite. The invitation links differ based on the member type.

💁‍♂️
Gandi's collaboration feature supports multiple users editing the same sprite simultaneously while ensuring data consistency. We currently support up to 10 collaborators and 50 observers in a single project.
image

As a member, you can also see other members in the team and leave whenever you want.

image

Step 3: Create Together

You can see all online members’ avatars beside the invite button.

image

When a member is editing a sprite, you can see the avatar on the sprite option.

image

Other Advanced features

Collaboration log

User actions in the editor, such as joining a project, editing code, adding sprites, and leaving the project, will be recorded and displayed in the lower left corner of the script area. Collaborators involved in the project can view others' actions in real time.

image

Notification

When an invited user joins the project, you will receive a system notification.

image

Follow user

When you click the user avatar in the top right navigation bar, the follow user feature will be triggered. Your screen view will follow the other user's mouse movements.

image

Communicate

Members can see each other’s cursors and text chat with each other. See how to do it:

📢How to Communicate with Members in Gandi IDE?

Displaying Collaborative Projects

Project card

After a collaborative project is published on Cocrea, the project card will display the basic information of all members involved in its creation.

image

Project details page

The Team section will display a list of all collaborative members.

image

Now, your team can start creating together immediately. Have fun!

💡
If you have any questions or suggestions, you can find us in the discord channel: https://discord.gg/U3nyveCvRa
Logo

Designed by 2ndR with love

Discord