Timer.jsxcomponent that represents the stage timer and shows players how much time is left at that stage.
Timer.jsxcomponent, what makes the timer is that it extracts the
stage, and that it imports the
StageTimeWrapperto export the Timer with
export default (Timer = StageTimeWrapper(timer));.
About. For example:
client/main.jsyou can set your custom component for the About section.
client/main.jsor deleting it if it is already written.
New Playerbuttons during development, you can surround each of your important components (e.g., Round.jsx, Intro steps, etc.) with this special component:
client/main.jsyou can set your custom component for the Breadcrumb.
handleUpdate) and when the player clicks the submit button (
handleSubmit) so that in the end it is using the
handleNewPlayer()method that will set the player's id as the string submitted and moves the player to the first Intro Step.
NewPlayer.jsxfile, or create a new one and set it in the
Timeout Type(whole lobby or individual)
Timeout Duration in Seconds
Timeout Strategy(fail, ignore)
gameLobbycan be used to extract the following properties in the customising of your Lobby:
gameLobby.treatment.playerCountwill give you how many players the Game expects
gameLobby.queuedCountwill give you the total number of players queued for this game, including ready players and players currently going through the intro steps.
gameLobby.readyCountwill give you the number of players ready to play. They have completed the intro steps, and they are on the lobby page.
LobbyChatcomponent of this package in your experiment's
client/main.jsfile, like this:
chatexpects 2 required props:
player: the current player
scope: object that the chat will be attached to, can be game, round, or stage objects.
customKeystring prop to differentiate different chats within the same scope. This changes which get/set key on the given scope the chat will be recorded.
Chatalso displays a name for each participant, which you need to set in the experiment independently of the
timeStampdate prop to add the timestamp attribute on each message sent.