Adam & Eve

<img src='./img/2-1.jpg' width='100%'> <% theContext.setBackgroundMelody(theContext.reflexion); %> <% theText = "While travelling towards the planet, an asteroid is just ahead the vessel.You can : vaporise the Asteroid or take time and evaluate what to do."; %> <% theContext.speak(theText, theContext.narrator, ''); %> While travelling towards the planet, an asteroid is just ahead the vessel. You can : - [[vaporise the Asteroid->VAPORISE THE ASTEROID]] - [[take time and evaluate what to do->EVALUATE WHAT TO DO]]

<img src='./img/2-2.jpg' width='100%' onclick="window.story.show('2-2-1');"> <picture: interior of the Spaceship – the two visitors read screens or other devices, maybe handheld ones> <visitor class="visitor1"> <% theText = "What is the actual situation? What is the trajectory of the asteroid? Are we in danger? Is the Planet in danger?"; %> <% theContext.speak(theText, theContext.visitor1, '2-2-1'); %> <%= theText %> </visitor> [[Next->2-2-1]]

<img src='./img/2-1-1.jpg' width='100%' onclick="window.story.show('2-1-4');"> <% theContext.setBackgroundMelody(theContext.failTheme); %> <% theText = "The asteroid blasts in pieces which partially fall on the planet and risks also to hit the spaceship putting the life of the visitors in danger."; %> <% theContext.speak(theText, theContext.narrator, '2-1-4'); %> <%= theText %> <% theText = "Visitors’ mission failed at risk of their lives too."; %> <% theContext.speak(theText, theContext.narrator, '2-1-4'); %> <%= theText %> [[Next->2-1-4]]

<img src='./img/1-3.jpg' width='100%' onclick="window.story.show('1-5');"> <picture: interior of the Spaceship – the two visitors read screens or other devices, maybe handheld ones). PLEASE NOTE: the visitors look like terrestrial FLAMINGO Birds, ...but they do not know yet> <% theText = "The two space travellers, were almost in view of one of the last destinations of their exploratory mission."; %> <% theContext.speak(theText, theContext.narrator, '1-5'); %> <%= theText %> [[Next->1-5]]

<img src='./img/1-3.jpg' width='100%' onclick="window.story.show('1-6');"> <% theText = "A small planet that the Spaceship’s sensors indicated as rich of iron (32.1%), oxygen (30.1%), silicon (15.1%), magnesium (13.9%), sulphur (2.9%), nickel (1.8%), calcium (1.5%), and aluminium (1.4%), plus traces of other elements (1.2%)."; theContext.speak(theText, theContext.narrator, '1-6'); %> <%= theText %> <% theText = "Curiously, this planet is enveloped in an external atmosphere composed of 78% nitrogen and 21% oxygen, with trace amounts of gas combinations of oxygen with hydrogen and with carbon, and presents also massive liquid extensions on the surface again composed of hydrogen and oxygen."; theContext.speak(theText, theContext.narrator, '1-6'); %> <%= theText %> <% theText = "This means that somehow the living conditions on the planet could be compatible with what the space travellers are used to at their home, far ...way far from here... 10 billion light-years away..."; theContext.speak(theText, theContext.narrator, '1-6'); %> <%= theText %> <% theText = "Well, if instead of hydrogen there was helium, it would have been better for them, as they would have been able to land and explore there without any kind of survival support, which have always lasting headaches if not worse secondary effects..."; theContext.speak(theText, theContext.narrator, '1-6'); %> <%= theText %> [[Next->1-6]]

<img src='./img/1-3.jpg' width='100%' onclick="window.story.show('THE ASTEROID');"> <% theText = "But what is most remarkable at all, it is the fact that, differently from the last 20 planets they visited in their last space-jump and that were absolutely deserted, or in the best case, presented only primordial life forms which would have required at least 5 space-jumps before evolving in something more interesting, apparently, on this planet there was already a considerable amount of carbon-based life forms and somehow already evolved as the sensors detected lot of movements on the surface."; theContext.speak(theText, theContext.narrator, 'THE ASTEROID'); %> <%= theText %> <% theText = "This is finally a great opportunity for them to make sense to their mission: to explore the known Universe, to stretch the boundaries of the known Universe, to discover the Unknown... such as new life forms and possibly to get in touch with the most evolved ones... "; theContext.speak(theText, theContext.narrator, 'THE ASTEROID'); %> <%= theText %> [[Next->THE ASTEROID]]

<img src='./img/2-1-1.jpg' width='100%' onclick="window.story.show('1-3');"> <picture1: Asteroid blasts> </picture1> [[Next->2-1-2]]

<img src='./img/2-1-2.jpg' width='100%' onclick="window.story.show('1-3');"> <picture2: pieces of the Asteroid falling on the planet Earth> </picture1> [[Next->2-1-3]]

<img src='./img/2-1-3.jpg' width='100%' onclick="window.story.show('2-1-5');"> <visitor class="visitor1"> <% theText = "What have you done? The Planet explodes! We fail our mission! Take us away from here!"; %> <% theContext.speak(theText, theContext.visitor1, '2-1-5'); %> <%= theText %> </visitor> [[Next->2-1-5]]

