{"id":625,"date":"2019-01-11T12:07:14","date_gmt":"2019-01-11T12:07:14","guid":{"rendered":"https:\/\/www.kolkataonweb.com\/code-bank\/?p=625"},"modified":"2019-01-21T06:56:53","modified_gmt":"2019-01-21T06:56:53","slug":"threejs-experiments-with-web-3d","status":"publish","type":"post","link":"https:\/\/www.kolkataonweb.com\/code-bank\/php\/threejs-experiments-with-web-3d\/","title":{"rendered":"Web 3D experiments with ThreeJS"},"content":{"rendered":"<p>Here is an experiment where a fixed background (or texture) has been used behind an interact-able 3D model. The model was created using Blender. From Blender (or any other 3D software) export the model as FBX file.<\/p>\n<p>The code formatting is getting horribly misaligned when pasted here. So here is the whole folder. Run the <span style=\"color: #0000ff;\">webgl_loader_fbx2.php<span style=\"color: #333333;\">. Though I have included <span style=\"color: #0000ff;\">files.js<\/span>, but it not needed for this experiment. <\/span><\/span><\/p>\n<p><a href=\"https:\/\/www.kolkataonweb.com\/code-bank\/wp-content\/uploads\/2019\/01\/three.js-experiments.zip\">three.js-experiments &#8212; Download sample app from here.<\/a><\/p>\n<p><a href=\"https:\/\/www.kolkataonweb.com\/code-bank\/wp-content\/uploads\/2019\/01\/Box.zip\">Here is a sample 3D box<\/a> created using Blender (fbx format).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Here is an experiment where a fixed background (or texture) has been used behind an interact-able 3D model. The model was created using Blender. From Blender (or any other 3D software) export the model as FBX file. The code formatting is getting horribly misaligned when pasted here. So here is the whole folder. Run the&hellip; <a class=\"more-link\" href=\"https:\/\/www.kolkataonweb.com\/code-bank\/php\/threejs-experiments-with-web-3d\/\">Continue reading <span class=\"screen-reader-text\">Web 3D experiments with ThreeJS<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[150,151,152,141,154,155,156,153],"class_list":["post-625","post","type-post","status-publish","format-standard","hentry","category-php","tag-3d","tag-ar","tag-js-3d","tag-php","tag-three-js","tag-threejs","tag-vr","tag-web-3d","entry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.kolkataonweb.com\/code-bank\/wp-json\/wp\/v2\/posts\/625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kolkataonweb.com\/code-bank\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kolkataonweb.com\/code-bank\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kolkataonweb.com\/code-bank\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kolkataonweb.com\/code-bank\/wp-json\/wp\/v2\/comments?post=625"}],"version-history":[{"count":7,"href":"https:\/\/www.kolkataonweb.com\/code-bank\/wp-json\/wp\/v2\/posts\/625\/revisions"}],"predecessor-version":[{"id":646,"href":"https:\/\/www.kolkataonweb.com\/code-bank\/wp-json\/wp\/v2\/posts\/625\/revisions\/646"}],"wp:attachment":[{"href":"https:\/\/www.kolkataonweb.com\/code-bank\/wp-json\/wp\/v2\/media?parent=625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kolkataonweb.com\/code-bank\/wp-json\/wp\/v2\/categories?post=625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kolkataonweb.com\/code-bank\/wp-json\/wp\/v2\/tags?post=625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}