首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏MixLab科技+设计实验室

    三步构建你的AR项目 | Mixlab增强现实

    AR.js 简单三个步骤即可完成AR的部署,最后可以直接生成一个链接或者下载源文件代码。 ? 案例:用于研究解剖学的增强现实书籍。 AR.js Studio是一个能够让大众免费构建Web AR而无需编写代码的一个网站。 基于AR.js studio的Marker的流程 基于位置,可以添加定义经度和纬度的位置,或者通过从地图中选择一个位置。 ? 基于AR.js studio的Location的流程 最终,代码将会自动帮你生成,你可以添加和部署到你任意想要插入的地方。

    1.6K10发布于 2021-01-12
  • 来自专栏前端劝退师

    颜值即正义!这几个库颠覆你对数据交互的想象

    这是个很有意思的实现,大致流程是: 手机开启浏览器 AR.js程序开始 ARToolKit识别到图片标记 A-Frame.js开始调用Three.js渲染 3D 模型 在画面上显示 ? aframe-ar.js"></script> <script>THREEx.ArToolkitContext.baseURL = 'https://rawgit.com/jeromeetienne/ar.js </a-marker> </a-scene> </body> 第 1〜3 行:把 js 套件都约会进来 第 6 行:使用A-frame的html标签添加一个a-scene摄像头并把AR.js 原文:AR 用 AR.js 做一個讓另對方 喔喔喔喔! 的小卡片吧![1] 请欣赏一个价值 2199 刀的模型 ? 还有超赞的《这个杀手不太冷》女孩模型 ? 这也太好看了吧。 ? 4. ,可以加我微信:huab119) 也可以来我的GitHub博客里拿所有文章的源文件: 前端劝退指南:https://github.com/roger-hiro/BlogFN 参考资料 [1] AR用AR.js

    2.4K40发布于 2019-12-16
  • 来自专栏BestSDK

    6个最好用的 AR/VR开源框架:无需任何插件安装,只用浏览器即可

    AR.js AR.js 是一款应用于 Web 的高效增强现实(AR)库,基于 three.js + jsartoolkit5,无需安装。

    10.7K111发布于 2018-03-02
  • 来自专栏机器之心

    你要「老婆」不要?谷歌程序员20行代码把二次元「老婆」带到现实世界

    备选的解决方案有这么几个:谷歌的 WebXR、AR.js 和 Argon.js。 AR.js 提供了一个接口,可以将自己的模型对应到二维码或者图案上。但这里有一个问题:精美的 3D 模型要从哪里找呢?在视频中,Mars 推荐的是一个叫 Sketchfab 的网站。

    87140发布于 2020-08-07
  • 来自专栏AIRX三次方

    Web vs App(AR版)

    WebAR解决方案的范围很广,既可以使用设备的陀螺仪/加速度计传感器作为背景,也可以使用相机输入,也可以使用更复杂的解决方案,例如AR.js,TensorFlowJS和USDZ。 输入由Jerome Etienne编写的框架AR.js,该框架使用A-Frame(在Three.js之上构建)和JSARToolkit5 (ARToolKit的脚本端口),还有其他一些WebAR框架,但是大多数都需要特殊的 AR.js是开源的,不需要任何特殊的应用程序,它可在默认浏览器中运行。 为了讨论AR.js及其对WebAR的含义,值得快速浏览一下为框架提供支持的组件。 然后,AR.js使用JSARToolkit跟踪3D场景到标记,并利用Computer Vision检测特征点。这是大多数早期基于应用程序的AR体验的动力。 AR.js为移动网络提供了前进的脚,并可以与基于应用程序的AR竞争。 看一下苹果和谷歌的努力,我们看到他们已经采取了一些措施,以实现3D模型与其各自的移动浏览器之间更深层次的集成。

    2.8K00发布于 2020-12-06
  • 来自专栏程序员IT圈

    15 个有趣的 JS 和 CSS 库

    那么,AR.js 将会帮你完成体验之旅。它完全基于 Web,可在使用 webgl 和 webrtc 的手机上流畅运行。 项目地址:https://github.com/jeromeetienne/AR.js 12.SentinelJS ?

    3.3K71发布于 2018-03-05
  • 来自专栏MavenTalk

    我对"大前端"的偏见

    举两个不常见的栗子:d3.js可以呈现更复杂更多样的图形展现,ar.js可以实现360度环绕透视、路径导航。

    71620发布于 2019-07-19
  • 来自专栏腾讯NEXT学位

    漫极客 CTO 李焱:大前端之路 - 如何用Web技术一统三端(Web、Desktop、Mobile)开发

    WebGL 支持3D ,在此基础上有ar.js 的开发库, 可以比较高效的写出 3D 程序。刚刚说过,WebRTC 可以调取摄像头,摄像头结合3D就能做出AR和VR效果。 这里有一些其他的 AR / VR 方面的参考资源: https://github.com/jeromeetienne/ar.js https://webxr.io/webar-playground/app

    1.7K110发布于 2018-05-14
  • 来自专栏开发经验

    前端开发趋势:WebAR、VR与沉浸式体验

    a-box position="0 0.5 0" material="color: red;"></a-box> </a-scene> </body> </html> 上述代码使用了WebAR库AR.js

    67210编辑于 2023-12-13
  • 来自专栏灯塔大数据

    塔荐 | 号称最快的 Node.js 应用框架来了

    5 AR.js:应用于 Web 的高效增强现实(AR)库 https://www.oschina.net/p/ar-js ☞ 推荐理由: 纯 Web 解决方案,无需安装,在手机上也能高效运行,包括 Android

    2.4K100发布于 2018-04-04
  • 来自专栏京程一灯

    WebAR 如何改变增强现实的未来

    例如,AR.js 是 Web 上增强现实的开放源代码库,用于改善智能手机上的 WebAR 性能,其中包括基于标记的技术(简化的 QR 码)和基于位置的 AR。

    2.5K30发布于 2020-04-09
  • 来自专栏腾讯多媒体实验室

    现场报道 | SIGGRAPH Asia 2017 (DAY 3):领略前沿Poster papers

    言归正传,他们认为AR/VR的未来其实更像是现在的WEB,可以通过JS接口来与AR/VR设备进行交互,他们开发了three.js/AR.js等并展示了基于WEB的AR/VR应用DEMO。

    1.5K70发布于 2018-04-10
  • 来自专栏腾讯高校合作

    【犀牛鸟·视野】SIGGRAPH Asia 2017 (DAY 3):领略前沿poster papers,关注WebXR新技术

    言归正传,他们认为AR/VR的未来其实更像是现在的WEB,可以通过JS接口来与AR/VR设备进行交互,他们开发了three.js/AR.js等并展示了基于WEB的AR/VR应用DEMO。

    1.2K60发布于 2018-03-21
  • 来自专栏软件安装

    这10个软件,你知道但不一定会用

    在缺乏统一交互规范的环境中(如AR.js增强现实场景或特定的React Native应用),开发者可以利用Gestures类库轻松集成缩放、旋转、拖拽等触摸交互,不用从零编写复杂逻辑,从而为用户提供符合直觉的现代交互体验

    14710编辑于 2026-03-26
领券