<<script>>
// Attendre 1 minute et 47 secondes avant d'afficher le lien
setTimeout(function() {
// Afficher le lien vers le passage 'reve_guide'
$('#next-link').show();
}, 107000); // 107000 millisecondes = 1 minute 47 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="next-link" style="display:none">
<div class="idtitre">L'expérience débutera dès que vous cliquez sur le bouton. Une fois le film commencé, vous pouvez utiliser la souris afin de définir les actions du personnage que vous allez incarner.
<div class="idbutton">[[Débuter l'expérience|reve_guide]]</div></div>
</span>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Kalam:wght@300;400;700&family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
<<audio "meditation" play>>
<script>
// Précharge une vidéo dans le cache du navigateur
function preloadVideo(url) {
const video = document.createElement('video');
video.src = url;
video.preload = 'auto'; // Permet au navigateur de charger la vidéo dans le cache
}
// Ajouter ici les URLs des vidéos à précharger
preloadVideo('videos/choix_personne.mp4');
preloadVideo('videos/choix_personne_livre.mp4');
preloadVideo('videos/classe_personne_oise.mp4');
preloadVideo('videos/classe_pillule_rouge.mp4');
preloadVideo('videos/classe_pillule_verte.mp4');
preloadVideo('videos/classe_pillules.mp4');
preloadVideo('videos/feuille_tombee_cauchemar.mp4');
preloadVideo('videos/feuille_tombee_main.mp4');
preloadVideo('videos/feuille_tombee_personne.mp4');
preloadVideo('videos/feuille_tombee_personne_v2.mp4');
preloadVideo('videos/feuille_tombee_stop.mp4');
preloadVideo('videos/flaque.mp4');
preloadVideo('videos/flaque_bdo.mp4');
preloadVideo('videos/foret.mp4');
preloadVideo('videos/fouille_tas_1.mp4');
preloadVideo('videos/fouille_tas_2.mp4');
preloadVideo('videos/fouille_tas_3.mp4');
preloadVideo('videos/fouille_tas_4.mp4');
preloadVideo('videos/jeter_livre_v2.mp4');
preloadVideo('videos/leve_marche_flaque_personne.mp4');
preloadVideo('videos/personne_voiture_bdo.mp4');
preloadVideo('videos/ouvrir_livre_v2.mp4');
preloadVideo('videos/personne_livre_porte_classe.mp4');
preloadVideo('videos/tas_livre_porte_classe.mp4');
</script>
<div class="main_body">
<div class = "idtitre">
(Fn + F11 pour mettre en plein écran)
Prenez un moment pour respirer et plongez dans un état de semi-conscience ...
<div class="iditavert">
Mettez un casque, cliquez sur le bouton puis fermez les yeux
</div>
<div class="idbutton"> <a> [[Commencer la méditation|audio]]</a></div>
</div>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Kalam:wght@300;400;700&family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet"></div>
<<cacheaudio "meditation" "mp3|videos/son_meditation.mp3">>
<<cacheaudio "son_reve" "mp3|videos/son_reve.mp3">>
<<audio "meditation" play>>
<<audio "son_reve" play>>
<!-- Vidéo avec apparition du lien après 30 secondes -->
<video id="full-screen-video" autoplay>
<source src="https://video.wixstatic.com/video/209477_f402cb211140462b84e97ccba5e1bcc5/1080p/mp4/file.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher le lien vers le passage 'Foret'
$('#next-link').show();
}, 30000); // 30 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="next-link" class="bouton" style="display:none; top: 0;left:0; width: 100%; height: 100%">
[[Foret]]
</span><<script>>
Config.passages.transitionOut = 1000;
<</script>>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-tas_feuille_1').show();
$('#link-fouille_pas').show();
}, 25000); // 25 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="link-tas_feuille_1" class="bouton" style="display:none; top: 56% ;left:0px; width: 51%; height: 49%">
[[fouille_tas_1]]
</span>
<span id="link-fouille_pas" class="bouton" style="display:none; top: 0px;left:52%; width: 8%; height: 35%">
[[fouille_pas]]
</span>
<video id="full-screen-video" autoplay>
<source src="videos/foret.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
Config.passages.transitionOut = 1000;
<</script>>
<video id="full-screen-video" autoplay>
<source src="videos/fouille_tas_1.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-fouille_tas_2').show();
}, 5000); // 5 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="link-fouille_tas_2" class="bouton" style="display:none; top: 53% ;left:13%; height: 51%; width: 73%">
[[fouille_tas_2]]
</span><<script>>
Config.passages.transitionOut = 1000;
<</script>>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-flaque').show();
$('#link-personne').show();
}, 21000); // 30 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="link-flaque" class="bouton" style="display:none; top: 55% ;left:20%; width: 31%; height: 36%">
[[flaque]]
</span>
<span id="link-personne" class="bouton" style="display:none; top: 0px;left:56%; width: 18%; height: 44%">
[[personne]]
</span>
<video id="full-screen-video" autoplay>
<source src="videos/leve_marche_flaque_personne.mp4" class=capture>
Your browser does not support the video tag.
</video>
<video id="full-screen-video" autoplay>
<source src="videos/ouvrir_livre_v2.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-feuille_tombee_1').show();
$('#link-aller_perso').show();
$('#link-continuer_livre').show();
}, 4000); // 5 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="link-feuille_tombee_1" class="bouton" style="display:none; top: 76% ;left:34%; width: 6%; height: 9%">
[[feuille_tombee_1]]
</span>
<span id="link-continuer_livre" class="bouton" style="display:none; top: 5%;left:23%; width: 38%; height: 54%">
[[continuer_livre]]
</span><video id="full-screen-video" autoplay>
<source src="videos/jeter_livre_v2.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-flaque').show();
$('#link-personne').show();
}, 25000); // 30 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="link-flaque" class="bouton" style="display:none; top: 55% ;left:20%; width: 31%; height: 36%">
[[flaque]]
</span>
<span id="link-personne" class="bouton" style="display:none; top: 0px;left:56%; width: 18%; height: 44%">
[[personne]]
</span><<script>>
Config.passages.transitionOut = 1000;
<</script>>
<video id="full-screen-video" autoplay>
<source src="videos/fouille_tas_2.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-fouille_tas_3').show();
}, 5000); // 5 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="link-fouille_tas_3" class="bouton" style="display:none; top: 53% ;left:13%; height: 51%; width: 73%">
[[fouille_tas_3]]
</span><video id="full-screen-video" autoplay>
<source src="videos/fouille_tas_3.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-fouille_tas_4').show();
}, 5000); // 5 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="link-fouille_tas_4" class="bouton" style="display:none; top: 53% ;left:13%; height: 51%; width: 73%">
[[fouille_tas_4]]
</span><video id="full-screen-video" autoplay>
<source src="videos/fouille_tas_4.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-jeter_livre').show();
$('#link-ouvrir_livre').show();
}, 8000); // 8 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="link-ouvrir_livre" class="bouton" style="display:none; top: 59% ;left:34%; width: 27%; height: 44%">
[[ouvrir_livre]]
</span>
<span id="link-jeter_livre" class="bouton" style="display:none; top: 0% ;left:0%; width: 100%; height: 47%">
[[jeter_livre]]
</span><<script>>
setTimeout(function() {
// Afficher les liens
$('#link-fin').show();
}, 76000); // 30 secondes
<</script>>
<!-- FIN -->
<span id="link-fin" class="bouton" style="display:none; top: 0;left:0; width: 100%; height: 100%">
[[FIN]]
</span>
<video id="full-screen-video" autoplay>
<source src="videos/flaque_bdo.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-livre').show();
$('#link-me_suivre').show();
}, 8000); // 30 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="link-livre" class="bouton" style="display:none; top: 51% ;left:32%; width: 20%; height: 21%">
[[livre]]
</span>
<span id="link-me_suivre" class="bouton" style="display:none; top: 44%;left:57%; width: 19%; height: 30%">
[[me_suivre]]
</span>
<video id="full-screen-video" autoplay>
<source src="videos/choix_personne.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-personne_sortie').show();
$('#link-pillules').show();
}, 25000); // 30 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="link-personne_sortie" class="bouton" style="display:none; top: 0%;left:47%; width: 21%; height: 63%">
[[personne_sortie]]
</span>
<span id="link-pillules" class="bouton" style="display:none; top: 68%;left:15%; width: 29%; height: 26%">
[[pillules]]
</span>
<video id="full-screen-video" autoplay>
<source src="videos/personne_livre_porte_classe.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-fin').show();
}, 156000); // 30 secondes
<</script>>
<!-- FIN -->
<span id="link-fin" class="bouton" style="display:none; top: 0;left:0; width: 100%; height: 100%">
[[FIN]]
</span>
<video id="full-screen-video" autoplay>
<source src="videos/personne_voiture_bdo.mp4" class=capture>
Your browser does not support the video tag.
</video>
<video id="full-screen-video" autoplay>
<source src="videos/feuille_tombee_stop.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-aller_perso').show();
$('#link-continue_feuille_tombee').show();
}, 7000); // 5 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="link-aller_perso" class="bouton" style="display:none; top: 0% ;left:72%; width: 28%; height: 56%">
[[aller_perso]]
</span>
<span id="link-continue_feuille_tombee" class="bouton" style="display:none; top: 19%;left:34%; width: 38%; height: 80%">
[[continue_feuille_tombee]]
</span><video id="full-screen-video" autoplay>
<source src="videos/feuille_tombee_cauchemar.mp4" class=capture>
Your browser does not support the video tag.
</video>
<!-- CAUCHEMAR FIN -->
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-fin').show();
}, 5000); // 30 secondes
<</script>>
<!-- FIN -->
<span id="link-fin" class="bouton" style="display:none; top: 0;left:0; width: 100%; height: 100%">
[[FIN]]
</span>
<video id="full-screen-video" autoplay>
<source src="videos/feuille_tombee_personne_v2.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-flaque').show();
$('#link-personne').show();
}, 25000); // 30 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="link-flaque" class="bouton" style="display:none; top: 55% ;left:20%; width: 31%; height: 36%">
[[flaque]]
</span>
<span id="link-personne" class="bouton" style="display:none; top: 0px;left:56%; width: 18%; height: 44%">
[[personne]]
</span><<script>>
setTimeout(function() {
// Afficher les liens
$('#link-pillules').show();
$('#link-personne_sortie').show();
}, 30000); // 30 secondes
<</script>>
<!-- TRANSITION VERS CLASSE -->
<span id="link-personne_sortie" class="bouton" style="display:none; top: 0%;left:47%; width: 21%; height: 63%">
[[personne_sortie]]
</span>
<span id="link-pillules" class="bouton" style="display:none; top: 68%;left:15%; width: 29%; height: 26%">
[[pillules]]
</span>
<video id="full-screen-video" autoplay>
<source src="videos/tas_livre_porte_classe.mp4" class=capture>
Your browser does not support the video tag.
</video><<script>>
setTimeout(function() {
// Afficher les liens
$('#link-fin').show();
}, 148000); // 30 secondes
<</script>>
<!-- FIN -->
<span id="link-fin" class="bouton" style="display:none; top: 0;left:0; width: 100%; height: 100%">
[[FIN]]
</span>
<video id="full-screen-video" autoplay>
<source src="videos/classe_personne_oise.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-pillule_rouge').show();
$('#link-pillule_verte').show();
}, 5000); // 30 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="link-pillule_rouge" class="bouton" style="display:none; top: 12%;left:24%; width: 20%; height: 26%">
[[pillule_rouge]]
</span>
<span id="link-pillule_verte" class="bouton" style="display:none; top: 21%;left:55%; width: 20%; height: 26%">
[[pillule_verte]]
</span>
<video id="full-screen-video" autoplay>
<source src="videos/classe_pillules.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-fin').show();
}, 73000); // 73 secondes
<</script>>
<!-- FIN -->
<span id="link-fin" class="bouton" style="display:none; top: 0;left:0; width: 100%; height: 100%">
[[FIN]]
</span>
<video id="full-screen-video" autoplay>
<source src="videos/classe_pillule_rouge.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher les liens
$('#link-fin').show();
}, 73000); // 1min13 secondes
<</script>>
<!-- FIN -->
<span id="link-fin" class="bouton" style="display:none; top: 0;left:0; width: 100%; height: 100%">
[[FIN]]
</span>
<video id="full-screen-video" autoplay>
<source src="videos/classe_pillule_verte.mp4" class=capture>
Your browser does not support the video tag.
</video>
<video id="full-screen-video" autoplay>
<source src="videos/anagramme.mp4" class=capture>
Your browser does not support the video tag.
</video>
<<script>>
setTimeout(function() {
// Afficher le lien vers le passage 'Foret'
$('#fin').show();
}, 3000); // 3 secondes
<</script>>
<!-- Le lien est caché initialement -->
<span id="fin" class="bouton" style="display:none; top: 0;left:0; width: 100%; height: 100%">
[[definition]]
</span><strong style="color: gray; color: green;">Quels sont les avantages d’un rêve lucide ?</strong>
<p style="color: #5A6E5B;">
Au-delà du simple plaisir et de la fascination de faire un rêve lucide et ainsi pouvoir contrôler l’entièreté de son rêve, de nombreuses recherches montrent que les rêves lucides peuvent avoir une utilité thérapeutique, notamment dans le traitement de l’anxiété, ou encore l'amélioration des compétences motrices.
Cela contribue à la gestion de l’anxiété, certains thérapeutes utilisent les rêves lucides pour aider à surmonter des peurs ou des traumatismes. Par exemple, le rêveur peut modifier la narration d’un cauchemar récurrent et en réduire l’impact émotionnel.
Des études montrent que la pratique de mouvements ou d'activités dans un rêve lucide peut améliorer les performances motrices dans la vie réelle, notamment pour les sportifs ou pour la rééducation.
</p>
<ul style="color: #5A6E5B;">
<li>[[Définition|definition]]</li>
<li>[[Techniques|Techniques]]</li>
<li>[[Risques|Risques]]</li>
</ul><strong style="color: gray; color: green;">Quelles techniques permettent de faire des rêves lucides ?</strong>
<p style="color: #5A6E5B;">En moyenne, environ 55% des adultes en feront au moins une fois au cours de leur vie mais seulement 23% en expérimenteront régulièrement et il est très rare de faire des rêves lucides fréquemment. Néanmoins, la capacité de faire des rêves lucides est susceptible d’être entraînée, il est possible d’augmenter la probabilité de provoquer un de ses rêves.
Voici quelques exemples et stratégies qui vous permettront de vous entraîner de votre côté à faire des rêves lucides. En pratiquant au quotidien des tests de réalités, on renforce notre métacognition en visant à provoquer un test de réalité dans un rêve, qui aurait pour effet une prise de conscience du rêve. Parmi ces tests :
Se poser la question “Est-ce que je suis dans un rêve ?”, ce qui n’est pas forcément suffisant. Ou encore vérifiez son environnement, essayez de voir son reflet dans un miroir, vérifiez ses mains ou sa respiration.
Pour encore augmenter l’efficacité de cette méthode, il est possible de mettre en place des alarmes régulières au cours de la journée pour réaliser ces tests.
L’endormissement conscient consiste à rester conscient pendant la transition entre l’éveil et le sommeil. Cela peut inclure la visualisation d’un scénario, la concentration sur un signal tel que sa respiration ou la répétition d’une intention avant de s’endormir.
Consigner les rêves dès le réveil aide à améliorer la mémoire des rêves et à identifier les motifs récurrents, ce qui peut servir de déclencheur dans un rêve lucide.
</p>
<ul style="color: #5A6E5B;">
<li>[[Définition|definition]]</li>
<li>[[Avantages|Avantages]]</li>
<li>[[Risques|Risques]]</li>
</ul><strong style="color: gray; color: green;">/!\ Risques liés aux rêves lucides</strong>
<p style="color: #5A6E5B;">Le sommeil paradoxal, qui est requis pour faire un rêve lucide, est un état caractérisé par une activité accrue du système nerveux. Dans un état entre le sommeil et l’éveil, la quantité et la qualité du sommeil sont détériorées.
Au cours du sommeil paradoxal, on observe aussi une atonie musculaire. Seuls les yeux, les extrémités des membres et les muscles responsables de la respiration et de la circulation sanguine ne sont pas paralysés. Cette atonie musculaire pourrait être la cause de paralysie du sommeil.
</p>
<ul style="color: #5A6E5B;">
<li>[[Définition|definition]]</li>
<li>[[Avantages|Avantages]]</li>
<li>[[Techniques|Techniques]]</li>
</ul><<script>>
Config.passages.transitionOut = 0;
<</script>>
<strong style="color: gray; color: green;">Qu’est-ce qu’un rêve lucide ?</strong>
<p style="color: #5A6E5B;">Un rêve lucide se caractérise par un rêveur ayant conscience de se trouver dans un rêve pendant son sommeil. La plupart des rêves lucides prennent place durant la phase de sommeil paradoxale. Le rêve lucide permet au rêveur d'interagir consciemment avec son rêve, d'en modifier le déroulement, voire d'exercer un contrôle sur l'environnement et les événements qui s’y produisent
D’après le psychologue allemand Paul Tholey, il faut remplir 7 conditions pour qu’un rêve soit qualifié de lucide, parmi lesquelles le libre arbitre, la faculté normale de raisonnement, l’accès à la totalité des fonctions sensorielles. Mais il y a plusieurs degrés de conscience, niveaux de lucidité atteignable dans un rêve lucide et par conséquent, certaines définitions diffèrent plus ou moins.
Le sujet des rêves lucides à beaucoup intéressé les chercheurs au fil des années, et encore aujourd’hui, de nombreuses recherches visent à comprendre les mécanismes derrière les rêves lucides et les possibles utilisations et applications.
</p>
<ul style="color: #5A6E5B;">
<li>[[Avantages|Avantages]]</li>
<li>[[Techniques|Techniques]]</li>
<li>[[Risques|Risques]]</li>
</ul>]