{"id":11693,"date":"2015-09-01T23:28:52","date_gmt":"2015-09-01T22:28:52","guid":{"rendered":"http:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/?p=11693"},"modified":"2015-09-01T23:28:52","modified_gmt":"2015-09-01T22:28:52","slug":"maj-de-la-boite-en-papier-4","status":"publish","type":"post","link":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/","title":{"rendered":"Maj de la Bo\u00eete en papier"},"content":{"rendered":"

\"vince_initiative\"<\/p>\n

J’ai mis \u00e0 jour mon mini site La Bo\u00eete en Papier<\/em><\/a>, en ajoutant l’ExpressKey Remote aux Intuos Pro et en la retirant des Cintiq 24HD (sniff).
\nMais en fait, le plus important , c’est que j’ai bien clean\u00e9 mon code pour le WebGL. C’est nettement plus propre. J’ai modifi\u00e9 l\u00e9g\u00e8rement le main script de Three.js pour avoir un preload plus joli (‘faut pas le faire, mais bon, je peux me le permettre – c’est de la r\u00e9plique de k\u00e9k\u00e9, \u00e7a) . Donc maintenant, vous avez un vrai preload (le pr\u00e9c\u00e9dent \u00e9tait un faux – le faux preloading, c’est un ancien truc de flasheur) des meshes et des images qui lance l’ouverture des volets quand tout a \u00e9t\u00e9 charg\u00e9.<\/p>\n

\"bapreboot\"<\/p>\n

Si j’ai rien \u00e0 faire, je ferai des Grip Pen et Pro Pen plus r\u00e9alistes la prochaine fois.<\/p>\n

Sinon pour ceux qui font du WebGL (biblio Three.js) et qui veulent facilement un preloader (sans les images – j’utilise un autre script simple), j’ai fait comme \u00e7a. Comme je charge en dernier le meshe qui a le plus gros poids (la tablette) avec loader<\/em> ( ‘y a que \u00e7a sur le three.min.js – penser \u00e0 activer \u00ab\u00a0true\u00a0\u00bb) et je cr\u00e9e\u00a0un autre loader pour le meshe stylet que je\u00a0place avant (mais je l’active pas par True). Apr\u00e8s quand tout est charg\u00e9, je mets tout dans\u00a0loader.onLoadComplete=function()\u00a0:\u00a0\u00a0l’effacement du loading tout pourri de threejs\u00a0(je l’ai chang\u00e9 \u00a0directement – c’est pour \u00e7a que j’appelle un three.minCustom2.js),\u00a0l’ajout des meshes \u00e0 la sc\u00e8ne (j’ai cr\u00e9\u00e9 un groupe avec un Object3D), et pour finir,\u00a0le\u00a0script Ajax qui stoppe l’animation et lance l’ouverture des volets du script.<\/p>\n

groupTablette = new THREE.Object3D();<\/p>\n

function createScene2(geometry, x, y, z, scale, tmap) {
\nzmesh2 = new THREE.Mesh(geometry, new THREE.MeshPhongMaterial({map: THREE.ImageUtils.loadTexture(tmap),envMap:textureCube, reflectivity: 0.02, shading: THREE.SmoothShading}));
\nzmesh2.position.set(x, y, z);
\nzmesh2.scale.set(scale, scale, scale);
\nmeshes.push(zmesh2);
\ngroupTablette.add(zmesh2);
\n}
\nfunction createScene(geometry, x, y, z, scale, tmap) {
\nzmesh = new THREE.Mesh(geometry, new THREE.MeshPhongMaterial({map: THREE.ImageUtils.loadTexture(tmap),envMap:textureCube, reflectivity: 0.02,shininess: 100,
\nspecularMap : THREE.ImageUtils.loadTexture(‘SpecularIS.gif’),
\nspecular : new THREE.Color(‘#151515’),
\nbumpMap : THREE.ImageUtils.loadTexture(\u00ab\u00a0IntuosSBumpPT.gif\u00a0\u00bb),
\nbumpScale : 0.5,
\nshading: THREE.SmoothShading}));
\nzmesh.position.set(x, y, z);
\nzmesh.scale.set(scale, scale, scale);
\nmeshes.push(zmesh);
\ngroupTablette.add(zmesh);
\n}<\/p>\n

\/\/Tablette
\nvar loaderW1nce2 = new THREE.JSONLoader();
\nloader = new THREE.JSONLoader(true);
\ndocument.body.appendChild( loader.statusDomElement );<\/p>\n

callbackKey2 = function(geometry) {
\ncreateScene2(geometry, 80, 0, 55, 15, \u00ab\u00a0BambooPenmap.jpg\u00a0\u00bb)};
\nloaderW1nce2.load(\u00ab\u00a0BambooStylus.js\u00a0\u00bb, callbackKey2);<\/p>\n

callbackKey = function(geometry) {
\ncreateScene(geometry, 0, 0, 0, 15, \u00ab\u00a0IntuosSmapPT.png\u00a0\u00bb)};
\nloader.load(\u00ab\u00a0IntuosS2.js\u00a0\u00bb, callbackKey);<\/p>\n

loader.onLoadComplete=function(){
\nloader.statusDomElement.style.display = \u00ab\u00a0none\u00a0\u00bb;
\nscene.add( groupTablette );
\n$.getScript(\u00ab\u00a0js\/main.js\u00a0\u00bb, function(){});
\n}<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

J’ai mis \u00e0 jour mon mini site La Bo\u00eete en Papier, en ajoutant l’ExpressKey Remote aux Intuos Pro et en<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[4,3],"tags":[],"class_list":["post-11693","post","type-post","status-publish","format-standard","hentry","category-wacom","category-wacometmapomme"],"yoast_head":"\nMaj de la Bo\u00eete en papier - WacometmaPomme<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vincenwoo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/maj-de-la-boite-en-papier-4\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/maj-de-la-boite-en-papier-4\\\/\"},\"author\":{\"name\":\"Vincenwoo\",\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/#\\\/schema\\\/person\\\/5b214d0040686a387985b9f290a2ce25\"},\"headline\":\"Maj de la Bo\u00eete en papier\",\"datePublished\":\"2015-09-01T22:28:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/maj-de-la-boite-en-papier-4\\\/\"},\"wordCount\":485,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/#\\\/schema\\\/person\\\/5b214d0040686a387985b9f290a2ce25\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/maj-de-la-boite-en-papier-4\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/wp-content\\\/uploads\\\/2013\\\/03\\\/vince_initiative.png\",\"articleSection\":[\"Wacom\",\"Wacometmapomme\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/maj-de-la-boite-en-papier-4\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/maj-de-la-boite-en-papier-4\\\/\",\"url\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/maj-de-la-boite-en-papier-4\\\/\",\"name\":\"Maj de la Bo\u00eete en papier - WacometmaPomme\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/maj-de-la-boite-en-papier-4\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/maj-de-la-boite-en-papier-4\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/wp-content\\\/uploads\\\/2013\\\/03\\\/vince_initiative.png\",\"datePublished\":\"2015-09-01T22:28:52+00:00\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/maj-de-la-boite-en-papier-4\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/maj-de-la-boite-en-papier-4\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/wp-content\\\/uploads\\\/2013\\\/03\\\/vince_initiative.png\",\"contentUrl\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/wp-content\\\/uploads\\\/2013\\\/03\\\/vince_initiative.png\",\"width\":298,\"height\":123},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/#website\",\"url\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/\",\"name\":\"WacometmaPomme\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/#\\\/schema\\\/person\\\/5b214d0040686a387985b9f290a2ce25\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/#\\\/schema\\\/person\\\/5b214d0040686a387985b9f290a2ce25\",\"name\":\"Vincenwoo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/wetmp-logoV5.png\",\"url\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/wetmp-logoV5.png\",\"contentUrl\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/wetmp-logoV5.png\",\"width\":265,\"height\":100,\"caption\":\"Vincenwoo\"},\"logo\":{\"@id\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/wetmp-logoV5.png\"},\"url\":\"https:\\\/\\\/www.vincenwoo.com\\\/vincenwoo\\\/site_wacom_et_mapomme\\\/author\\\/vincenwoo\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Maj de la Bo\u00eete en papier - WacometmaPomme","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/","twitter_misc":{"\u00c9crit par":"Vincenwoo","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/#article","isPartOf":{"@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/"},"author":{"name":"Vincenwoo","@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/#\/schema\/person\/5b214d0040686a387985b9f290a2ce25"},"headline":"Maj de la Bo\u00eete en papier","datePublished":"2015-09-01T22:28:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/"},"wordCount":485,"commentCount":0,"publisher":{"@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/#\/schema\/person\/5b214d0040686a387985b9f290a2ce25"},"image":{"@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/#primaryimage"},"thumbnailUrl":"http:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-content\/uploads\/2013\/03\/vince_initiative.png","articleSection":["Wacom","Wacometmapomme"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/","url":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/","name":"Maj de la Bo\u00eete en papier - WacometmaPomme","isPartOf":{"@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/#primaryimage"},"image":{"@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/#primaryimage"},"thumbnailUrl":"http:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-content\/uploads\/2013\/03\/vince_initiative.png","datePublished":"2015-09-01T22:28:52+00:00","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/maj-de-la-boite-en-papier-4\/#primaryimage","url":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-content\/uploads\/2013\/03\/vince_initiative.png","contentUrl":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-content\/uploads\/2013\/03\/vince_initiative.png","width":298,"height":123},{"@type":"WebSite","@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/#website","url":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/","name":"WacometmaPomme","description":"","publisher":{"@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/#\/schema\/person\/5b214d0040686a387985b9f290a2ce25"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/#\/schema\/person\/5b214d0040686a387985b9f290a2ce25","name":"Vincenwoo","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-content\/uploads\/2021\/11\/wetmp-logoV5.png","url":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-content\/uploads\/2021\/11\/wetmp-logoV5.png","contentUrl":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-content\/uploads\/2021\/11\/wetmp-logoV5.png","width":265,"height":100,"caption":"Vincenwoo"},"logo":{"@id":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-content\/uploads\/2021\/11\/wetmp-logoV5.png"},"url":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/author\/vincenwoo\/"}]}},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"colormag-highlighted-post":false,"colormag-featured-post-medium":false,"colormag-featured-post-small":false,"colormag-featured-image":false,"colormag-default-news":false,"colormag-featured-image-large":false,"colormag-elementor-block-extra-large-thumbnail":false,"colormag-elementor-grid-large-thumbnail":false,"colormag-elementor-grid-small-thumbnail":false,"colormag-elementor-grid-medium-large-thumbnail":false},"uagb_author_info":{"display_name":"Vincenwoo","author_link":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/author\/vincenwoo\/"},"uagb_comment_info":0,"uagb_excerpt":"J’ai mis \u00e0 jour mon mini site La Bo\u00eete en Papier, en ajoutant l’ExpressKey Remote aux Intuos Pro et en","_links":{"self":[{"href":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-json\/wp\/v2\/posts\/11693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-json\/wp\/v2\/comments?post=11693"}],"version-history":[{"count":0,"href":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-json\/wp\/v2\/posts\/11693\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-json\/wp\/v2\/media?parent=11693"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-json\/wp\/v2\/categories?post=11693"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vincenwoo.com\/vincenwoo\/site_wacom_et_mapomme\/wp-json\/wp\/v2\/tags?post=11693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}