Have you ever wanted to make one of those trendy, viral personality quiz like the Taiwan Expo Personality Quiz? Well now you can!
This is a generator that will create a working website for this. All you have to do is the fun part - the art!
- Run:
python3 generate.py --example - Open with browser:
index.html
The way the algorithm works is that each questions is related to one area of the MBTI test (E or I, N or S, T or F, P or J). Each question rewards a point to the corresponding personality. For example:
{
"question": "Q1/12: You're taking the bus on your way back home. It's been a loooong day, what are you thinking about?",
"image": "assets/questions/gifs/Q1.gif",
"answers": {
"F": {
"text": "I'm just so tired and can't wait to go home. Why does everyday feel the same...",
},
"T": {
"text": "Should I rest or work first when I get home? Most importantly, what's for dinner?",
}
}
},
You can do this my opening ui/question_generator.html in a web browser. You can also do this manually by editing assets/questions.js. UI for this coming soon!
The required art assets to be made are:
assets/main.gif: asset on the main page. This should have the dimensions of around 2500px x 2500px.
assets/questions/question_{question_number}.gif: asset each of question pages (1 through 16). These should have the dimensions of around 2500px x 2500px.
assets/results/{personality_type}.gif: assert for each of the resulting personality types. This should have the dimensions of around 1500px x 2000px.
Note that these dimensions are not strict and can be flexible!
Run: python3 generate.py
Open with browser: index.html
It should work locally now! See next steps to get this actually online.
Just follow: https://pages.github.com/ !