首页 > 其他分享 >ar小Demo(aframe.js)

ar小Demo(aframe.js)

时间:2023-02-22 23:23:03浏览次数:58  
标签:www Demo aframe ar https com

官网:

https://aframe.io/

中文网:

https://www.techbrood.com/aframe/guides?p=building-a-basic-scene

虚拟现实

https://mp.weixin.qq.com/s/6ddpdknOHAKO9ORUPIqnAg

3d模型

https://www.techbrood.com/aframe/introduction?p=models

Demo

 <style>
      #arjsDebugUIContainer {
        opacity: 0;
        /* transform: scale(); */
      }
    </style>
    <!-- 这个是一个做3d的 -->
    <script src="./aframe.min.js"></script>

    <!-- 添加ar 基于aframe 库的 -->
    <script src="./aframe-ar.js"></script>
  </head>
  <body style="margin: 0px; overflow: hidden">
    <!-- 来个场景标签包含所有实体 并且初始化arjs  -->
    <a-scene embedded arjs>
      <!-- 添加gltf  导入模型 -->
      <a-entity
        gltf-model="./demo/scene.gltf"
        position="0 -0.2 -1.5"
        scale="1 1 1"
        rotation="30 0 0"
      >
        <a-animation
          attribute="rotation"
          dur="3000"
          to="0 0 360"
          repeat="indefinite"
        ></a-animation>
      </a-entity>
      <!-- <a-box color="red" position="0 2 -50" rotation="0 45 45" scale="2 2 2">
      </a-box> -->
      <!-- <a-entity gltf-model="#tree" scale="0.01 0.01 0.01"></a-entity> -->
      <!-- 添加摄像头 -->
      <a-marker-camera preset="hiro"></a-marker-camera>
    </a-scene>
  </body>
 

  

标签:www,Demo,aframe,ar,https,com
From: https://www.cnblogs.com/qiaomucreate/p/17146379.html

相关文章

  • 自学python-安装python/pycharm-day03
    安装解释器/学习工具pycharm1.Python简介诞生python的创始人为吉多·范罗苏姆(GuidovanRossum),一般称龟叔。1989年的圣诞节期间,龟叔为了在阿姆斯特丹打发时间,决心......
  • Angular中播放RTSP
     要使用这个库需要先安装我使用了npm来安装https://www.npmjs.com/package/webrtc-streamer需要启动webrtc-streamer后端,这里有下载地址https://github.com/mpromon......
  • ARC121F Logical Operations on Tree【DP】
    给定一棵树,给每个点填\(0\)或\(1\),给每条边填\(\text{AND}\)或\(\text{OR}\),求有多少种填法满足存在一种缩边的顺序,使得每次把一条边的两个端点缩成一个点,权为原端点......
  • Spark系列 - (2) Spark核心概念
    本文主要介绍Spark的核心知识点,2.Spark核心概念主要介绍Spark核心概念RDD以及相应的API。2.1RDD介绍RDD(ResilientDistributedDataset)叫做弹性分布式数据集,是Spar......
  • DIVFusion_ Darkness-free infrared and visible image fusion 论文解读
    研究背景:​ 当前图像融合方法都是针对正常照明的红外与可见光图像设计的,无法有效处理夜景下的情况。​ 而针对夜景下的融合可以分为以下两个步骤,1可见光图像增强,2可......
  • Kill Demodogs
    题意大意是求思路n项平方和求法:1+4+9+16+....+\(n^2\)=1*1+2*2+3*3+...+n*n=(1+2+3+...+n)+(1*2+2*3+...+(n-......
  • 使用云服务器配置MariaDB环境,Navicat远程连接一直出错误代码 "2002 - Can't connect
    使用腾讯云或者阿里云的服务器配置MariaDB数据库环境的时候,用Navicat远程连接在Centos7的Linux上配置MariaDB数据库环境的时候一直出错误代码"2002-Can'tconnecttos......
  • CF873E - Awards For Contestants
    题意:对于\(n\)个人,每个人有一个分数,现在要把所有人分成四等,使得:前三类都有人前三类中,任意类的人数不大于其他类的人数的两倍不能有\(i\)的分数比\(j\)高但......
  • 利用SpringBoot自动装配原理自定义starter
    在使用SpringBoot时候我们经常会碰到引入很多的starter的自动化配置,有了这些starter以后我们就可以很轻松的完成一个企业级的开发项目,很多小朋友就会对于starter很神奇,其实......
  • PyTorch——SummaryWriter,TensorboardX
    Tensorboard的工作流程将代码运行过程中的,某些你关心的数据保存在一个文件夹中:这一步由代码中的writer完成再读取这个文件夹中的数据,用浏览器显示出来:这一步通过在命令行运......