<img src='./img/2-1-3.jpg' width='100%' onclick="window.story.show('2-1-6');"> <visitor class="visitor2"> <% theText = "Too late! We are lost!"; %> <% theContext.speak(theText, theContext.visitor2, '2-1-6'); %> <%= theText %> </visitor> [[Next->2-1-6]]

<% theContext.setBackgroundMelody(theContext.go); %> GAME OVER [[Restart->CONTEXT]]

<img src='./img/2-2.jpg' width='100%' onclick="window.story.show('OBSERVATIONS OF THE ANIMALS’ BEHAVIOUR');"> <visitor class="visitor2"> <% theText = "The Asteroid’s trajectory is not affecting us nor the Planet. We can either change our trajectory, or just wait a couple of cycles more and let it go. Moreover, it looks that this asteroid has got quite an unstable nucleus... and if we hit it I’m not sure what could be the exact consequences... better not to interfere with it... let it go."; %> <% theContext.speak(theText, theContext.visitor2, 'OBSERVATIONS OF THE ANIMALS’ BEHAVIOUR'); %> <%= theText %> </visitor> [[Next->OBSERVATIONS OF THE ANIMALS’ BEHAVIOUR]]

<img src='./img/3.jpg' width='100%' onclick="window.story.show('3-1');"> <% theContext.setBackgroundMelody(theContext.flightTheme); %> <visitor class="visitor1"> <% theText = "The observation of the animals in the savannah begins."; %> <% theContext.speak(theText, theContext.visitor1, '3-1'); %> <%= theText %> </visitor> [[Next->3-1]]

<img src='./img/3.jpg' width='100%' onclick="window.story.show('3-2');"> <picture 1: high overview of the savannah with two herds of the same species (example: rhinos) that are pursued by two groups of predators (example: sabre-toothed tigers, lionesses) > <% theText = "High overview of the savannah with two herds of the same species (example: rhinos) that are pursued by two groups of predators (example: sabre-toothed tigers, lionesses)."; %> <% theContext.speak(theText, theContext.narrator, '3-2'); %> <%= theText %> [[Next->3-2]]

<img src='./img/3.jpg' width='100%' onclick="window.story.show('3-3');"> <picture 2: focus on the first herd: feeble members of the herd (example: limping ones) are left behind> <% theText = "Focus on the first herd: feeble members of the herd (example: limping ones) are left behind."; %> <% theContext.speak(theText, theContext.narrator, '3-3'); %> <%= theText %> [[Next->3-3]]

<img src='./img/3.jpg' width='100%' onclick="window.story.show('3-4');"> <picture 3: focus on the first herd: feeble members of the herd (example: limping ones) are reached by the predators – proposed point of view is the one of the other ones safe in the bush / forest looking back at their unfortunate peers> <% theText = "Focus on the first herd: feeble members of the herd (example: limping ones) are reached by the predators – proposed point of view is the one of the other ones safe in the bush / forest looking back at their unfortunate peers"; %> <% theContext.speak(theText, theContext.narrator, '3-4'); %> <%= theText %> [[Next->3-4]]

<img src='./img/3.jpg' width='100%' onclick="window.story.show('3-5');"> <picture 4: the visitors observe and take notes> <% theText = "The visitors observe and take notes."; %> <% theContext.speak(theText, theContext.narrator, '3-5'); %> <%= theText %> [[Next->3-5]]

<img src='./img/3.jpg' width='100%' onclick="window.story.show('3-6');"> <picture 5: focus on the second herd: feeble members are kept safe in the middle of the herd> <% theText = "Focus on the second herd: feeble members are kept safe in the middle of the herd."; %> <% theContext.speak(theText, theContext.narrator, '3-6'); %> <%= theText %> [[Next->3-6]]

<img src='./img/3.jpg' width='100%' onclick="window.story.show('3-7');"> <picture 6: focus on the second herd: the herd is slower than the first one, the predators approaching> <% theText = "Focus on the second herd: the herd is slower than the first one, the predators approaching."; %> <% theContext.speak(theText, theContext.narrator, '3-7'); %> <%= theText %> [[Next->3-7]]

<img src='./img/3.jpg' width='100%' onclick="window.story.show('3-8');"> <picture 7: focus on the second herd: the herd is safe in the bush / forest – proposed point of view is the one of the herd safe in the bush / forest looking back at predators> <% theText = "Focus on the second herd: the herd is safe in the bush or forest – proposed point of view is the one of the herd safe in the bush or forest looking back at predators."; %> <% theContext.speak(theText, theContext.narrator, '3-8'); %> <%= theText %> [[Next->3-8]]

<img src='./img/3.jpg' width='100%' onclick="window.story.show('OBSERVATIONS OF THE HUMAN BEINGS (ADAM & EVE)');"> <picture 4: the visitors observe and take notes> <% theText = "The visitors observe and take more notes."; %> <% theContext.speak(theText, theContext.narrator, 'OBSERVATIONS OF THE HUMAN BEINGS (ADAM & EVE)'); %> <%= theText %> [[Next->OBSERVATIONS OF THE HUMAN BEINGS (ADAM & EVE)]]

