个人中心
gpt4 book ai didi

javascript - 来自 Javascript 的双面 a-frame a-panel

转载 作者：行者123 更新时间：2023-12-01 02:59:53 24 4
gpt4 key购买 nike

如何从 Javascript 设置 a-frame a-panel 的 Material ，以便纹理变为双面？

我已经成功地从外部 Javascript 做到了这一点 <a-plane src="image.jpg" material="side: double">但我无法让它与 JavaScript 一起工作。

这是一个非工作示例，其中仅正面可见:

<html>
<head>
    <script src="aframe.min.js"></script>
    <script type="text/javascript">
     function setup() {
       scene = document.querySelector('a-scene');

       var entity = document.createElement('a-entity');
       entity.setAttribute('position', '0 1.6 -1');

       var plane = document.createElement('a-plane');
       var planeMaterial = document.createElement('material');
       planeMaterial.setAttribute('side', 'double');
       plane.appendChild(planeMaterial);
       plane.setAttribute('src', 'https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Jubilee_and_Munin%2C_Ravens%2C_Tower_of_London_2016-04-30.jpg/240px-Jubilee_and_Munin%2C_Ravens%2C_Tower_of_London_2016-04-30.jpg')
       entity.appendChild(plane);

       scene.appendChild(entity);
     }
     window.onload = setup;
    </script>
</head>

<body>
    <a-scene></a-scene>
</body>
</html>

最佳答案

根据您提供的 html，这就是您所需要的。

plane.setAttribute('material','side:double');

您发布的代码会生成

<a-plane src="image.jpg"><material side="double"></material></a-plane>

<小时/> 

function setup() {
  scene = document.querySelector('a-scene');

  var entity = document.createElement('a-entity');
  entity.setAttribute('position', '0 1.6 -1');

  var plane = document.createElement('a-plane');
  plane.setAttribute('material', 'side: double;');
  plane.setAttribute('src', 'https://upload.wikimedia.org/wikipedia/commons/thumb/3/30/Jubilee_and_Munin%2C_Ravens%2C_Tower_of_London_2016-04-30.jpg/240px-Jubilee_and_Munin%2C_Ravens%2C_Tower_of_London_2016-04-30.jpg')
  entity.appendChild(plane);

  scene.appendChild(entity);
}
window.onload = setup;
<html>

<head>
  <script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script>
</head>

<body>
  <a-scene></a-scene>
</body>

</html>

关于javascript - 来自 Javascript 的双面 a-frame a-panel，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46503982/

24 4 0
文章推荐： JavaScript 链接函数/使用 IIFE 表达式扩展函数
文章推荐： python - pygame.mouse.get_pos() 成两个单独的字符串
文章推荐： jquery - Flexslider 粘在第一帧上
文章推荐： jquery - 如何从下往上迭代
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com