50代码HTML5 Canvas 3D 编辑器优雅搞定

原创 文章， 转载请标明出处 https://blog.csdn.net/liuwei000000/article/details/83378837   

  1024程序员节刚过，手痒想实现一个html的3d编辑器，看了three.js  同时还看了网上流传已久的<<基于 HTML5 Canvas 的简易 2D 3D 编辑器>>，都觉得太复杂，一个3d编辑器貌似没有几百行代码搞不定。其实还真不是，那就用上次推荐的www.thingjs.com开发平台来试着做一下吧。

 目标50行代码之内完成3d编辑器功能。

 第一步，先来到thingjs平台的在线开发环境。

三行代码加载了一个默认场景，那就在这个基础上做吧。先把不需要的注释删了。

var app = new THING.App({
    url: 'https://www.thingjs.com/static/models/storehouse'    // 场景