<img src='./img/4.jpg' width='100%'> <% theContext.setBackgroundMelody(theContext.reflexion); %> <% theContext.goByNight = false; theContext.goByDay = false; %> <% theText = "Time to land and visit the planet. When do you want to explore? By night or in the daylight?"; %> <% theContext.speak(theText, theContext.narrator, ''); %> Time to land and visit the planet. When do you want to explore? By night or in the daylight? You can : - [[go by night->THE FIRE STARTERS]] - [[go in the daylight->HUNTING !]]

<img src='./img/4-1.jpg' width='100%' onclick="window.story.show('4-1-1');"> <% theContext.setBackgroundMelody(theContext.humanTheme); %> <% theContext.goByNight = true; %> <visitor class="visitor1"> <% theText = "Have you seen this? Are they trying to ignite a fire?"; %> <% theContext.speak(theText, theContext.visitor1, '4-1-1'); %> <%= theText %> </visitor> [[Next->4-1-1]]

<img src='./img/4-1-1.jpg' width='100%' onclick="window.story.show('4-1-2');"> <visitor class="visitor2"> <% theText = "They are not very good at it and they failed!"; %> <% theContext.speak(theText, theContext.visitor2, '4-1-2'); %> <%= theText %> </visitor> [[Next->4-1-2]]

<img src='./img/4-1-1.jpg' width='100%' onclick="window.story.show('4-1-3');"> <visitor class="visitor1"> <% theText = "Indeed... they have used the wrong piece of stone. However, it is a nice start... this species is not looking good at all, but... well, we have certainly worse! I think that they will manage to understand that, maybe by chance, with the proper tool they will start the fire eventually..."; %> <% theContext.speak(theText, theContext.visitor1, '4-1-3'); %> <%= theText %> </visitor> [[Next->4-1-3]]

<% getNextPassage = function () { if (!theContext.goByDay) { return '4-3'; } else { return 'HUNTING !'; } } %> <img src='./img/4-1-1.jpg' width='100%' onclick="window.story.show('<%= getNextPassage() %>');"> <visitor class="visitor2"> <% theText = "Maybe... But they have no feathers... How can they make it?"; %> <% theContext.speak(theText, theContext.visitor2, getNextPassage()); %> <%= theText %> </visitor> [[Next-><%= getNextPassage() %>]]

<img src='./img/4-2-1.jpg' width='100%' onclick="window.story.show('4-2-2');"> <% theContext.setBackgroundMelody(theContext.humanTheme); %> <% theContext.goByDay = true; %> <visitor class="visitor1"> <% theText = "Why trying to hit the other animal? I do not understand... it doesn’t make sense... I thought they had glimpses of rationality... they are using sort of tools... or at least, the things that they had in their upper extremities look to be sort of instruments, but for what use? To hit other animals? Why?"; %> <% theContext.speak(theText, theContext.visitor1, '4-2-2'); %> <%= theText %> </visitor> [[Next->4-2-2]]

<img src='./img/4-2-2.jpg' width='100%' onclick="window.story.show('4-2-3');"> <visitor class="visitor2"> <% theText = "...to kill?"; %> <% theContext.speak(theText, theContext.visitor2, '4-2-3'); %> <%= theText %> </visitor> [[Next->4-2-3]]

<img src='./img/4-2-2.jpg' width='100%' onclick="window.story.show('4-2-4');"> <visitor class="visitor1"> <% theText = "To kill??? But why?"; %> <% theContext.speak(theText, theContext.visitor1, '4-2-4'); %> <%= theText %> </visitor> [[Next->4-2-4]]

<img src='./img/4-2-2.jpg' width='100%' onclick="window.story.show('4-2-5');"> <visitor class="visitor2"> <% theText = "Maybe to feed themselves with the flesh of the other animal... The other Explorers unit reported of a behaviour like that few space-jumps ahead of our place..."; %> <% theContext.speak(theText, theContext.visitor2, '4-2-5'); %> <%= theText %> </visitor> [[Next->4-2-5]]

<% getNextPassage = function () { if (!theContext.goByNight) { return '4-3'; } else { return 'THE FIRE STARTERS'; } } %> <img src='./img/4-2-2.jpg' width='100%' onclick="window.story.show('<%= getNextPassage() %>');"> <visitor class="visitor1"> <% theText = "...true..."; %> <% theContext.speak(theText, theContext.visitor1, getNextPassage()); %> <%= theText %> </visitor> [[Next-><%= getNextPassage() %>]]

<img src='./img/4-3.jpg' width='100%' onclick="window.story.show('4-3-1');"> <% theContext.setBackgroundMelody(theContext.humanTheme); %> <visitor class="visitor1"> <% theText = "Oh my god! I cannot believe it. Do you see what I see? And What a disgusting smell... !"; %> <% theContext.speak(theText, theContext.visitor1, '4-3-1'); %> <%= theText %> </visitor> [[Next->4-3-1]]

<img src='./img/4-3.jpg' width='100%' onclick="window.story.show('4-3-2');"> <visitor class="visitor2"> <% theText = "Indeed..."; %> <% theContext.speak(theText, theContext.visitor2, '4-3-2'); %> <%= theText %> </visitor> [[Next->4-3-2]]

