1<!DOCTYPE html> 2<html lang="FR"> 3<head> 4 <meta charset="UTF-8" content="application/Javascript" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>ArtofCorner</title> 7 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> 8 <link rel="stylesheet" href="stylemin.css" /> 9 <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet" /> 10 <!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300&display=swap" rel="stylesheet"> --> 11 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 74 bytes, lines 11-12
11 12 <script async=async src="https://www.googletagmanager.com/gtag/js?id=
12UA-164001015-2
vendor: 22 bytes, lines 12-15
12"> 13 </script> 14 15
15<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" /> 16</head> 17 18<body> 19 <div class="menu" id="menu" style="width: 0px;"> 20 <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">Ã</a> 21 <div class="logo_menu"> 22 <img src="img/logo_white.png" alt="" /> 23 </div> 24 <div style="" class="column menuIndex"> 25 <a onclick="changeTextMenu('about')">En résumé</a> 26 <a onclick="changeTextMenu('team')">Notre proposition</a> 27 <a onclick="changeTextMenu('press')">Notre expertise</a> 28 <a onclick="changeTextMenu('jobs')">Pourquoi nous ?</a> 29 <a onclick="changeTextMenu('license')">Nos références</a> 30 <a onclick="changeTextMenu('privacy')">Notre offre commerciale</a> 31 <a onclick="changeTextMenu('contact')">Contact</a> 32 <a href="http://www.artofcorner.fr/blog_aoc/" target="_blank">Blog</a> 33 </div> 34 <div class="about menuContent column"> 35 <b> Création dâArtofCorner en 2016</b> 36 <ul> 37 <li>Projets immersifs âclé en mainâ dans les domaines de lâArt, de la Culture et du Patrimoine,</li> 38 <li>Spécialiste des contenus VR volumétriques avec rendu photographique,</li> 39 <li>Partenaire dâINTEL pour notre expertise en photogrammétrie appliquée à la VR,</li> 40 <li>Des récompenses dont lâAward de la meilleure expérience VR interactive / LAVAL VIRTUAL 2018.</li> 41 </ul> 42 <b>Nous concevons et diffusons des expériences immersives très qualitatives</b> 43 </div> 44 <div class="team menuContent column" style="display:none"> 45 <p>En modélisant des objets et des espaces avec une définition inégalée, nous concevons des visites virtuelles pour le WEB et des expériences immersives en VR où le visiteur peut interagir avec chaque élément.</p> 46 47 </br> 48 <p> 49 Mais la technique ne suffit pas ... nous développons également de nouvelles écritures immersives et interactives, à mi-chemin entre cinéma et jeux vidéo, afin de plonger le visiteur dans un lieu copie de l'original et en même temps fortement enrichi d'informations. 50 </p> 51 52 53 </br> 54 55 <a class="basicLink" href="https://www.theguardian.com/culture/2020/apr/08/art-virtual-reality-coronavirus-vr">How Culture went Virtual in the face of crisis // The Guardian</a> 56 </div> 57 <div class="press menuContent column" style="display:none"> 58 Partenaire dâINTEL pour notre expertise en photogrammétrie appliquée à la VR 59 <img src="img/bourdelle.PNG" alt="" /></img> 60 <a class="basicLink" href="https://software.intel.com/content/www/us/en/develop/articles/artofcorner-and-capturing-reality-bring-a-130-year-old-artists-studio-to-life.html"> 61 62 ArtofCorner and Capturing Reality Bring a 130-Year Old Artist's Studio to Life 63 </a> 64 <img src="img/textiles.png" alt="" /> 65 <a href="https://youtu.be/14Xn97LWylg" class="basicLink">Démonstration textile temps réel</a> 66 <div> <iframe width="475.75" height="315" src="https://www.youtube.com/embed/14Xn97LWylg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=allowfullscreen></iframe></div> 67 <img src="img/peaucroco.PNG" alt="" /> 68 <a class="basicLink" href="https://www.artofcorner.fr/blog/media/peau_croco/index.html">Peau de Crocodile</a> 69 <div class=""> 70 <iframe width="475.75" height="315" src="https://www.youtube.com/embed/sgLm-hES-Qc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=allowfullscreen></iframe> 71 </div> 72 <a class="basicLink" href="https://youtu.be/sgLm-hES-Qc">Manipulation et visualisation de peaux de crocodile sous HTC VIVE PRO</a> 73 74 <img src="img/endoscope.PNG" /> 75 <a class="basicLink" href="https://youtu.be/1IYl7SeWpdY">Manipulation virtuelle sous HTC VIVE PRO d'un endoscope</a> 76 <div class=""> 77 <iframe width="475.75" height="315" src="https://www.youtube.com/embed/1IYl7SeWpdY" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=allowfullscreen></iframe> 78 </div> 79 80 </div> 81 <div class="jobs menuContent column" style="display:none"> 82 Parce que nous avons acquis un savoir-faire sans égal, reconnu par des professionnels du monde entier et récompensé à de nombreuses reprises. 83 84 85 Le projet Bourdelle qui propose la visite de lâatelier du sculpteur Antoine Bourdelle a reçu 3 prix en 2018, dont le prix de la meilleure expérience
85VR interactive à LAVAL VIRTUAL et le prix Lumière lors du STEREOPSIA à Bruxelles pour la meilleure expérience muséale en VR. 86 </div> 87 <div class="contact menuContent column" style="display:none"> 88 <a href="mailto:[email protected]" target="_blank">[email protected]</a> 89 <a href="https://www.linkedin.com/in/fr%C3%A9d%C3%A9ric-purgal-a119b887" target="_blank">LinkedIn</a> 90 <a href="https://www.youtube.com/channel/UCMltAMyF8tGiUnt8xUrbLGw" target="_blank">YouTube</a> 91 <a href="https://twitter.com/artofcorner" target="_blank">Twitter</a> 92 <a href="https://www.facebook.com/Art-Of-Corner-493720784125184/" target="_blank">Facebook</a> 93 <div style="width: 100%"><iframe width="100%" height="300" src="https://maps.google.com/maps?width=100%&height=600&hl=en&q=Institut%20galil%C3%A9e%20paris+(Art%20of%20Corner)&ie=UTF8&t=&z=17&iwloc=B&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"><a href="https://www.maps.ie/draw-radius-circle-map/">Radius map tool</a></iframe></div><br /> 94 </div> 95 <div class="privacy menuContent column" style="display:none"> 96 privacy 97 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper condimentum faucibus. Quisque risus leo, suscipit eu dapibus nec, convallis ac magna. Integer eu porta velit, rutrum dictum nisi. Maecenas congue quam ac est commodo elementum. Phasellus porttitor commodo metus eu ultrices. Nam convallis interdum tortor, a gravida odio lacinia quis. In eleifend semper libero, sit amet ullamcorper leo. Ut eget metus vel tortor mattis tempus. Nullam maximus sodales est, sed euismod ex mattis eget. Fusce consequat sagittis leo non ultrices. Curabitur id maximus nibh. Nam nibh quam, vestibulum in venenatis vel, interdum et eros. Sed condimentum nunc a facilisis luctus. Morbi interdum vulputate nibh, laoreet ultrices urna venenatis sit amet. Aenean aliquet pharetra nunc et interdum. 98 99 Sed pretium non augue sit amet semper. Quisque efficitur bibendum massa, et venenatis metus pellentesque vel. Praesent in imperdiet purus. Curabitur pulvinar, nunc sit amet hendrerit ornare, nulla orci dictum elit, id imperdiet lorem metus a libero. Vestibulum vel aliquam est. Ut vel tincidunt risus. Duis nunc odio, volutpat sed justo id, accumsan facilisis tortor. Nullam lorem enim, sagittis sit amet ipsum id, egestas efficitur lorem. Suspendisse condimentum pellentesque ante, ut scelerisque nulla pellentesque dignissim. Curabitur dapibus tellus erat. Quisque dictum lorem et velit pulvinar rhoncus. Fusce tortor tortor, laoreet ac nisi quis, rhoncus faucibus ex. Phasellus ante sem, laoreet sagittis lobortis et, vulputate nec quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin cursus fringilla ipsum, eu ornare enim sagittis eu. Quisque et quam sit amet ex pretium gravida id nec libero. 100 </div> 101 <div class="license menuContent column" style="display:none"> 102 Plusieurs grandes marques ont utilisé notre expertise en 3D volumétrique et photoréaliste pour aider leurs employés à découvrir "leur propre univers de luxe". 103 104 105 106 Le domaine médical est aussi une possibilité de montrer nos compétences dans la reproduction d'outils chirurgicaux. Voir ci-dessous deux exemples d'applications VR⦠107 </div> 108 </div> 109 <a href="#entreprise"> 110 <span class="bar" onclick="openNav()" href="#entreprise"> 111 <div class="menuIcon"></div> 112 <div class="menuIcon"></div> 113 <div class="menuIcon"></div> 114 </span> 115 </a> 116 <div class="custom-select" style="width:90px;"> 117 <select> 118 <option value="0" hidden=hidden></option> 119 <option value="0">FR</option> 120 <option value="1">EN</option> 121 </select> 122 </div> 123 <!-- <div class="legende"> 124 <img src="img/PANEL/legende_crop.png" /> 125 </div> --> 126 <div id="world" class="projectImg"> 127 <div class="selectionProject"> 128 <div class="selectorContainer"> 129 <div class="legende"> 130 131 </div> 132 133 </div> 134 <!-- <a id="0" onclick="changeProject('change',document.getElementById('0').id)" >PROJECT NUMBER 0</a> 135 <a id="1" onclick="changeProject('change',document.getElementById('1').id)" >PROJECT NUMBER 1</a> --> 136 </div> 137 <!-- 138 <div class="loading"> 139 <div class="loader"> 140 141 </div> 142 143 </div>--> 144 <div class="tips"> 145 <!-- <p>Utiliser votre molette pour zoomer sur le projet</p> --> 146 <div class="aide"> 147 <!-- <img src="img/PANEL/legende_crop.png" alt=""> --> 148 </div> 149 </div> 150 151 <div class="big_container"> 152 153 <div class="content"> 154 </div> 155 <div class="mobileSelectionProject"> 156 <div class="mobileSelectorContainer"> 157 158 </div> 159 </div> 160 </div> 161 <div class="social"> 162 <a href="https://www.linkedin.com/in/fr%C3%A9d%C3%A9ric-purgal/" target="_blank"> 163 <?xml version="1.0" encoding="utf-8" ?> 164 <!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 165 <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
166 viewBox="0 0 512 512" width="512pt" xml:space="preserve"> 167 <path d="M483.5,0h-455C12.8,0,0,12.8,0,28.5v455C0,499.2,12.8,512,28.5,512h455c15.7,0,28.5-12.8,28.5-28.5v-455 168 C512,12.8,499.2,0,483.5,0z M181,406h-60V196h60V406z M181,166h-60v-60h60V166z M391,406h-60V271.8c-26.3-30.4-60-12-60,14.2v120 169 h-60V196h60v11.3c15.7-4.9,25.9-11.3,45-11.3c40.7,0,75,36.5,75,79.7V406z" fill="#ffffff" /> 170 171 </svg> 172 </a> 173 <a href="https://www.facebook.com/artofcorner/" target="_blank"> 174 <svg viewBox="0 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"> 175 <path class="st0" d="M483.7,0H28.2C12.6,0,0,12.7,0,28.3v455.5C0,499.4,12.7,512,28.3,512h245.2V314H207v-77.5h66.5v-57 176 c0-66.1,40.4-102.1,99.4-102.1c28.3,0,52.5,2.1,59.6,3v69.1h-40.7c-32.1,0-38.3,15.3-38.3,37.6v49.4h76.8l-10,77.5h-66.8v198h130.2 177 c15.6,0,28.3-12.6,28.3-28.3c0,0,0,0,0,0V28.2C512,12.6,499.3,0,483.7,0z" fill="#ffffff" /> 178 </svg> 179 </a> 180 <a href="https://twitter.com/artofcorner" target="_blank"> 181 <svg viewBox="0 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m475.074219 0h-438.148438c-20.394531 0-36.925781 16.53125-36.925781 36.925781v438.148438c0 20.394531 16.53125 36.925781 36.925781 36.925781h438.148438c20.394531 0 36.925781-16.53125 36.925781-36.925781v-438.148438c0-20.394531-16.53125-36.925781-36.925781-36.925781zm-102.1875 199.601562c.113281 2.519532.167969 5.050782.167969 7.59375 0 77.644532-59.101563 167.179688-167.183594 167.183594h.003906-.003906c-33.183594 0-64.0625-9.726562-90.066406-26.394531 4.597656.542969 9.277343.8125 14.015624.8125 27.53125 0 52.867188-9.390625 72.980469-25.152344-25.722656-.476562-47.410156-17.464843-54.894531-40.8125 3.582031.6875 7.265625 1.0625 11.042969 1.0625 5.363281 0 10.558593-.722656 15.496093-2.070312-26.886718-5.382813-47.140624-29.144531-47.140624-57.597657 0-.265624 0-.503906.007812-.75 7.917969 4.402344 16.972656 7.050782 26.613281 7.347657-15.777343-10.527344-26.148437-28.523438-26.148437-48.910157 0-10.765624 2.910156-20.851562 7.957031-29.535156 28.976563 35.554688 72.28125 58.9375 121.117187 61.394532-1.007812-4.304688-1.527343-8.789063-1.527343-13.398438 0-32.4375 26.316406-58.753906 58.765625-58.753906 16.902344 0 32.167968 7.144531 42.890625 18.566406 13.386719-2.640625 25.957031-7.53125 37.3125-14.261719-4.394531 13.714844-13.707031 25.222657-25.839844 32.5 11.886719-1.421875 23.214844-4.574219 33.742187-9.253906-7.863281 11.785156-17.835937 22.136719-29.308593 30.429687zm0 0" fill="#ffffff" /></svg> 182 </a> 183 184 <a href="https://www.youtube.com/channel/UCMltAMyF8tGiUnt8xUrbLGw" target="_blank"><svg viewBox="0 0 512 512" width="512pt" xmlns="http://www.w3.org/2000/svg"><path d="m224.113281 303.960938 83.273438-47.960938-83.273438-47.960938zm0 0" fill="#ffffff" /><path d="m475.074219 0h-438.148438c-20.394531 0-36.925781 16.53125-36.925781 36.925781v438.148438c0 20.394531 16.53125 36.925781 36.925781 36.925781h438.148438c20.394531 0 36.925781-16.53125 36.925781-36.925781v-438.148438c0-20.394531-16.53125-36.925781-36.925781-36.925781zm-59.113281 256.261719s0 51.917969-6.585938 76.953125c-3.691406 13.703125-14.496094 24.507812-28.199219 28.195312-25.035156 6.589844-125.175781 6.589844-125.175781 6.589844s-99.878906 0-125.175781-6.851562c-13.703125-3.6875-24.507813-14.496094-28.199219-28.199219-6.589844-24.769531-6.589844-76.949219-6.589844-76.949219s0-51.914062 6.589844-76.949219c3.6875-13.703125 14.757812-24.773437 28.199219-28.460937 25.035156-6.589844 125.175781-6.589844 125.175781-6.589844s100.140625 0 125.175781 6.851562c13.703125 3.6875 24.507813 14.496094 28.199219 28.199219 6.851562 25.035157 6.585938 77.210938 6.585938 77.210938zm0 0" fill="#ffffff" /></svg></a> 185 <div class="audioPlay"> 186 <div onclick="playAudio(0)" style="display:inline"> 187 <svg id="Capa_1" data-name="Capa 1" width="512pt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 448.02"><title>mute</title>
187<path d="M352,16.1a16,16,0,0,0-9-14.4,15.68,15.68,0,0,0-17,1.9l-141.8,113L352,284.2Z" transform="translate(-0.01 -0.02)" /><path d="M443.3,420.7,27.3,4.7A16,16,0,0,0,4.7,27.3L105.4,128H96a32.52,32.52,0,0,0-32,32V288a32.09,32.09,0,0,0,32,32h74.2L326,444.5a16.59,16.59,0,0,0,9.9,3.5,17.8,17.8,0,0,0,7-1.6,16.15,16.15,0,0,0,9-14.4V374.6l68.7,68.7a15.93,15.93,0,0,0,22.6,0A15.79,15.79,0,0,0,443.3,420.7Z" transform="translate(-0.01 -0.02)" /></svg> 188 <svg id="Capa_2" data-name="Capa 1" width="512pt" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 448.02"><title>volume</title><path d="M278.94,17.58A15.94,15.94,0,0,0,262,19.5L106.37,144H32A32.06,32.06,0,0,0,0,176V304a32,32,0,0,0,32,32h74.37L262,460.52a16,16,0,0,0,17,1.89A16,16,0,0,0,288,448V32A16,16,0,0,0,278.94,17.58Z" transform="translate(0 -15.99)" /><path d="M369,126.86a16,16,0,0,0-22.49,22.78,127.64,127.64,0,0,1,0,180.74A16,16,0,1,0,369,353.1c30.34-29.86,47-70.05,47-113.09S399.33,156.78,369,126.86Z" transform="translate(0 -15.99)" /><path d="M414.14,81.77a16,16,0,1,0-22.56,22.72,190.93,190.93,0,0,1,0,271,16,16,0,0,0,22.56,22.72,223,223,0,0,0,0-316.45Z" transform="translate(0 -15.99)" /></svg> 189 </div> 190 191 </div> 192 </div> 193 194 </div> 195
195<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"> 196 </script>
196 197
197<script> 198 window.cookieconsent.initialise({ 199 "palette": { 200 "popup": { 201 "background": "#000" 202 }, 203 "button": { 204 "background": "#f1d600" 205 } 206 }, 207 "type": "opt-out", 208 onStatusChange: function(status) { 209 console.log(this.hasConsented() ? 210 'enable cookies' : 'disable cookies'); 211 }, 212 law: { 213 regionalLaw: false, 214 }, 215 location: true, 216 onInitialise: function (status) { 217 var type = this.options.type; 218 var didConsent = this.hasConsented(); 219 if(this.hasConsented()){ 220 console.log(this.hasConsented()); 221
vendor: 145 bytes, lines 221-224
221window.dataLayer = window.dataLayer || []; 222 function gtag(){dataLayer.push(arguments);} 223 gtag('js', new Date()); 224 gtag('config', '
224UA-164001015-1
vendor: 8 bytes, lines 224-225
224'); 225
225} 226 if (type == 'opt-in' && didConsent) { 227 228 } 229 if (type == 'opt-out' && !didConsent) { 230 231 } 232 }, 233 onStatusChange: function(status, chosenBefore) { 234 var type = this.options.type; 235 var didConsent = this.hasConsented(); 236 237 if (type == 'opt-in' && didConsent) { 238 239 } 240 if (type == 'opt-out' && !didConsent) { 241 242 } 243 }, 244 onRevokeChoice: function() { 245 var type = this.options.type; 246 if (type == 'opt-in') { 247 248 } 249 if (type == 'opt-out') { 250 251 } 252 } 253 }); 254 255 </script>
255 256
256<script> 257 258 </script>
258 259</body>
260<script 261 src="https://code.jquery.com/jquery-3.5.0.min.js" 262 integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ=" 263 crossorigin="anonymous"></script>
263 264
264<script type="text/javascript"> 265 var blurredHDRI = ["hdri/blurred/blurred_concorde.jpg", "hdri/blurred/blurred_bourdelle3.jpg", "hdri/blurred/blurred_utrillo.jpg", "hdri/blurred/blurred_eglise.jpg", "hdri/blurred/blurred_armillieres.jpg"]; 266 // textureArray is where are stocked HDRI and images for each project. 267 // here we supposed we use only 1 img / hdri for each project on the landing page 268 // we have X projects so we have X image stocked in here, either hdri or simple image. 269 var textureArray = ["hdri/concorde_optimized.jpg", "hdri/bourdelle3.jpg", "img/ImageHomePageUtrillo.jpg", "hdri/eglise.jpg","hdri/armillieres.jpg" ]; 270 </script>
vendor: 1 bytes, line 270
270
271<script src="build/three.min.js"></script>
vendor: 1 bytes, line 271
271
272<script src="build/FlyControl.js"></script>
272 273<!--
273<script src="build/Stats.js"></script>
273 -->
274<script src="build/OrbitControls.js"></script>
vendor: 1 bytes, line 274
274
275<script src="build/tween.js"></script>
vendor: 1 bytes, line 275
275
276<script src="build/hdribackgroundMinify.js"></script>
276 277 278<!--
278<script src="hdriBackground.js"></script>
278 --> 279</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.