{"id":274,"date":"2015-06-19T14:37:37","date_gmt":"2015-06-19T18:37:37","guid":{"rendered":"https:\/\/2015.scranton.wordcamp.org\/?post_type=wcb_session&#038;p=274"},"modified":"2015-08-05T19:18:18","modified_gmt":"2015-08-05T23:18:18","slug":"wp3d-using-wordpress-to-power-3d-environments","status":"publish","type":"wcb_session","link":"https:\/\/scranton.wordcamp.org\/2015\/session\/wp3d-using-wordpress-to-power-3d-environments\/","title":{"rendered":"WP3D: Using WordPress to power 3D environments"},"content":{"rendered":"<p>As browser compatibility with WebGL grows in support, rich 3d interfaces are more in demand with each successive year.<\/p>\n<p>Moreover, even if a browser has no support for WebGL, we can degrade gracefully, and show the user an alternate site view with no more hassle than enqueueing modernizr.<\/p>\n<p>This talk will initially showcase a few examples of using 3D environments in WordPress.<\/p>\n<p>I\u2019ll then go over helpful tips about WebGL and the relevance to WordPress, and discuss frequently-used JavaScript libraries that make our lives easier, followed by how to use them properly within WordPress.<\/p>\n<p>I\u2019ll then provide an example \u2013 along with links to more thorough guides \u2013 on how to pull in data from WordPress into JavaScript as globals, and make it available for use in your 3D application.<\/p>\n<p>This will be followed by briskly picking apart a basic WebGL \u2018Hello World\u2019, looking at each component:<\/p>\n<ul>\n<li>The _s theme<\/li>\n<li>A custom page template<\/li>\n<li>The 3.js library<\/li>\n<li>Custom js for the page template<\/li>\n<li>WP ajax functionality<\/li>\n<\/ul>\n<p>If all goes well, attendees will conclude the talk having a good understanding of the features and caveats of 3d application development in WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>As browser compatibility with WebGL grows in support, rich 3d interfaces are more in demand with each successive year. Moreover, even if a browser has no support for WebGL, we can degrade gracefully, and show the user an alternate site view with no more hassle than enqueueing modernizr. This talk will initially showcase a few &hellip; <a href=\"https:\/\/scranton.wordcamp.org\/2015\/session\/wp3d-using-wordpress-to-power-3d-environments\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">WP3D: Using WordPress to power 3D environments<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":7329482,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1437230700,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"http:\/\/ramiabraham.com\/talks\/wp3d\/","_wcpt_session_video":"http:\/\/wordpress.tv\/2015\/08\/05\/rami-abraham-wp3d-using-wordpress-to-power-3d-environments\/","_wcpt_speaker_id":[248],"footnotes":""},"session_track":[5041],"session_category":[],"class_list":["post-274","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-developer"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p5JKi8-4q","session_date_time":{"date":"July 18, 2015","time":"10:45 am"},"session_speakers":[{"id":"248","slug":"rami-abraham","name":"Rami Abraham","link":"https:\/\/scranton.wordcamp.org\/2015\/speaker\/rami-abraham\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/scranton.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scranton.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/scranton.wordcamp.org\/2015\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":2,"href":"https:\/\/scranton.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/274\/revisions"}],"predecessor-version":[{"id":818,"href":"https:\/\/scranton.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/274\/revisions\/818"}],"speakers":[{"embeddable":true,"href":"https:\/\/scranton.wordcamp.org\/2015\/wp-json\/wp\/v2\/speakers\/248"}],"author":[{"embeddable":true,"href":"https:\/\/scranton.wordcamp.org\/2015\/wp-json\/wporg\/v1\/users\/ramiabraham"}],"wp:attachment":[{"href":"https:\/\/scranton.wordcamp.org\/2015\/wp-json\/wp\/v2\/media?parent=274"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/scranton.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_track?post=274"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/scranton.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_category?post=274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}