<img src='./img/4-3.jpg' width='100%' onclick="window.story.show('4-3-3');"> <visitor class="visitor1"> <% theText = "You were right... they are wild beasts... they eat other animals... simply disgusting..."; %> <% theContext.speak(theText, theContext.visitor1, '4-3-3'); %> <%= theText %> </visitor> [[Next->4-3-3]]

<img src='./img/4-3.jpg' width='100%' onclick="window.story.show('THE GREAT DILEMMA !');"> <visitor class="visitor2"> <% theText = "I told you..."; %> <% theContext.speak(theText, theContext.visitor2, 'THE GREAT DILEMMA !'); %> <%= theText %> </visitor> [[Next->THE GREAT DILEMMA !]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-4');"> <% theContext.setBackgroundMelody(theContext.spaceTheme); %> <Image Adam and Eve pursue a giant flamingo which runs skipping the spears and pebbles thrown by the couple of human beings.> <visitor class="visitor2"> <% theText = "Have you seen this?"; %> <% theContext.speak(theText, theContext.visitor2, '5-4'); %> <%= theText %> </visitor> [[Next->5-4]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-2');"> <visitor class="visitor1"> <% theText = "Yes... zoom on it!"; %> <% theContext.speak(theText, theContext.visitor1, '5-2'); %> <%= theText %> </visitor> [[Next->5-2]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-3');"> <visitor class="visitor2"> <% theText = "Is it of our species?"; %> <% theContext.speak(theText, theContext.visitor2, '5-3'); %> <%= theText %> </visitor> [[Next->5-3]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-4');"> <visitor class="visitor1"> <% theText = "Cannot say..."; %> <% theContext.speak(theText, theContext.visitor1, '5-4'); %> <%= theText %> </visitor> [[Next->5-4]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-5');"> <visitor class="visitor2"> <% theText = "Is it of our species? Tell me!"; %> <% theContext.speak(theText, theContext.visitor2, '5-5'); %> <%= theText %> </visitor> [[Next->5-5]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-6');"> <visitor class="visitor1"> <% theText = "Unlikely... We are far... er, we are 10 billion light-years away from home... 10 billion light-years away... How would it be possible..."; %> <% theContext.speak(theText, theContext.visitor1, '5-6'); %> <%= theText %> </visitor> [[Next->5-6]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-7');"> <visitor class="visitor2"> <% theText = "...an ancestor?A next of kin? It cannot be a space oddity..."; %> <% theContext.speak(theText, theContext.visitor2, '5-7'); %> <%= theText %> </visitor> [[Next->5-7]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-8');"> <visitor class="visitor1"> <% theText = "Unlikely... Well, who knows then... Why not... How many flamingos have we seen on this planet?"; %> <% theContext.speak(theText, theContext.visitor1, '5-8'); %> <%= theText %> </visitor> [[Next->5-8]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-9');"> <visitor class="visitor2"> <% theText = "None. None so far... It could be my cousin... only a bit bigger..."; %> <% theContext.speak(theText, theContext.visitor2, '5-9'); %> <%= theText %> </visitor> [[Next->5-9]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-10');"> <visitor class="visitor1"> <% theText = "Don’t be silly... Other forms of birds? I mean, not only of our kin... ...any croakers?"; %> <% theContext.speak(theText, theContext.visitor1, '5-10'); %> <%= theText %> </visitor> [[Next->5-10]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-11');"> <visitor class="visitor2"> <% theText = "Yes, many birds... But they all fly... They are still at a very early evolutionary stage... Very very primitive... This is the only flamingo outside of our solar system ever seen in more than 500 space-jumps!!! Does it have mates? I mean, on this planet..."; %> <% theContext.speak(theText, theContext.visitor2, '5-11'); %> <%= theText %> </visitor> [[Next->5-11]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-12');"> <visitor class="visitor1"> <% theText = "It is trapped!!!"; %> <% theContext.speak(theText, theContext.visitor1, '5-12'); %> <%= theText %> </visitor> [[Next->5-12]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-13');"> <visitor class="visitor2"> <% theText = "Hold on! Hold on! Don’t shoot!"; %> <% theContext.speak(theText, theContext.visitor2, '5-13'); %> <%= theText %> </visitor> [[Next->5-13]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-14');"> <visitor class="visitor1"> <% theText = "Why? It is trapped! You see? It cannot fly! It is of our kind!"; %> <% theContext.speak(theText, theContext.visitor1, '5-14'); %> <%= theText %> </visitor> [[Next->5-14]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-15');"> <visitor class="visitor2"> <% theText = "Don’t move!"; %> <% theContext.speak(theText, theContext.visitor2, '5-15'); %> <%= theText %> </visitor> [[Next->5-15]]

<img src='./img/2-1-3.jpg' width='100%' onclick="window.story.show('1-3');"> <picture3: planet Earth explodes> [[Next->2-1-4]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-16');"> <visitor class="visitor1"> <% theText = "I shoot..."; %> <% theContext.speak(theText, theContext.visitor1, '5-16'); %> <%= theText %> </visitor> [[Next->5-16]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-17');"> <visitor class="visitor2"> <% theText = "Stop! Let’s think..."; %> <% theContext.speak(theText, theContext.visitor2, '5-17'); %> <%= theText %> </visitor> [[Next->5-17]]

