2014-11-11 2 views
2

Я надеялся, что кто-то поможет мне понять, что мне нужно, чтобы начать это. Я делаю безумную игру libs, где, как только вы выберете ответ, вы перейдете к следующей части истории с новыми ответами на основе ответа, который вы дали в предыдущем разделе.Madlibs jquery story game

Полный абзац обновляется после каждого ответа Когда-то был ______, который мечтал о идеальном велосипеде для езды ______. Она представляла ______, с теплым солнцем, отражающимся на спицах велосипеда, когда она пела. Она была ______, и знала, что поездка идеально соответствует ее размеру и стилю, потому что ______. Теперь все, что ей нужно, было ______, и здесь мечта была бы полной.

Вот что у меня есть. Проблема, с которой я сталкиваюсь, заключается в том, как структурировать мои данные. Должен ли я перебирать все вопросы и сопоставлять значения на основе того, что вы выбираете. Должен ли я иметь 4 гендерных объекта с каждым конкретным вопросом для этого пола внутри него? Как я должен обновлять ответы на каждом шаге.

http://jsfiddle.net/visualbam/gnwgzhye/1/

There once was a _____ 

A. Little boy 
B. Little girl 
C. Woman 
D. Man 

Затем, если вы ответили женщину, следующая часть будет:

who was dreaming of the perfect bike to ride 

A. to her daily job 
B. on the beach 
C. on trails 
+1

Приложить усилия. Вернитесь, когда вы попадете в ловушку. Документы jQuery являются удивительными и должны дать вам несколько хороших идей. – isherwood

+1

Я обновил свою скрипку и более конкретный вопрос. – visualbam

ответ

3

Это лучше, если у вас есть конкретный вопрос, с вещами, которые вы уже пробовали первый, но вот общий план одного из способов достижения этого.

  1. Создание различных массивов для различных типов ответов, которые вы будете нуждаться (то есть. Массив для существительных, один для прилагательных, и т.д.)

    var nouns = ["car", "bus", "pizza"];

  2. решить, как выбрать то, что параметры для предоставления пользователю. Вы можете выбрать произвольное подмножество в каждой точке, вы можете вручную указать, какие опции выбрать, вы можете создать граф зависимостей, чтобы разные более ранние ответы приводили к различным более поздним ответам и т. Д.

  3. Есть ли способ выбрать вариант в каждой точке. Это может быть окно выбора HTML или какой-либо другой метод по вашему выбору. Когда выбран вариант, вставьте его в абзац в правильной точке.

И это должно быть в основном.

+0

Я закончил использование рулей, чтобы загрузить ответы, которые мне нужны с помощью ajax, и сохранить ответ, нажатый в переменной, и добавить его в div истории, чтобы он обновлялся по мере прокрутки. http://jsfiddle.net/visualbam/gnwgzhye/3/ – visualbam