HTML5在线技术博客

  • ARCore基本概念和工作原理简介

    谷歌的WebAROnARCore项目基于Android手机提供的ARCore增强现实引擎,要了解WebAROnARCore,需要先了解ARCore的工作原理。基本上ARCore做了两件事,首先跟踪手机的运动轨迹,然后构建出它对现实世界的理解。ARCore的运动跟踪技术是通过相机(Camera)识别出特征点,并随着时间的推移跟踪这些特征点是如何移动的。通过这些特...

    阅读全文 收藏 评论 (1) 阅读 (1257) 2018-03-08 18:28:58  
  • 如何使用BabylonJS加载OBJ或STL模型

    BabylonJS(也就是babylon.js,这是一个和three.js类似的WebGL开发框架),更多的用在游戏领域。
    本文说明和演示如何使用babylon.js来加载一个标准3d模型文件,如OBJ或STL。1.首先引入babylon主js和loader(主要是文件解析作用)的js脚本如下:&base>href="//wow.techbrood.com">/< &script>src="/libs...

    阅读全文 收藏 评论 (0) 阅读 (3359) 2017-06-25 19:57:40  
  • A-Frame WebVR(网页虚拟现实)快速开发入门教程

    WebVR和WebGL应用程序接口使得我们已经可以在浏览器上创建虚拟现实(VR)体验,但从工程化的角度而言,开发社区还需要更多方便强大的开发库来简化编程,Mozilla的>A-Frame>框架就是这样一个工具,提供了一个Web开发者所熟悉的标记语言来快速构...

    阅读全文 收藏 评论 (0) 阅读 (9481) 2017-04-06 21:26:31  
  • Blender2.7给平面模型添加纹理贴图

    在blender中给模型添加纹理,需要有2个步骤:首先在对象属性栏中给该对象添加材料和纹理建立纹理映射添加材料和纹理这是常见操作,略过步骤。但是仅仅这样操作,你会看到模型视图中只有材质是生效了的,而纹理并不能正常渲染。因为我们还没有建立纹理映射坐标,渲染器并不知道该把图像如何映射到平面模型上去。建立纹理映射打开一个新的UV Editor视图,在该视图中打开一个图像文件。在原模型视图中,按Tab切换到编辑(editor)模式,按U,在UV Mapping右键菜单中选择“Unwrap”即可:

    阅读全文 收藏 评论 (0) 阅读 (3711) 2017-03-29 14:52:05  
  • JavaScript事件模型图解

    在JavaScript中用户交互的核心部分就是事件处理。本文为对事件模型和处理机制的总体性描述。Event是什么?
    event是用户操作网页时发生的交互动作,比如click/move, event除了用户触发的动作外,还可以是文档加载,窗口滚动和大小调整。Event模型是什么?
    Event模型指的是浏览器如何处理发生的事件。不同的浏览器其...

    阅读全文 收藏 评论 (0) 阅读 (1546) 2017-01-04 15:47:10  
最新文章