<img src='./img/5.jpg' width='100%' onclick="window.story.show('5-18');"> <visitor class="visitor1"> <% theText = "The situation is clear! There’s no time! What do you want to think!"; %> <% theContext.speak(theText, theContext.visitor1, '5-18'); %> <%= theText %> </visitor> [[Next->5-18]]

<img src='./img/5-21.jpg' width='100%'> <% theContext.setBackgroundMelody(theContext.reflexion); %> <picture 4: the visitors are in their vessel and are undecided on what to do. One of them is in control of the Vaporiser gun...> <% theText = "You can : Vaporise the human beings and save the giant flamingo or Let things go... do not interfere in the evolutionary path of the Planet... or Look for alternative solutions"; %> <% theContext.speak(theText, theContext.narrator, ''); %> You can : - [[Vaporise the human beings and save the giant flamingo->VAPORIZE]] - [[Let things go... do not interfere in the evolutionary path of the Planet...->LET IT GO]] - [[Look for alternative solutions->LOOK ALTERNATIVE SOLUTIONS]]

<img src='./img/F1.jpg' width='100%' onclick="window.story.show('F1-3');"> <% theContext.setBackgroundMelody(theContext.failTheme); %> <picture 1: a big blast destroys Adam and Eve> [[Next->F1-3]]

<img src='./img/F2.jpg' width='100%' onclick="window.story.show('F2-2');"> <picture 4: the visitors are in their vessel and are undecided on what to do. One of them is in control of the Vaporiser gun...> <visitor class="visitor1"> <% theText = "Let’s think a moment! What if..."; %> <% theContext.speak(theText, theContext.visitor1, 'F2-2'); %> <%= theText %> </visitor> [[Next->F2-2]]

<img src='./img/F3.jpg' width='100%' onclick="window.story.show('F3-2');"> <picture 4: the visitors are in their vessel and are undecided on what to do. One of them is in control of the Vaporiser gun...> <visitor class="visitor1"> <% theText = "What are the chances to vaporise a part of the rock and let the flamingo save itself undamaged?"; %> <% theContext.speak(theText, theContext.visitor1, 'F3-2'); %> <%= theText %> </visitor> [[Next->F3-2]]

<img src='./img/F1-2.jpg' width='100%' onclick="window.story.show('F1-3');"> <picture 2: the blast makes a rock fall on top of the flamingo killing it at once> [[Next->F1-3]]

<img src='./img/F1-3.jpg' width='100%' onclick="window.story.show('CONTEXT');"> <% theContext.setBackgroundMelody(theContext.go); %> <picture 3: GAME OVER> GAME OVER [[Restart->CONTEXT]]

<img src='./img/F2.jpg' width='100%' onclick="window.story.show('F2-3');"> <visitor class="visitor2"> <% theText = "What what?? There’s not time to reflect... We have to do something!"; %> <% theContext.speak(theText, theContext.visitor2, 'F2-3'); %> <%= theText %> </visitor> [[Next->F2-3]]

<img src='./img/F2.jpg' width='100%' onclick="window.story.show('F2-4');"> <visitor class="visitor1"> <% theText = "That’s the point! What the fucking manual say? Do not interfere with other worlds evolution... never!"; %> <% theContext.speak(theText, theContext.visitor1, 'F2-4'); %> <%= theText %> </visitor> [[Next->F2-4]]

<img src='./img/F2.jpg' width='100%' onclick="window.story.show('F2-5');"> <visitor class="visitor2"> <% theText = "...unless... unless our world is in danger, unless our species is in danger... and this is exactly the case! Let’s shoot!!!"; %> <% theContext.speak(theText, theContext.visitor2, 'F2-5'); %> <%= theText %> </visitor> [[Next->F2-5]]

<img src='./img/F2.jpg' width='100%' onclick="window.story.show('F2-6');"> <visitor class="visitor1"> <% theText = "Wait! You mislead the rules! We are 10 billion light-years away from home!!! 10 billion!!! Our world is not in danger! Our species neither!"; %> <% theContext.speak(theText, theContext.visitor1, 'F2-6'); %> <%= theText %> </visitor> [[Next->F2-6]]

<img src='./img/F2.jpg' width='100%' onclick="window.story.show('F2-7');"> <visitor class="visitor2"> <% theText = "What? Have you seen other intelligent species beyond the giant flamingo? It is our kin!"; %> <% theContext.speak(theText, theContext.visitor2, 'F2-7'); %> <%= theText %> </visitor> [[Next->F2-7]]

<img src='./img/F2.jpg' width='100%' onclick="window.story.show('F2-8');"> <visitor class="visitor1"> <% theText = "Well, I hope not! As it doesn’t look to me so intelligent after all! It could have had at least three escape options before being trapped in the dead-end and it absolutely ignored each of them!"; %> <% theContext.speak(theText, theContext.visitor1, 'F2-8'); %> <%= theText %> </visitor> [[Next->F2-8]]

