{"id":741,"date":"2015-05-07T18:34:27","date_gmt":"2015-05-07T22:34:27","guid":{"rendered":"https:\/\/2015.philly.wordcamp.org\/?post_type=wcb_session&#038;p=741"},"modified":"2015-05-08T11:49:04","modified_gmt":"2015-05-08T15:49:04","slug":"wp3d-using-wordpress-to-power-3d-environments","status":"publish","type":"wcb_session","link":"https:\/\/philadelphia.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&#8217;ll 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&#8217;ll then provide an example &#8211; along with links to more thorough guides &#8211; 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 &#8216;Hello World&#8217;, looking at each component:<\/p>\n<p>&#8211; The _s theme<br \/>\n&#8211; A custom page template<br \/>\n&#8211; The 3.js library<br \/>\n&#8211; Custom js for the page template<br \/>\n&#8211; WP ajax functionality<\/p>\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:\/\/philadelphia.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":{"_wcpt_session_time":1434210600,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[534],"footnotes":""},"session_track":[5041],"session_category":[],"class_list":["post-741","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-developer"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pheTpP-bX","session_date_time":{"date":"June 13, 2015","time":"11:50 am"},"session_speakers":[{"id":"534","slug":"rami-abraham","name":"Rami Abraham","link":"https:\/\/philadelphia.wordcamp.org\/2015\/speaker\/rami-abraham\/"}],"session_cats_rendered":null,"_links":{"self":[{"href":"https:\/\/philadelphia.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/741","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/philadelphia.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/philadelphia.wordcamp.org\/2015\/wp-json\/wp\/v2\/types\/wcb_session"}],"version-history":[{"count":3,"href":"https:\/\/philadelphia.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/741\/revisions"}],"predecessor-version":[{"id":910,"href":"https:\/\/philadelphia.wordcamp.org\/2015\/wp-json\/wp\/v2\/sessions\/741\/revisions\/910"}],"speakers":[{"embeddable":true,"href":"https:\/\/philadelphia.wordcamp.org\/2015\/wp-json\/wp\/v2\/speakers\/534"}],"author":[{"embeddable":true,"href":"https:\/\/philadelphia.wordcamp.org\/2015\/wp-json\/wporg\/v1\/users\/ramiabraham"}],"wp:attachment":[{"href":"https:\/\/philadelphia.wordcamp.org\/2015\/wp-json\/wp\/v2\/media?parent=741"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/philadelphia.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_track?post=741"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/philadelphia.wordcamp.org\/2015\/wp-json\/wp\/v2\/session_category?post=741"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}