Help creating Jeopardy game. Can I open scene in a popup in front of another scene?

gamedev

#1

Hi. I would normally just figure this out on my own through trial and error, but I’m trying to get this completed by tomorrow night.

I am creating a Jeopardy style game where I can help my class review for their final assessment. I will be doing all the clicking and such, but I want to make it idiot proof so some of my fellow instructors can use it for their class.

When a ‘contestant’ chooses a category a dollar value, I want to be able to click the dollar value and have the “answer” (remember answers in Jeopardy show first, the contestant guesses the question) pop-up (not sure if I can have a chosen scene popup in front of another scene, i would like this best because I can have each answer/question be its own scene) in front of the game board. Then after they guess the question, return to the game board and have the chosen box be a blank (i.e. I don’t want to see the $100 underneath the category). I know I could do this in Powerpoint with a zillion slides, but that would be very time consuming and massive.

So, what would be the best way for me to tackle this? Javascript (I am not great with javascript, I always used HTML back in my day)? Or is there other hype tools I can use?

I have attached a picture of my game board.


(Greg) #2

You could use timelines to set background color of the boxes and use pictures for the dollar amounts. Here’s a demo…
jep.hype.zip (17.5 KB)


#3

I’m not sure how that helps me. I’ve already got the whole board designed, I’m just not sure the best way to show the questions/answers. All my dollar amounts are buttons. Here is a sample.

jeopardy.zip (187.1 KB)


#4

Could I make my buttons persistent symbols? If I have the buttons link to the scenes with my questions, then my question scenes link back to my game board, can I have my buttons disappear after they have been clicked?


#5

I just read that symbols are only in the pro edition. Bummer. Any other ideas?


(Hans-Gerd Claßen) #6

Hi,

it’s quite easy to achieve with a few lines of code and you’ll be able to handle this on your own.
demofile: jeopardy_version.hype.zip (76.7 KB) (just added content for the first two buttons …)

Steps to do:

  1. give a unique ID to every button using the inspector panel. add behaviour to it that runs the javascript ‘getID’

  2. fill the js in the head with the ids, answers and questions


#7

I may be mis-communicating my goal here.

My Goal:

  1. Click dollar amount under a category to open answer/question scene of assigned category/value.
  2. From the answer/question scene, I want to have a button to return to the game board.
  3. I want all values from categories that I have already opened to no longer be visible on the game board.
  4. I am planning on opening this self-contained game in a share pod in Adobe Connect.

(Hans-Gerd Claßen) #8

add a close-button to the answer/question-scene which leads to the playgroundscene.
add a display none js-line to the getId-script that targets the current id.

btw there’s no need for a extra scene which displays the answers. simplay doisplay it in thegamescene on a timeline


#9

My only concern by doing it on the timeline, is doesn’t the timeline force me to do everything in a certain order? I want to be able to pick at random any value from any category.

From another post I got the idea to use the following javascript function
hypeDocument.getElementById(‘PS200’).style.display = ‘none’;

This allows me to do what I want, except it isn’t persistent. So, if I click the $100 in column one, the answer/question pops up, I click to return, and the $100 is invisible. But, when I click the $200 in column one, when I return to the board, only the $200 is invisible. How can I make the javascript function persistant? Is my only option to upgrade to Pro and use a symbol? Would that even work?

Here is a sample of my game board that removes the value you click on.
jeopardy.zip (199.1 KB)


(Hans-Gerd Claßen) #10

every sceneload will start from zero (except of persistant symbols), but if you act within just one scene (timelines as mentioned) changes will be consistent


#11

Correct me if I’m wrong, but if I use timelines, I would need a rediculous amount of timelines to do do what I want. I would need a timeline for every possible random choice.


(Hans-Gerd Claßen) #12

see the example i posted. it fills the answers and questions with a javascript when a button is clicked. so you would only need one timeline


#13

I think I see where you are going with this. So, the below script is loaded into the header.

	<script>
var clickedId = null;
var jeopardy = 
{
"p$100" : {"answer" : "IS THIS WHERE I TYPE THE TEXT I WANT SEEN?", "question" : "WILL THIS TEXT BE SEEN?"},
"p$200" : {"answer" : "WILL THIS TEXT BE SEEN?", "question" : "WILL THIS TEXT BE SEEN?"}
//and so on ...
};
</script>

And this function

clickedId = element.id;
hypeDocument.showNextScene(hypeDocument.kSceneTransitionCrossfade, 1.1)

So, does the get(id) function load the element.id as the clickedId? Is this then suppose to choose the correct line in the header based on element.id? All it seems to do for me is load the next scene. For what you suggested in the header, it looks as I could put my questions in the header. But, it doesn’t seem to work that way.


(Mark Hunte) #14

This uses @h_classen idea with the questions in the head.

But there is only one scene.

It uses time lines to flip the display to show the answer-question area.

The back button reverses the time line starting from a certain point.

I have combined the functions so there is only one. This function will also hide the already clicked button.

jeopardy_version2.hype.zip (21.0 KB)

The first two $100 questions are setup to work in the example


(Greg) #15

You would have to give all of the buttons an “id”, then you could assign a javascript to kill the button…

hypeDocument.getElementById('button1').outerHTML = ''

Here’s a sample done for the first $100 button
jeopardy.hype.zip (187.8 KB)

EDIT: I like Han’s & Mark’s solution better


(Greg) #16

Here’s another approach. It uses two text boxes per Q/A. The front box has the Dollar amount and the Answer. The back box has the Question in it…

jep-test1hype.hype.zip (21.4 KB)