<img src='./img/F2.jpg' width='100%' onclick="window.story.show('F2-9');"> <visitor class="visitor2"> <% theText = "Sure... the same old story... Tell the truth... tell that you want to preserve all the species in the Universe, even the most dangerous ones... You want to preserve these wild predators... One day they will progress... you see that they are already able to produce tools to kill? When they will be able to build vessels that could do space-jumps... they will come to our world and will kill us! And maybe roast us too!!! Eating meat... what an abominable thing to do!!!"; %> <% theContext.speak(theText, theContext.visitor2, 'F2-9'); %> <%= theText %> </visitor> [[Next->F2-9]]

<img src='./img/F2.jpg' width='100%' onclick="window.story.show('F2-10');"> <visitor class="visitor1"> <% theText = "Enough! Your argument is weak... why don’t you remember yourself that our ancestors ate meat too... this is proven... We have seen this odd species trying to produce fire... it took long time to our species to make it up... They have potential... Maybe they are still a primordial species... but definitely they seem to show a strategy... OUR flamingo failed to escape three times three! Is it an idiot or what? Please accept that it looks primitive too. Please consider that our ancestors killed the only other intelligent form of life in our world too... It is sad to say... but maybe this is the way things go in the universe... maybe one species only has to prevail on all the other ones... Maybe not... what do we know about that? But our Wise Folk that wrote the Immutable Rules of Exploring prescribed exactly not to interfere... in order not to make the same mistake once again... Please, hold on, ...please... let’s what happen." %> <% theContext.speak(theText, theContext.visitor1, 'F2-10'); %> <%= theText %> </visitor> [[Next->F2-10]]

<img src='./img/F2.jpg' width='100%' onclick="window.story.show('F2-11');"> <visitor class="visitor2"> <% theText = "Fine... the same old excuses... time has to evolve for us too? Why on hell, the Rules of Exploring are immutable?Nonsense! But let’s see the WONDERFUL strategy of these predators killing a..."; %> <% theContext.speak(theText, theContext.visitor2, 'F2-11'); %> <%= theText %> </visitor> [[Next->F2-11]]

<img src='./img/F2.jpg' width='100%' onclick="window.story.show('F2-12');"> <visitor class="visitor1"> <% theText = "...a fucking stupid idiot... believe me... not sure it would be a big loss if it disappears... What do we know then? ...and maybe, who knows, there is another flamingo on this Planet that is more skilled and ...who knows... these predators and its people might become even good neighbours... two intelligent forms of living on the same Planet... quite unprecedented... but, who are you and me to know this... please hold on... and let’s see what they are doing now..."; %> <% theContext.speak(theText, theContext.visitor1, 'F2-12'); %> <%= theText %> </visitor> [[Next->F2-12]]

<img src='./img/F2.jpg' width='100%' onclick="window.story.show('CONTEXT');"> <% theContext.setBackgroundMelody(theContext.go); %> <visitor class="visitor2"> <% theText = "...let’s see then... ...but... where the hell is it?"; %> <% theContext.speak(theText, theContext.visitor2, ''); %> <%= theText %> </visitor> [[Restart->CONTEXT]]

<img src='./img/F3.jpg' width='100%' onclick="window.story.show('F3-3');"> <visitor class="visitor2"> <% theText = "Quite risky... the rock behind is quite deep..."; %> <% theContext.speak(theText, theContext.visitor2, 'F3-3'); %> <%= theText %> </visitor> [[Next->F3-3]]

<img src='./img/F3.jpg' width='100%' onclick="window.story.show('F3-4');"> <visitor class="visitor1"> <% theText = "What about vaporising the soil between the flamingo and the wild animals?"; %> <% theContext.speak(theText, theContext.visitor1, 'F3-4'); %> <%= theText %> </visitor> [[Next->F3-4]]

<img src='./img/F3.jpg' width='100%' onclick="window.story.show('F3-5');"> <visitor class="visitor2"> <% theText = "This would not save the flamingo as it won’t be able to go anywhere... And it would be likely deadly scared..."; %> <% theContext.speak(theText, theContext.visitor2, 'F3-5'); %> <%= theText %> </visitor> [[Next->F3-5]]

<img src='./img/F3.jpg' width='100%' onclick="window.story.show('F3-6');"> <visitor class="visitor1"> <% theText = "Yes, but it would scare the predators too and would leave us the time to get closer pick it up with the sticky-ray."; %> <% theContext.speak(theText, theContext.visitor1, 'F3-6'); %> <%= theText %> </visitor> [[Next->F3-6]]

<img src='./img/F3.jpg' width='100%' onclick="window.story.show('F3-7');"> <visitor class="visitor2"> <% theText = "...didn’t the Golden-Rules foresee expressly not to make use of our technology while interacting with intelligent life forms in order not to perturb their evolutionary stage? It is much easier to kill the predators in one shot... the flamingo will believe that a lightning shot them up..."; %> <% theContext.speak(theText, theContext.visitor2, 'F3-7'); %> <%= theText %> </visitor> [[Next->F3-7]]

