{"id":87,"date":"2011-02-18T13:52:30","date_gmt":"2011-02-18T13:52:30","guid":{"rendered":"http:\/\/www.funkboxing.com\/wordpress\/?p=87"},"modified":"2021-01-03T18:18:43","modified_gmt":"2021-01-03T18:18:43","slug":"my-very-own-3d-models-in-a-browser","status":"publish","type":"post","link":"http:\/\/funkboxing.com\/wordpress\/?p=87","title":{"rendered":"Balsa Wood Plane &#8211; 3d web viewer"},"content":{"rendered":"<p>I&#8217;ll do a proper tutorial on how to export models like this- as soon as I figure it out myself.<\/p>\n<p>for now here&#8217;s the basics&#8230;<br \/>\n-found this &#8211; <a href=\"https:\/\/github.com\/mrdoob\/three.js\">three.js<\/a><br \/>\n-exported a 3d model (balsa plane) from blender using the included export script.\u00a0 (here&#8217;s the <a href=\"http:\/\/www.funkboxing.com\/wordpress\/wp-content\/webgl\/bplaneWeb.blend\">.blend<\/a> file and the <a href=\"http:\/\/www.funkboxing.com\/wordpress\/wp-content\/webgl\/bplaneWeb.png\">.png<\/a> texture<br \/>\n-jacked the code from this <a href=\"http:\/\/mrdoob.github.com\/three.js\/examples\/materials_normalmap2.html\">sample viewer<\/a>, spliced in my model path&#8230; and&#8230;<br \/>\n&#8211;<a href=\"http:\/\/www.funkboxing.com\/wordpress\/wp-content\/webgl\/bplaneWeb.html\">VOILA!<\/a> (if you have a webgl enabled browser)<\/p>\n<p>if you don&#8217;t &#8211; here&#8217;s a render.<\/p>\n<div style=\"width: 330px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/www.funkboxing.com\/wordpress\/wp-content\/webgl\/bplaneWebREND.jpg\" rel=\"lightbox[roadtrip]\"><img decoding=\"async\" loading=\"lazy\" title=\"3d Balsa Plane\" src=\"http:\/\/www.funkboxing.com\/wordpress\/wp-content\/webgl\/bplaneWebREND.jpg\" alt=\"\" width=\"320\" height=\"240\" \/><\/a><p class=\"wp-caption-text\">Less fun as a 3d model, but still fun.<\/p><\/div>\n<p>this is a boids sim I did with the planes.<br \/>\n[videoplayer file=&#8221;wp-content\/video\/BalsaPlaneSpaceSwarm.flv&#8221; \/] <\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ll do a proper tutorial on how to export models like this- as soon as I figure it out myself. for now here&#8217;s the basics&#8230; -found this &#8211; three.js -exported a 3d model (balsa plane) from blender using the included export script.\u00a0 (here&#8217;s the .blend file and the .png texture -jacked the code from this <a href='http:\/\/funkboxing.com\/wordpress\/?p=87' class='excerpt-more'>[&#8230;]<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3,47],"tags":[],"_links":{"self":[{"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/87"}],"collection":[{"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=87"}],"version-history":[{"count":1,"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/87\/revisions"}],"predecessor-version":[{"id":2646,"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=\/wp\/v2\/posts\/87\/revisions\/2646"}],"wp:attachment":[{"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=87"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=87"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/funkboxing.com\/wordpress\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=87"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}