awe.js增强现实添加文本

Question

我正在尝试将文本添加到awe.js项目中，使用本教程我想出了一个尝试，https://www.sitepoint.com/augmented-reality-in-the-browser-with-awe-js/。

awe.projections.add({
    id: 'text',
    geometry: {shape: 'text', text: 'Hello World', font: 'times new roman', weight: 'normal', style: 'normal'},
    rotation: {y: 45},
    position: {x: -5, y: -31, z: -5},
    material: {
        type: 'phong',
        color: 0xFF0000
    }
}, {poi_id: 'marker'});

然后我对这个主题做了更多的研究，并尝试了不同的方法，但仍然没有成功。

awe.pois.add({ id:'fixed_poi', position: { x:70, y:0, z:-250 }, visible: true });
                    awe.projections.add({ 
                      id:'fixed_projection', 
                                geometry: { shape: 'text', text: "My Text", parameters:{font: 'optimer', size: 50}},
                position: { x:0, y:0, z:0 },
                rotation: { x:0, y:0, z:0 },
                      material:{ type: 'phong', color: 0xFFFFFF },
                    }, { poi_id: 'fixed_poi' });

Answer 1

您可以单独创建文本模型( .obj 3D模型)，例如在Windows10的3D builder中，然后按以下方式将其添加到awe.js：

awe.pois.add({ id:'jsartoolkit_marker_64', position: { x:0, y:0, z:0 }, scale: { x: 1, y: 1, z: 1 } });
                awe.projections.add({ 
                              id:'marker_projection', 
                                    geometry: { path: 'models/obj/example.obj' }, // path to your model
                                    position: { x: 0, y: 0, z: 0 },
                                    rotation: { x: 0, y: 180, z: 0 },
                                    material:{ path: 'models/obj/example.mtl' }, // path to material if you're using one
                                    visible: false,
}, { poi_id: 'jsartoolkit_marker_64' }); // common point of interest, in this case the marker 

希望这能有所帮助