- Start
''Welcome to the JoyJoin City!''
In this interactive story, you are part of a living, breathing city.
Through a series of questions, your hidden strengths will reveal your role — maybe you're an Architect shaping skylines, a Doctor healing communities, or even a mysterious figure lurking in the shadows.
Your choices define who you become, and how you impact the city’s future.
Ready to find out who you are in this urban puzzle?
<img src="https://crucial-silver-0m2tmoekqn.edgeone.app/joyjoin.png">
You're about to discover your true role in the city...
[[Begin the journey->Q1]]
(set: $logic to 0)
(set: $creativity to 0)
(set: $empathy to 0)
(set: $science to 0)
(set: $adventure to 0)
(set: $fixer to 0)
(set: $planner to 0)
(set: $secretIdentity to 0)- Q1
How do you usually spend your weekends?
* [[Designing dream buildings in a sketchbook->Q2]] (set: $planner to it + 1)(set: $creativity to it + 1)
* [[Helping out at a local clinic or shelter->Q2]] (set: $empathy to it + 1)
* [[Fixing broken gadgets or plumbing->Q2]] (set: $fixer to it + 1)
* [[Exploring rooftops and alleys alone->Q2]] (set: $adventure to it + 1)(set: $secretIdentity to it + 1)
- Q2
Which school subject did you secretly love?
* [[Math and physics->Q3]] (set: $logic to it + 1)(set: $science to it + 1)
* [[Art and literature->Q3]] (set: $creativity to it + 1)
* [[Biology and health sciences->Q3]] (set: $science to it + 1)(set: $empathy to it + 1)
* [[Photography and chemistry->Q3]] (set: $science to it + 1)(set: $secretIdentity to it + 1)
- Q3
What kind of problems are you most drawn to?
* [[Fixing physical systems and machines->Q4]] (set: $fixer to it + 1)(set: $logic to it + 1)
* [[Helping people feel seen and heard->Q4]] (set: $empathy to it + 1)
* [[Imagining better ways to organize cities->Q4]] (set: $planner to it + 1)
* [[Solving mysterious or unsolved cases->Q4]] (set: $secretIdentity to it + 1)(set: $logic to it + 1)
- Q4
If you could have one of these objects, what would it be?
* [[An invisibility cloak->Q5]] (set: $secretIdentity to it + 1)
* [[A blueprint for a utopian neighborhood->Q5]] (set: $planner to it + 1)(set: $creativity to it + 1)
* [[A first aid kit that never runs out->Q5]] (set: $empathy to it + 1)
* [[A wrench that fixes anything instantly->Q5]] (set: $fixer to it + 1)(set: $adventure to it + 1)
- Q5
You're walking home and hear a scream. You...
* [[Run toward it without hesitation->Q6]] (set: $adventure to it + 1)(set: $empathy to it + 1)
* [[Call emergency services and observe carefully->Q6]] (set: $logic to it + 1)(set: $secretIdentity to it + 1)
* [[Stay hidden and watch silently->Q6]] (set: $secretIdentity to it + 1)
* [[Sketch the moment to process it later->Q6]] (set: $creativity to it + 1)
- Q6
You're in charge of a city exhibit. What do you show?
* [[Futuristic infrastructure plans->Q7]] (set: $planner to it + 1)(set: $logic to it + 1)
* [[Portraits of everyday people->Q7]] (set: $empathy to it + 1)(set: $creativity to it + 1)
* [[A robotic web-climber you designed->Q7]] (set: $science to it + 1)(set: $secretIdentity to it + 1)
* [[A mural made of recycled tools->Q7]] (set: $fixer to it + 1)(set: $creativity to it + 1)
- Q7
Choose your motto:
* (set: $creativity to it + 1)(set: $planner to it + 1)[[“Build what you imagine.”->Result]]
* (set: $empathy to it + 1)[[“Care for those around you.”->Result]]
* (set: $logic to it + 1)[[“There’s always a solution.”->Result]]
* (set: $secretIdentity to it + 1)[[“No one needs to know who I am.”->Result]]
''SocialWorker''
“You work at the heart of the city’s human fabric. From families in crisis to marginalized communities, you offer hope and solutions.”
Role in game: Make decisions that impact social stability, mental health, and civic trust.
<img src="https://considerable-salmon-klun7zexn8.edgeone.app/绘制职业画像%20(1).png">- Result
<!-- Hidden Professions: Require rare combinations -->
(if: $secretIdentity >= 5 and $science >= 3 and $adventure >= 3)[
You are... **Spider-Man**!
[[Your Story->SpiderStory]]
]
(else-if: $secretIdentity >= 4 and $logic >= 3 and $adventure >= 3)[
You are... **Batman**!
[[Your Story->BatmanStory]]
]
(else-if: $fixer >= 4 and $adventure >= 3 and $secretIdentity >= 3)[
You are... **Mario**!
[[Your Story->MarioStory]]
]
<!-- Normal Professions -->
(else-if: $planner >= 3 and $creativity >= 2 and $logic >= 2)[
You are... **Architect**!
[[Your Story->ArchitectStory]]
]
(else-if: $planner >= 3 and $empathy >= 2 and $logic <= 2)[
You are... **Urban Planner**!
[[Your Story->UrbanPlannerStory]]
]
(else-if: $empathy >= 3 and $science >= 2)[
You are... **Doctor**!
[[Your Story->DoctorStory]]
]
(else-if: $empathy >= 3 and $creativity >= 2 and $planner <= 2)[
You are... **Social Worker**!
[[Your Story->SocialWorkerStory]]
]
(else-if: $science >= 3 and $logic >= 3 and $secretIdentity <= 3)[
You are... **Engineer**!
[[Your Story->EngineerStory]]
]
(else-if: $creativity >= 3 and $planner <= 2 and $logic <= 2)[
You are... **Artist**!
[[Your Story->ArtistStory]]
]
<!-- Default -->
(else:)[
You are a curious mix of many traits — a truly unique city dweller.
[[Try Again->Start]]
]
''Architect''
“As an Architect, you design spaces where people live, work, and connect. Your choices shape the city's future skyline and its soul.”
Role in game: You influence how different districts evolve—choose between green spaces, high-density towers, or mixed-use neighborhoods.
<img src="https://cheerful-crimson-bdisfjzure.edgeone.app/c97fdbb7be649f4f0103e84cae89ffa.jpg">''Urban Planner''
“You see the bigger picture. As an Urban Planner, you coordinate land use, transport, and social policies to create a balanced, inclusive city.”
Role in game: Solve dilemmas involving mobility, housing justice, and climate resilience with strategic plans.
<img src="https://intermediate-violet-41du8lpmxl.edgeone.app/9bc6b63ec1808aaa9c908bd92ad0680.jpg">''Doctor''
“The health of the city starts with its people. As a Doctor, you navigate emergencies, ethics, and epidemics with skill and compassion.”
Role in game: Tackle medical crises, public health reforms, and bioethical dilemmas.
<img src="https://colossal-coffee-jqhx9kasdz.edgeone.app/e8f25c0ac5d3e192c1a6fe3c75c836e.jpg">''Engineer''
“From bridges to broadband, Engineers keep the city running. You build the infrastructure for a better tomorrow.”
Role in game: Solve energy, water, and transport issues through innovation and practicality.
<img src="https://creative-orange-h98z7noav7.edgeone.app/4ae15ecb0f56e4bfbf48a497f452ed3.jpg">''Artist''
“You are the city’s soul. As an Artist, your creativity inspires joy, provokes thought, and brings people together.”
Role in game: Create public art, host cultural interventions, and challenge political narratives.
<img src="https://excess-ivory-rejtkckdqr.edgeone.app/94d74a652d5601f9327d16e4fc394f7.jpg">''Spider-man''🕷
“Balancing science and storytelling, you unveil hidden truths. As Spider-Man, you capture the city’s spirit and defend it with smart tech.”
Role in game: Use inventions and photojournalism to expose injustice and protect communities.
<img src="https://hissing-teal-ejtxo9toaz.edgeone.app/37c561ceb8bbe3ba0ec3f9032e09a84.jpg">''Batman''
“You’re a shadowy figure balancing intellect and business. As Batman, you solve deep-rooted urban crimes while funding cutting-edge civic tech.”
Role in game: Investigate hidden corruption while launching innovations that reshape the city.
<img src="https://rising-amaranth-h0yccavzjb.edgeone.app/cd540063a5610ea523023dc5a2054d2.jpg">''Mario''
“From clogged pipes to collapsing tunnels, Mario fixes what others ignore. A true underdog hero of urban resilience.”
Role in game: Dive into underground emergencies and restore critical utilities during disasters.
<img src="https://classic-black-mh0r1wbrlw.edgeone.app/15beb283ee30f87e23b745f2c99c6bd.jpg">