<img src='./img/F3.jpg' width='100%' onclick="window.story.show('F3-8');"> <visitor class="visitor1"> <% theText = "...and this you would not call it interfering with the evolution history of the Planet? I mean, killing them... I know they are ugly, repelling, they eat flesh and kill for feeding themselves... but, if they are here at this stage of evolution of this Planet, there must be a reason..."; %> <% theContext.speak(theText, theContext.visitor1, 'F3-8'); %> <%= theText %> </visitor> [[Next->F3-8]]

<img src='./img/F3.jpg' width='100%' onclick="window.story.show('EPILOGUE');"> <visitor class="visitor2"> <% theText = "OK, OK... let me create a creek between the flamingo and the predators... ...but... where the hell is it???"; %> <% theContext.speak(theText, theContext.visitor2, 'EPILOGUE'); %> <%= theText %> </visitor> [[Next->EPILOGUE]]

<img src='./img/epilogue.jpg' width='100%' onclick="window.story.show('EP-2');"> <picture 1: the giant flamingo is observing the human beings from top of the rock wall... he cannot fly, but it can jump pretty high!!!> <visitor class="visitor2"> <% theText = "WOW!!!"; %> <% theContext.speak(theText, theContext.visitor2, 'EP-2'); %> <%= theText %> </visitor> [[Next->EP-2]]

<img src='./img/epilogue.jpg' width='100%' onclick="window.story.show('EP-3');"> <visitor class="visitor2"> <% theText = "Unbelievable! How did it do it?"; %> <% theContext.speak(theText, theContext.visitor2, 'EP-3'); %> <%= theText %> </visitor> [[Next->EP-3]]

<img src='./img/epilogue.jpg' width='100%' onclick="window.story.show('EP-4');"> <visitor class="visitor1"> <% theText = "Well, it seems that our flamingo is smarter than we could imagine... Bye bye predators... Well, our mission is now complete... time to go back home! Agreed?"; %> <% theContext.speak(theText, theContext.visitor1, 'EP-4'); %> <%= theText %> </visitor> [[Next->EP-4]]

<img src='./img/epilogue.jpg' width='100%' onclick="window.story.show('EP-5');"> <visitor class="visitor2"> <% theText = "Sure! Back home..."; %> <% theContext.speak(theText, theContext.visitor2, 'EP-5'); %> <%= theText %> </visitor> [[Next->EP-5]]

<img src='./img/epilogue2.jpg' width='100%' onclick="window.story.show('CONTEXT');"> <% theContext.setBackgroundMelody(theContext.go); %> <picture 2: The Visitors’ Spaceship heads up towards deeper space... back home...> [[Restart->CONTEXT]]

<img src='./img/1.jpg' width='100%' onclick="window.story.show('1-3');"> <% theText = "Some time ago in a far, far away galaxy... the beginning of the travel."; %> <% theContext.speak(theText, theContext.narrator, '1-3'); %> <%= theText %> [[Next->1-3]]

<img src='./img/1-3.jpg' width='100%' onclick="window.story.show('1-4');"> <% theText = "The spaceship was finally approaching the third planet of a remote solar system in the Milky Way Galaxy. Certainly not one of the most relevant galaxies in the known Universe."; %> <% theContext.speak(theText, theContext.narrator, '1-4'); %> <%= theText %> [[Next->1-4]]

