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

news/2024/11/21 1:36:48/

原创 文章, 转载请标明出处 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({

http://www.ppmy.cn/news/690026.html

相关文章

基于ThingJS开发的WebGL H5停车场三维可视化管理Demo

前言 随着社会的发展&#xff0c;城市中的汽车越来越多。车辆集中存放管理的场所被人类提出车辆进出的秩序、车辆存放的安全性、车辆存放管理的有偿性等要求。停车场系统应用现代机械电子及通讯科学技术&#xff0c;集控制硬件、软件于一体。随着科技的发展&#xff0c;停车场…

monoSLAM

单目相机的优点&#xff08;和双目相机相比&#xff09;&#xff1a;双目相机测得的深度距离收到基线长度的限制&#xff0c;单目相机就可以解决这个问题。 参考博客&#xff1a;http://blog.csdn.net/heyijia0327/article/details/50758944 &#xff08;一定要看&#xff0c…

Mooo

【题目描述】 有 N 个能量发射站排成一行&#xff0c;每个发射站i都有不相同的高度 Hi&#xff0c;并能向两边&#xff08;当然两端的只能向一边&#xff09;同时发射能量值为 Vi 的能量&#xff0c;并且发出的能量只被两边最近的且比它高的发射站接收。 显然每个发射站有可能接…

mood

心情不好

demo.

Demo源代码 <?php header(X-XSS-Protection: 0); $xss isset($_GET[xss])? $_GET[xss] : ; $xss str_replace(array("(",")","&","\\","<",">",""), , $xss); echo "<img sr…

ADMM

背景知识 对偶上升 等式约束优化问题&#xff1a; f f f是凸函数&#xff0c;2.1的拉格朗日项为&#xff1a; 其对偶函数为&#xff1a; inf代表下确界&#xff0c;之所以用下确界而不是用min&#xff0c;可能是因为有些函数没有极值&#xff08;定义域取不到&#xff09…

TO moya

谢谢你在我的BLOG上面的回复&#xff01;关于你说的"使用Netmeeting SDK"实现点对点的通信其实是很简单的。打开一个记事本&#xff0c;拷贝如下的代码&#xff1a; <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> &…

momo

momo.lic 文件 d65b5dc791cc1825c13349d46c011429