three.js学习笔记为模型增添物理效果

最新推荐文章于 2024-07-29 01:58:39 发布

my_mystery

最新推荐文章于 2024-07-29 01:58:39 发布

阅读量9k

点赞数 1

分类专栏： Three.js 文章标签： JavaScript three.js webgl

本文链接：https://blog.csdn.net/u014658748/article/details/51781705

版权

本文介绍如何在three.js场景中为从3Dmax或Blender导出的模型赋予物理效果。尽管Physijs提供了一些物理功能，但不直接支持模型加载。作者分享了一个方法，通过修改r71版本的加载方式，让模型能够具备重力和碰撞检测等物理特性。

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

前一篇介绍了物理引擎Physijs，场景中的对象只需要用特定的Physijs对象封装一下便可以在场景中展现物理效果(重力、碰撞检测等)。但Physijs并没有为模型的加载提供一种特定的方法。所以由3Dmax或是Blender等建模软件创建的模型通过传统方式加载到场景中并没有物理效果。

为了使模型具有物理效果这里我使用了一种方法(才疏学浅，仅供参考)。

这里使用的是r71的加载方式，最新的有所不同。

正常加载：

				var loader = new THREE.OBJMTLLoader();
				loader.load('obj/three.obj', 'obj/three.mtl', function(object) {
					model =object;
					scene.add(model);
					}, onProgress, onError);

物理场景加载：

			var loader = new THREE.OBJMTLLoader();
				loader.load('obj/three.obj', 'obj/three.mtl', function(object) {
					model = object;

					for (var i = 0; i < model.children.length; i++) {
						model.children[i].castShadow = true;
						var ground_material = Physijs.createMaterial(
							model.children[i].material,
							1,
							0
						);
						var mesh = new Physijs.ConcaveMesh( 
							model.children[i].geometry,
							ground_material,
							0
						);
						scene.add(mesh);
					}

					scene.add(m