<% theContext = {}; theContext.narrator = "Fiona"; theContext.visitor1 = "Karen"; theContext.visitor2 = "Daniel"; theContext.currentMsg = null; theContext.voices = null; theContext.currentBackgroundMelody = null; theContext.currentDialog = null; theContext.backgroundVolume = 0.3; theContext.dialogVolume = 1; theContext.voiceSystemOK = false; theContext.currentPassage = null; theContext.speechSynthesis = null; theContext.messages = {}; theContext.spaceTheme = new Audio('./snd/ThemeSpace.mp3'); theContext.spaceTheme.loop = true; theContext.spaceTheme.volume = theContext.backgroundVolume; theContext.failTheme = new Audio('./snd/TryFail.mp3'); theContext.failTheme.loop = true; theContext.failTheme.volume = theContext.backgroundVolume; theContext.flightTheme = new Audio('./snd/Survol.mp3'); theContext.flightTheme.loop = true; theContext.flightTheme.volume = theContext.backgroundVolume; theContext.humanTheme = new Audio('./snd/HumanTheme.mp3'); theContext.humanTheme.loop = true; theContext.humanTheme.volume = theContext.backgroundVolume; theContext.meteor = new Audio('./snd/Meteor.mp3'); theContext.meteor.loop = true; theContext.meteor.volume = theContext.backgroundVolume; theContext.reflexion = new Audio('./snd/Reflexion.mp3'); theContext.reflexion.loop = true; theContext.reflexion.volume = theContext.backgroundVolume; theContext.go = new Audio('./snd/Go.mp3'); theContext.go.volume = theContext.backgroundVolume; theContext.playDialog = function(aDialogName, aNextPassage) { if (theContext.currentDialog !== null) { theContext.currentDialog.pause(); theContext.currentDialog = new Audio('./snd/' + aDialogName + '.mp3'); } if (theContext.currentDialog !== null && undefined !== theContext.currentDialog) { theContext.currentDialog.play(); } theContext.currentDialog.onended = function () { if (aNextPassage !== null && undefined !== aNextPassage) { window.story.show(aNextPassage); } }; } theContext.initVoiceSystem = function() { try { //if ('speechSynthesis' in window) { if (window.speechSynthesis !== undefined) { theContext.speechSynthesis = window.speechSynthesis; window.speechSynthesis.onvoiceschanged = function(e) { theContext.voices = window.speechSynthesis.getVoices(); theContext.voiceSystemOK = true; console.log("Your browser supports HTML SpeechSynthesis."); }; theContext.voices = window.speechSynthesis.getVoices(); theContext.voiceSystemOK = true; } else if (speechSynthesis !== undefined) { theContext.speechSynthesis = speechSynthesis; speechSynthesis.onvoiceschanged = function(e) { theContext.voices = speechSynthesis.getVoices(); theContext.voiceSystemOK = true; console.log("Your browser supports HTML SpeechSynthesis."); }; theContext.voices = speechSynthesis.getVoices(); theContext.voiceSystemOK = true; } else { console.log("Oops! Your browser does not support HTML SpeechSynthesis."); theContext.voiceSystemOK = false; } } catch (e) { console.log("Oops! Your browser does not support HTML SpeechSynthesis."); theContext.voiceSystemOK = false; } } theContext.getVoice = function(aSpeaker) { var theVoice = null; var theSpeaker = aSpeaker; if (undefined === aSpeaker) { theSpeaker = theContext.narrator; } // If a voice has been selected, find the voice and set the // utterance instance's voice attribute. if (theSpeaker !== null) { theVoice = theContext.voices.filter(function(voice) { return voice.name === theSpeaker; })[0]; } else { theVoice = theContext.voices[0]; } return theVoice; } theContext.speak = function(aText, aSpeaker, aNextPassage) { if (!theContext.voiceSystemOK) return; var theSpeaker = aSpeaker; if (undefined === aSpeaker) { theSpeaker = null; } if (aNextPassage !== null && undefined !== aNextPassage && aNextPassage !== theContext.currentPassage) { theContext.speechSynthesis.cancel(); } theContext.currentPassage = aNextPassage; // Create a new instance of SpeechSynthesisUtterance. var currentMsg = new SpeechSynthesisUtterance(); theContext.currentMsg = currentMsg; theContext.currentMsg.loop = false; // Set the text. theContext.currentMsg.text = aText; // Set the attributes. theContext.currentMsg.volume = theContext.dialogVolume; //msg.rate = parseFloat(rateInput.value); //msg.pitch = parseFloat(pitchInput.value); theContext.currentMsg.voice = theContext.getVoice(theSpeaker); theContext.currentMsg.lang = 'en-US'; theContext.messages[theContext.currentMsg.text] = aNextPassage; theContext.currentMsg.onend = function(event) { if (event.utterance !== undefined) { theNextPassage = theContext.messages[event.utterance.text]; if (theNextPassage !== null && undefined !== theNextPassage && theNextPassage !== '') { window.story.show(theNextPassage); } } }; // Queue this utterance. theContext.speechSynthesis.speak(theContext.currentMsg); } theContext.setBackgroundMelody = function(aBackroundMelody) { if (theContext.voiceSystemOK) theContext.speechSynthesis.cancel(); if (theContext.currentBackgroundMelody !== null) { theContext.currentBackgroundMelody.pause(); } theContext.currentBackgroundMelody = aBackroundMelody; theContext.currentBackgroundMelody.play(); } theContext.initVoiceSystem(); theContext.setBackgroundMelody(theContext.spaceTheme); theContext.speak('', theContext.narrator, ''); %> <img src='./img/cover.jpg' width='100%' onclick="window.story.show('1-1');"> Adam & Eve : the Flamengo and its alien’s cousin. A galactic tell about diversity. An interactive story for exploring diversity from a galactic perspective. By n0diff3rence! (Angelo Marco LUCCINI (Game Design, Scenario), Julien LAGUERRE (Soundtrack), Emmanuel MILLON (Game Development), Tsima RAMANANTSEHENO (Graphic Artist). With the moral support of & inspiration from Thierry NABETH.) [[Next->1-1]]

Double-cliquez sur ce passage pour le modifier.

<img src='./img/cover.jpg' width='360px' onclick="window.story.show('1-1-1');"> This interactive storytelling has been realized during the Diversity Game Jam organised by Jam Shakker and Games4Change Europe, which was held from April 15th to 17th at Paris Office of Mozilla. <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Adam & Eve</span> de <a xmlns:cc="http://creativecommons.org/ns#" href="https://n0diff3rence.itch.io" property="cc:attributionName" rel="cc:attributionURL">n0diff3rence</a> est mis à disposition selon les termes de la <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">licence Creative Commons Attribution - Partage dans les Mêmes Conditions 4.0 International</a>. [[Next->1-1-1]]

<img src='./img/under-construction.gif' width='360px' onclick="window.story.show('1-2');"> This storytelling runs best with Chrome (tm), Safari (tm). Firefox (tm) is also ok despite speech synthesis is not yet plugged. It has been tested on Mac OS, iOS and Android. [[Next->1-2]]