ThingJS官方示例（八）：3D多边形区域交互开发之5个注册事件

最新推荐文章于 2024-03-15 18:19:26 发布

ThingJS_小锘

最新推荐文章于 2024-03-15 18:19:26 发布

阅读量282

点赞数

分类专栏： ThingJS 物联网文章标签： javascript

本文链接：https://blog.csdn.net/ThingJS/article/details/112474332

版权

本文介绍了如何使用ThingJS创建多边形区域，包括圆形、方形等，并通过注册鼠标事件实现交互控制。展示了在区域内、区域外、边缘的不同交互效果，并强调了ThingJS平台在物联网3D可视化开发中的便捷性。

摘要由CSDN通过智能技术生成

前言

如果要在数字场景中划定一个虚拟范围，可以创建多边形区域（圆形、方形、不规则形状），定义范围接口；而创建区域范围并设置了其位置之后，可以针对范围的内容执行很多种操作，从而实现对数字孪生对象更精细的交互控制, 更多demo可以点击这里注册查看!

创建区域范围

ThingJS使用button属性创建区域范围，无论是圆形、方形或者多边形，都需要定义区域的世界坐标，来构成区域形状的点位置，同时加入区域颜色、边框颜色、透明程度，开启拖拽模式，不到15行代码，就能够轻松生成！

	new THING.widget.Button('创建方形区域', function () {
		// 构成多边形的点（取世界坐标系下的坐标）
		var points = [[0, 0, 0], [10, 0, 0], [10, 0, 10], [0, 0, 10]];
		if (region02 != null) return;
		// 创建方形区域
		region02 = app.create({
			type: 'PolygonRegion',
			id: 'polygonRegion02',
			points: points,  /