首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏iKcamp

    翻译 | 使用A-Frame打造WebVR版《我的世界》

    <script src="https://<em>aframe</em>.io/releases/0.5.0/<em>aframe</em>.min.js"></script> <body> <a-scene> </a-scene 让我们将地面纹理移动到 <a-assets> 中,使用 元素来预加载它: <script src="https://<em>aframe</em>.io/releases/0.5.0/<em>aframe</em>.min.js <script src="https://aframe.io/releases/0.5.0/aframe.min.js"></script> <a-scene> <a-assets> <img 我们将组件保存为一个 JS 文件,然后在场景代码之前引用它: <script src="https://<em>aframe</em>.io/releases/0.5.0/<em>aframe</em>.min.js"></script> /aframe-teleport-controls@0.2.x/dist/aframe-teleport-controls.min.js"></script> <!

    3.6K90发布于 2018-01-04
  • 来自专栏c#开发者

    Infinite Scrolling in UIScrollView

     = theScrollView.bounds;          UIView* view;     NSLog(@"Frame: %@", NSStringFromCGRect(aFrame));     view = [[UIView alloc] initWithFrame:aFrame];     [view setBackgroundColor:[UIColor blueColor]];     [theScrollView addSubview:view];          aFrame = CGRectOffset(aFrame, theScrollView.bounds.size.width , 0);     NSLog(@"Frame: %@", NSStringFromCGRect(aFrame));     view = [[UIView alloc] initWithFrame:aFrame (aFrame));     view = [[UIView alloc] initWithFrame:aFrame];     [view setBackgroundColor:[UIColor yellowColor

    68160发布于 2018-04-12
  • 来自专栏京程一灯

    一步步教你用 WebVR 实现虚拟现实游戏[每日前端夜话0x64]

    DOCTYPE html> 2<html> 3 <head> 4 <script src="https://<em>aframe</em>.io/releases/0.7.0/<em>aframe</em>.min.js 步骤2:创建一个树的模型 现在,我们将用 <em>aframe</em>.io 中的 primitives 创建一个树。这是 <em>Aframe</em> 为便于使用而预编程的一些标准对象。 感谢 <em>Aframe</em> 易于使用的动画实体,这两个步骤都可以快速连续完成。 DOCTYPE html> 2<html> 3 <head> 4 <script src="https://aframe.io/releases/0.7.0/aframe.min.js Aframe 虚拟现实开发的例子、开发人员文档和其它资源。 Google Cardboard Experiences 为教师提供定制工具。

    2.2K30发布于 2019-05-15
  • 来自专栏音视频开发技术

    FFmpeg编解码处理4-音频编码

    frame_flt = NULL; } else if (ret < 0) { av_log(NULL, AV_LOG_INFO, "filtering aframe &frame_enc); if (ret < 0) { av_log(NULL, AV_LOG_INFO, "read aframe AVERROR(EAGAIN)) // 需要获取新的frame喂给编码器 { //av_log(NULL, AV_LOG_INFO, "encode aframe } else if (ret == AVERROR_EOF) { av_log(NULL, AV_LOG_INFO, "encode aframe ->o_fmt_ctx, &opacket); if (ret < 0) { av_log(NULL, AV_LOG_INFO, "write aframe

    2.4K30发布于 2019-04-01
  • 来自专栏前端劝退师

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

    创建index.html并把这些代码都贴上 <script src="https://<em>aframe</em>.io/releases/0.9.0/<em>aframe</em>.min.js"></script> <script src="https://rawgit.com/jeromeetienne/ar.js/master/<em>aframe</em>/build/<em>aframe</em>-ar.js"></script> <script>THREEx.ArToolkitContext.baseURL

    2.4K40发布于 2019-12-16
  • 来自专栏MixLab科技+设计实验室

    生成专属于你的人工智能书【3D生成器】

    radius="1.25" color="#EF2D5E"></a-sphere> 完整的示例代码,更多请参考官方api文档: <html> <head> <script src="https://<em>aframe</em>.io /releases/0.8.0/<em>aframe</em>.min.js"></script> </head> <body> <a-scene vr-mode-ui="enabled: false" > <a-entity

    1K60发布于 2018-07-25
  • 来自专栏浊酒清味

    你不知道的Jupyter Notebook的4个很棒的技巧

    通过这种呈现,您可以使用滚动、排序和筛选等直观的控件,还可以通过双击所需的单元格来编辑数据aframe。 Qgrid: pip install qgridjupyter nbextension enable --py --sys-prefix widgetsnbextension 要使用Qgrid呈现数据aframe ,只需导入它,然后将数据aframe传递给show_grid函数,如下所示: import qgridqgrid_widget = qgrid.show_grid(df, show_toolbar=True

    2K10发布于 2019-11-15
  • 来自专栏禅林阆苑

    【元宇宙】iOS16将支持WebXR!一起来撸个WebVR华容道吧

    <script>// VR华容道触发宝箱动画控制组件AFRAME.registerComponent('animation-control', { schema: { target: { type , () => { model.removeAttribute("animation-mixer"); model.setAttribute("animation-mixer", AFRAME.utils.styleParser.stringify 相关链接WebXR模拟器浏览器插件https://github.com/MozillaReality/WebXR-emulator-extensionA-Frame官方文档https://aframe.ioA-Frame 实体组件系统架构介绍https://aframe.io/docs/1.3.0/introduction/entity-component-system.htmlA-Frame更多优质组件https:// aframe.io/aframe-registry/WebXR示例https://immersive-web.github.io/webxr-samples/3D模型资源https://sketchfab.com

    3.3K30编辑于 2022-06-20
  • A-Frame引擎开发:A-Frame渲染技术_(1).A-Frame引擎简介

    </title> <script src="https://<em>aframe</em>.io/releases/1.2.0/<em>aframe</em>.min.js"></script> </head> <body>

    55000编辑于 2025-07-30
  • 来自专栏Python项目实战

    增强现实让广告“活”起来——AR 赋能营销的新玩法

    DOCTYPE html><html><head> <script src="https://<em>aframe</em>.io/releases/1.2.0/<em>aframe</em>.min.js"></script></

    77810编辑于 2025-05-21
  • 来自专栏开发经验

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

    DOCTYPE html> <html> <head> <title>WebVR示例</title> <script src="https://<em>aframe</em>.io/releases/1.2.0 /<em>aframe</em>.min.js"></script> </head> <body>

    WebVR示例

    <a-scene> <a-box position="

    67410编辑于 2023-12-13
  • 来自专栏Python项目实战

    眼镜不是“玩具”,是下一个时代的入口:聊聊VR和AR的未来走向

    OpenAI + WebAR Python + JS比如你想快速做一个Web端的3D展示页,可直接用 A-Frame:<html> <head><script src="https://<em>aframe</em>.io /releases/1.2.0/<em>aframe</em>.min.js"></script></head> <body> <a-scene> <a-box position="0 1 -3" rotation

    39200编辑于 2025-06-21
  • 来自专栏秋风的笔记

    Rollup作者新作: Svelte Cubed!VR/AR 指日可待?

    在公司由于需要开发一个 新 的 H5 项目,因此我采用了较为激进的 Svelte + Aframe/Three.js + Tailwind.css + Vite 的组合。 (事实上只要融合了 Three.js ,使用 Three.js 的生态来写 VR 就已经非常容易了) 最后再列几个在VR/AR 领域比较优秀的框架吧(如果大家对这方面感兴趣),aframe(与 Svelte

    2.7K20发布于 2021-12-02
  • 来自专栏音视频技术

    使用WebRTC和WebVR进行VR视频通话

    video-holder"> <a-entity camera="active: true" look-controls wasd-controls position="0 0 0" data-aframe-default-camera video); video.addEventListener('loadeddata', () => { video.play(); // Pointing this aframe

    5.6K20发布于 2021-09-01
  • 来自专栏

    PHP核心作者转战VR,作为前端的你还没了解过WebXR就out了!

    目前主流的WebXR应用开发主要有三种方式: 基于封装好的框架开发,如three、aframe等 使用WebGL + WebXR的组合进行开发 使用传统的3D引擎+已有的C/C++ XR引擎(编译到WASM

    85250编辑于 2022-04-28
  • 来自专栏程序那些事儿

    盘点2020JavaScript游戏框架

    aframe 这是一款支持3d的游戏引擎框架,它最大的特点就是支持VR,通过使用它,你可以轻松地实现图片的360°旋转,你可以轻松地实现一个VR场景。

    61620编辑于 2023-03-07
  • 来自专栏Web 技术

    WebVR 系列文章(1):WebVR 和浏览器边缘计算

    Web Workers、WebAssembly、AssemblyScript、Canvas、Rollup、WebVR、Aframe 一系列新的 Web 技术,已经出现在现代移动浏览器。 使用 WebVR 和 Aframe 为你的手机创建虚拟现实场景。 API 设计和仿真循环 我们的 n 体模拟使用重力来预测天体的位置。

    81520编辑于 2022-07-29
  • 来自专栏ATYUN订阅号

    如何用Python在笔记本电脑上分析100GB数据(上)

    打开一个数据集的结果是一个标准的数据aframe和检查它是一样快,因为它是琐碎的: ? 纽约市黄色出租车数据预览 再次注意,单元执行时间非常短。 一旦我们交互式地决定我们想要关注纽约市的哪个区域,我们可以简单地创建一个过滤后的数据aframe: ? 上面代码块最酷的地方是它需要的内存可以忽略不计!过滤Vaex数据帧时,不会生成数据的副本。

    1.4K21发布于 2019-12-17
  • 来自专栏大模型系列

    Code completion-OpenAI API系统快速入门

    -- https://aframe.io/releases/1.2.0/aframe.min.js --> 通过指定版本,可以确保 Codex 使用最新的库。

    57410编辑于 2025-04-05
  • 来自专栏ATYUN订阅号

    Pandas 数据分析技巧与诀窍

    生成包含随机条目的pandas数据aframe: testdf= myDB.gen_dataframe(5,[‘name’,’city’,’phone’,’date’]) } 这将导致数据帧如下所示:

    12.8K40发布于 2019-09-03
领券