PageSourceSearch

https://artofcorner.fr/

html artofcorner.fr collected 2026-10-07 08:54:56 UTC 19,269 bytes, 279 lines download raw bytes

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%&amp;height=600&amp;hl=en&amp;q=Institut%20galil%C3%A9e%20paris+(Art%20of%20Corner)&amp;ie=UTF8&amp;t=&amp;z=17&amp;iwloc=B&amp;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.