3D开发平台哪个更好操作?

本文探讨了3D开发常用的thingjs、threejs和cesium平台,分析它们的易用性和操作性。通过示例介绍了thingjs的在线调试和动态创建3D物体的方法,帮助开发者更好地选择适合自己的3D开发工具。
摘要由CSDN通过智能技术生成

3D开发搞技术的朋友一定不陌生,做一个3D可视化应用那是相当有面子的,这不仅考验工程师的技术,还能丰富自己的3D开发经验。我们都知道3D开发平台有那么几个平台是最常用的,thingjs、threejs、cesium等等,到底哪个3D开发平台更好使用,更好操作呢?一起来了解一下吧!

在线调试

ThingJS 在线开发环境中可以通过在代码里加入 “debugger” 关键字进行调试,调试步骤如下:

在代码中加入 “debugger” 关键字

F12 打开浏览器控制台

点击按钮运行代码

在浏览器控制台中查看断点位置

F12 调试

和普通页面调试方法一样,直接打开 F12 在 Sources 里 找到 debug.js文件,在里面打断点即可调试,调试步骤如下:

F12键调出浏览器控制台可以查看在线开发环境相关信息

点击选择“Sources - Page”

选择Top目录下的ifId(about:blank) - (no - domain -debug.js)

在浏览器控制台的debug.js文件点击断点行数

点击在线开发工具栏“执行项目”图标

/**

* 说明:通过请求数据 动态创建柜子中的书

*/

var app = new THING.App({

    url: 'https://www.thingjs.com/static/models/storehouse'    // 场景地址

});

// 请求书籍数据的url

var url = 'https://www.thingjs.com/static/data/books.json';

// 书籍的物体面板

var panel;

app.on('load', function (ev) {

    // 开启层级切换

    app.level.change(ev.campus);

    // 获取目标书柜

    var cabinetSelector = app.query('cabinetB4')[0];

    // 点击按钮到目标书柜

    new THING.widget.Button('目标书柜', function () {

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值