{"id":2138,"date":"2016-10-14T11:38:25","date_gmt":"2016-10-14T11:38:25","guid":{"rendered":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=2138"},"modified":"2016-10-14T14:12:53","modified_gmt":"2016-10-14T14:12:53","slug":"5-powerful-javascript-frameworks-for-2d-and-3d-graphics-javascript","status":"publish","type":"post","link":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/5-powerful-javascript-frameworks-for-2d-and-3d-graphics-javascript\/","title":{"rendered":"5 Powerful JavaScript Frameworks for 2D and 3D Graphics #javascript"},"content":{"rendered":"\n<!-- Facebook Like Button v1.9.6 BEGIN [http:\/\/blog.bottomlessinc.com] -->\n<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=http%3A%2F%2Finspiredtoeducate.net%2Finspiredtoeducate%2F5-powerful-javascript-frameworks-for-2d-and-3d-graphics-javascript%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" style=\"border:none; overflow:hidden; width:450px; height: 30px; align: left; margin: 2px 0px 2px 0px\"><\/iframe>\n<!-- Facebook Like Button END -->\n<p><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2015\/01\/threejs.png\" rel=\"attachment wp-att-1722\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-1722\" src=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2015\/01\/threejs.png\" alt=\"three js\" width=\"621\" height=\"481\" srcset=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2015\/01\/threejs.png 621w, http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-content\/uploads\/2015\/01\/threejs-300x232.png 300w\" sizes=\"(max-width: 621px) 100vw, 621px\" \/><\/a><\/p>\n<ul>\n<li><strong><a href=\"https:\/\/threejs.org\/\" target=\"_blank\">https:\/\/threejs.org\/<\/a><\/strong> &#8211; A 3D graphics library for HTML and JavaScript. Make sure to check out <a href=\"https:\/\/threejs.org\/examples\/\" target=\"_blank\">sample code here<\/a>\u00a0and at <a href=\"https:\/\/stemkoski.github.io\/Three.js\/\" target=\"_blank\">https:\/\/stemkoski.github.io\/Three.js\/<\/a>.\u00a0 \u00a0Writing Google Cardboard apps? \u00a0Check out\u00a0<a href=\"https:\/\/vr.chromeexperiments.com\/\" target=\"_blank\">https:\/\/vr.chromeexperiments.com\/<\/a>. \u00a0This link has template code for building a Google Cardboard app using JavaScript.<\/li>\n<li><strong><a href=\"http:\/\/p5js.org\/\" target=\"_blank\">http:\/\/p5js.org\/<\/a><\/strong> &#8211; &#8220;&#8230;a JavaScript library that starts with the original goal of Processing, to make coding accessible for artists, designers, educators, and beginners, and reinterprets this for today&#8217;s web.&#8221; This library looks like a great framework for getting started in 2D graphics. \u00a0Khan Academy uses a similar framework in <a href=\"https:\/\/www.khanacademy.org\/computing\/computer-programming\/programming\" target=\"_blank\">their drawing tutorials to computer science<\/a>.<\/li>\n<li><strong><a href=\"http:\/\/www.babylonjs.com\/\" target=\"_blank\">http:\/\/www.babylonjs.com\/<\/a><\/strong> &#8211; 3D graphics library that abstracts the complexities of WebGL. They seem to have a focus of making it simple to get started while making it possible to build complex scenes. For a detailed review of this framework, check this<a href=\"http:\/\/hanselminutes.com\/432\/learning-webgl-and-making-3d-html-games-with-david-catuhe-and-babylonjs\" target=\"_blank\"> interview from Scott Hanselman<\/a>. \u00a0( <a href=\"http:\/\/www.hanselman.com\/blog\/EasyAccelerated3DGamesInABrowserWithJavaScriptAndWebGLUsingThreejsOrBabylonjs.aspx\" target=\"_blank\">Check out the blog post too<\/a> )<\/li>\n<li><strong><a href=\"http:\/\/paperjs.org\/\" target=\"_blank\">http:\/\/paperjs.org\/<\/a><\/strong> &#8211; &#8220;Paper.js is an open source vector graphics scripting framework that runs on top of the HTML5 Canvas. It offers a clean Scene Graph \/ Document Object Model and a lot of powerful functionality to create and work with vector graphics and bezier curves, all neatly wrapped up in a well designed, consistent and clean programming interface.&#8221;<\/li>\n<li><strong><a href=\"http:\/\/fabricjs.com\/\" target=\"_blank\">http:\/\/fabricjs.com\/<\/a><\/strong> &#8211; Another cool vector graphics library.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>What&#8217;s your favorite JS library for computer graphics? \u00a0 Let us know in the comments!<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Make sure Macon&#8217;s Google DevFest!<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/events\/devfest\/\" target=\"_blank\">Google DevFest<\/a>: A festival for software developers, artists, and creative thinkers.<br \/>\nExplore CrowdSourced Art using tools like ThreeJS and <a href=\"http:\/\/Firebase.com\" target=\"_blank\">Firebase.com<\/a>, an amazing realtime database framework.<\/li>\n<li>Learn more at <a href=\"http:\/\/devfest.cs.mercer.edu\/\" target=\"_blank\">http:\/\/devfest.cs.mercer.edu\/<\/a><\/li>\n<li>When: October 22, 2016 &#8211; 9 a.m. &#8211; 5 p.m.<\/li>\n<li>Where: Mercer University Science and Engineering Building<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><b>Top Stories<\/b><\/p>\n<ul>\n<li><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=1285\">10 Free Resources for Learning JavaScript and HTML5<\/a><\/li>\n<li><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=1238\">17 Fun Tools To Teach Kids To Code by @ChrisBetcher<\/a><\/li>\n<li><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=623\">Benefits of Teaching Kids To Code That No One Is Talking About<\/a><\/li>\n<li><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=1349\">Easy Recipes for Building Android Apps using MIT App Inventor<\/a><\/li>\n<li><a href=\"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/?p=1079\">Simple Minecraft Programming Using ScriptCraftJS<\/a><\/li>\n<\/ul>\n\n<!-- Facebook Like Button v1.9.6 BEGIN [http:\/\/blog.bottomlessinc.com] -->\n<iframe src=\"http:\/\/www.facebook.com\/plugins\/like.php?href=http%3A%2F%2Finspiredtoeducate.net%2Finspiredtoeducate%2F5-powerful-javascript-frameworks-for-2d-and-3d-graphics-javascript%2F&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light\" scrolling=\"no\" frameborder=\"0\" allowTransparency=\"true\" style=\"border:none; overflow:hidden; width:450px; height: 30px; align: left; margin: 2px 0px 2px 0px\"><\/iframe>\n<!-- Facebook Like Button END -->\n","protected":false},"excerpt":{"rendered":"<p>https:\/\/threejs.org\/ &#8211; A 3D graphics library for HTML and JavaScript. Make sure to check out sample code here\u00a0and at https:\/\/stemkoski.github.io\/Three.js\/.\u00a0 \u00a0Writing Google Cardboard apps? \u00a0Check out\u00a0https:\/\/vr.chromeexperiments.com\/. \u00a0This link has template code for building a Google Cardboard app using JavaScript. http:\/\/p5js.org\/ &#8211; &#8220;&#8230;a JavaScript library that starts with the original goal [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,24,16,23,8],"tags":[],"_links":{"self":[{"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/2138"}],"collection":[{"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/comments?post=2138"}],"version-history":[{"count":4,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/2138\/revisions"}],"predecessor-version":[{"id":2142,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/posts\/2138\/revisions\/2142"}],"wp:attachment":[{"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/media?parent=2138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/categories?post=2138"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/inspiredtoeducate.net\/inspiredtoeducate\/wp-json\/wp\/v2\/tags?post=2138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}