.

10616b45 · RIFI Zaynab · f89750a1 · 10616b45 · 10616b45 · 10616b45
Commit 10616b45 authored 4 months ago by RIFI Zaynab
--- a/RIFI/index.html
+++ b/RIFI/index.html
@@ -2,7 +2,7 @@
 <html>
 <head>
    <meta charset="UTF-8">
-    <title>Projet webGL</title>
+    <title>Nature Morte Vanitas - Projet WebGL</title>
    <style>
        body { 
            margin: 0; 
@@ -26,7 +26,7 @@
        h1 {
            font-size: 32px;
            margin-bottom: 20px;
-            color: #d4af37; /* Gold color */
+            color: #d4af37; /* Couleur or */
        }
        p {
            margin-bottom: 20px;
@@ -39,25 +39,32 @@
            height: 494px;
        }
    </style>
-    </head>
+</head>
-    <body>
+<body>
-        <!-- API importe du site de Three.js -->
+    <div class="container">
-        <script async src="https://unpkg.com/es-module-shims@1.3.6/dist/es-module-shims.js"></script>
+        <h1 class="centre">Nature Morte Vanitas - Projet WebGL</h1>
-        <script type="importmap">
-            {
+        <p class="centre">
-                "imports": {
+            Une interprétation 3D de la peinture classique de nature morte vanitas, mettant en scène un crâne, une bougie et des objets symboliques représentant la fugacité de la vie.
+        </p>
+        <div id="webGL" class="centre"></div>
+        <p>
+            Cette scène est inspirée des peintures vanitas du XVIIe siècle, qui contiennent des objets symboliques rappelant aux spectateurs le passage du temps, la fragilité de la vie et la vanité des ambitions terrestres.
+        </p>
+    </div>
+    <script async src="https://unpkg.com/es-module-shims@1.3.6/dist/es-module-shims.js"></script>
+    <script type="importmap">
+        {
+            "imports": {
                "three": "https://threejs.org/build/three.module.js",
                "three/addons/": "https://threejs.org/examples/jsm/"
-                }
            }
-        </script>
+        }
-        <!-- JQuery pour afficher les erreurs -->
+    </script>
-        <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
+    <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
-        <!-- Un titre centre -->
+    <script type="module" src="script.js"></script>
-        <h1 class="centre"> Projet webGL</h1>
-        <div id="webGL" class="centre"></div>
-        <!-- Mon script avec un chemin relatif -->
-        <script type="module" src="script.js"></script>
 </body>
 </html>
\ No newline at end of file
--- a/RIFI/script.js
+++ b/RIFI/script.js
--- a/RIFI/OBJET3D/skull.obj
+++ b/RIFI/OBJET3D/skull.obj
--- a/RIFI/textures/dark_wood.jpg
+++ b/RIFI/textures/dark_wood.jpg