aframe - 如何在框架中创建线框 3D 立方体?

标签 aframe webvr

我正在努力为盒子基元创建线框。尝试了颜色、不透明度和透明属性,但似乎都不起作用。这是代码 -

<a-entity geometry="primitive: box; width: 1; height: 1; depth: 1" position="0 1 0" material="color: #0000FF; opacity: 0.5;" rotation="0 0 120"></a-entity>

需要渲染这样的东西 -

enter image description here

最佳答案

您需要查看THREE.Material docs对于这个,有一点需要注意,因为 A 型框架无法公开每个选项。这是一个使用 wireframe 选项的示例组件:

 AFRAME.registerComponent('wireframe', {
   dependencies: ['material'],
   init: function () {
     this.el.components.material.material.wireframe = true;
   }
 });
<小时/>
 <a-entity geometry="primitive: box" material="color: blue" wireframe></a-entity>

关于aframe - 如何在框架中创建线框 3D 立方体?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38850411/

相关文章:

javascript - aFrame.io 创建超链接和下载链接

javascript - Aframe:平滑位置和旋转?

javascript - 为什么这个脚本不起作用? - 一个框架

javascript - aframe 0.8.2 将VR加载为魔窗/novr耳机/进入vr而不分屏

javascript - A-frame 添加启用/禁用功能组件

javascript - AFrame:重新调整元素的父级,保持其世界位置、旋转

javascript - 如何使用 WebVR 和 A-Frame 跟踪 Controller 移动事件?

html - A-Frame/Google Chrome 在 2019 年是否有正确的链接遍历?

javascript - A-frame 播放来自 sketchfab 的特定动画

javascript - 当我的 Javascript 函数运行时,我的 A-Frame 没有渲染。我怎样才能让它同时渲染?