Three.js

符合"Three.js"标签文章(11)

Web端VR开发基础学习

pacifica
2017-05-03

作者：张乾，上海渲图信息科技有限公司CEO。曾任职于腾讯上海研发部，负责次时代游戏引擎的研究与开发工作，目前主要从事VR/AR以及轻量化Web3D的应用与平台开发，热爱图形与渲染。责编：屠敏，关注 VR/AR 等领域，寻求报道或者投稿请发邮件tumin@csdn.net，另有「CSDN VR 开发群」，技术之路，我们共同进步，欢迎开发者加微信tm_forever_miss申请入群，务必备注姓名+公司+职位。引用导语：随着硬件和软件技术的发展，产业界对虚拟现实（Virtual Reality）用户体验产生

VR&AR、渲染、 List、 Three.js、场景、 WebGL

赞0 评论0 885浏览
Web端VR开发基础学习

夜★无道昏君
2017-05-02

通过上述介绍我们基本可以实现一个具有初步交互体验的Web端VR应用，但这只是第一步，单纯技术上的实现距离真正的可工程化还有一定差距。引用本文为《程序员》原创文章，未经允许不得转载，更多精彩文章请订阅2017年《程序员》作者：张乾，上海渲图信息科技有限公司CEO。曾任职于腾讯上海研发部，负责次时代游戏引擎的研究与开发工作，目前主要从事VR/AR以及轻量化Web3D的应用与平台开发，热爱图形与渲染。责编：屠敏，关注 VR/AR 等领域，寻求报道或者投稿请发邮件tumin@csdn.net，另有「

VR&AR、 List、渲染、 Three.js、 WebGL、 VR应用

赞0 评论0 1.3k浏览
Web前端也能做的AR互动

ε插头м
2017-01-09

目录一、项目体验二、技术实现三、兼容情况四、遇到的问题五、结语正文一、项目体验以往的AR，都是要在某个APP内才可以体验到的，例如pokemon go和QQ AR火炬传递活动。我们团队在做技术储备的时候，发现Android设备下微信、手Q支持getUserMedia()网页拉起摄像头，并通过createObjectURL把数据流传给video在页面展示，以营造出实时视频的效果。据最新统计数据显示，安卓操作系统占有全球移动智能手机系统86.2%的市场份额。也就是说，我们可以基于微

VR&AR、摄像头、 3D、 Three.js、 WebGL、渲染

赞0 评论13 3.11w浏览
VR新手教程:如何自学VR虚拟现实技术

清风
2017-01-09

　　目前已经有很多企业在做VR产业的开发，这对于VR从业者来说可以说是一个好消息，而很多想研究VR的从业者，一般都会从VR虚拟现实技术这块入手，考虑到有些人对这块可能了解的还不多，下面就给大家介绍下如何去学习VR虚拟现实技术，一起来看看吧。　　　　VR APP开发　　　　开发VR app或者游戏可以让VR内容更加丰富，刺激整个VR大环境的发展，进而吸引更多的用户接触VR，让整个VR生态更繁荣。你开发的应用将安装在MAC、PC、Play Station 或者安卓、iOS上面。　　　　这将是VR的其中一个边界

VR&AR、 Unity、游戏视觉、 Google、 VR电影、场景

赞0 评论0 4.1k浏览
龙之谷手游WebVR技术分享

断断
2016-12-23

龙之谷手游WebVR技术分享　　In 网页重构 on 2016-08-12 11:35:26 by 万技师　　主要面向Web前端工程师，需要一定Javascript及three.js基础；本文主要分享内容为基于three.js开发WebVR思路及碰到的问题；有兴趣的同学，欢迎跟帖讨论。目录：一、项目体验1.1、项目简介1.2、功能介绍1.3、游戏体验二、技术方案2.1、为什么使用WebVR2.2、常用的WebVR解决方案2.2.1、Mozilla的A-Frame方案2.2.2、three.js及webvr-

游戏美术、游戏视觉、 Three.js、龙之谷、 VR技术、 JavaScript

赞0 评论0 3k浏览
Web前端也能做的AR互动

断断
2016-12-23

Web前端也能做的AR互动　　In 网页重构 on 2016-12-23 10:35:55 by 七宝目录一、项目体验二、技术实现三、兼容情况四、遇到的问题五、结语正文一、项目体验　　以往的AR，都是要在某个APP内才可以体验到的，例如pokemon go和QQ AR火炬传递活动。　　我们团队在做技术储备的时候，发现Android设备下微信、手Q支持getUserMedia()网页拉起摄像头，并通过createObjectURL把数据流传给video在页面展示，以营造出实时视频的效果。据最新统计数据显示，

游戏美术、游戏视觉、 VR&AR、摄像头、 3D、 Three.js

赞0 评论0 2k浏览
【译】HTML5实现多人实时3D游戏

彼岸无风
2016-06-07

　　原文：http://blog.artillery.com/2012/05/realtime-multiplayer-3d-gaming-html5.html　　这篇文章国内有些机器译的版本，但实在太难阅读，这里试译了下。　　由于译者水平有限，可能会有不少错漏之处，一些不明确是否译准的地方附了原文。　　此文涉及挺多框架/库，在翻译过程中ip收获还是挺多的，建议大家在阅读时可以同时去了解下文中所提到的相关技术。　　【提示：此文不是”跟我学做HTML5游戏”之类的教程文章】　　六周前我们想试下用HTML5实现

游戏开发、 HTML5、游戏视觉、 GC、 AIR、 Three.js

赞0 评论0 4.8k浏览
打造H5里的“3D全景漫游”秘籍

彼岸无风
2016-04-11

　　近来风生水起的VR虚拟现实技术，抽空想起年初完成的“星球计划”项目，总结篇文章与各位分享一下制作基于Html5的3D全景漫游秘籍。　　QQ物联与深圳市天文台合作，在手Q“发现新设备”-“公共设备”里，连接QQ物联摄像头为用户提供2016年天体大事件的直播，大家可以通过手Q实时观看到世界各地最佳观测点的日食，流星等天体现象。承载整个“星球计划”活动的运营页面，经多方讨论，我们决定尝试3D全景漫游模式的H5运营页进行推广，今天就不详述活动的具体内容，先和大家聊一聊这H5里“3D全景漫游”的制作方法。　　先贴

游戏开发、移动前端、场景、渲染、 Three.js、游戏视觉

赞2 评论1 812浏览
【译】快速贴士：如何用Three.js渲染到纹理

∈星际长途←
2016-02-19

快速贴士：如何用Three.js渲染到纹理作者：Omar Shehata翻译出处：http://gamedevelopment.tutsplus.com/tutorials/quick-tip-how-to-render-to-a-texture-in-threejs--cms-25686原文作者未做权利声明，视为共享知识产权进入公共领域，自动获得授权默认情况下，你用Three.js所渲染的所有内容都会呈现在屏幕上。毕竟，如果你不能看到的话，渲染的重点何在？事实证明很重要的一点：数据在捕获之前被发送到屏幕上

游戏开发、渲染、 Three.js、场景、 JavaScript、游戏视觉

赞15 评论2 5.3k浏览
如何在 Web 上构建虚拟现实

Lyndon丶
2016-01-23

　　有人认为虚拟现实将在 2020 年达到 70 亿美元的价值。在那之前，web 肯定不会一直停留于 2D 环境。实际上，已经有一些简单的方法可以将虚拟现实带进浏览器了。而且那弄起来也非常有趣！　　要开始你的虚拟 Web 开发之旅，有这么三种可行的方式：　　①JavaScript，Three.js 和监视设备朝向　　②JavaScript，Three.js 和 WebVR（我最近比较喜欢的方式）　　③CSS 和 WebVR（时日尚早）　　我会将每一种方式都过一遍，简要展示下它们各自是如何工作的。JavaSc

VR&AR、 Three.js、场景、 JavaScript、 Oculus、 Oculus Rift

赞4 评论5 991浏览
10分钟教你完成一个虚拟现实WEB体验

何小成
2015-12-30

红V观点

WebVR并不是一个新事物，人们讨论使用WebGL在浏览器呈现互动3D图形已经超过5年，目前已经拥有各种实现方法。然而，新的可用开源库可以让即使是新手开发者也能在很短的时间内构建虚拟现实体验。在两年前，要是在这么短的时间内完成这个事情是一件非常困难的。但经过一些热心开发者的努力（Josh Carpenter、Brandon Jones、Vlad Vuki?evi?、Tony Parisi和Boris Smus，这里只是提到部分人。），他们为网页内容开辟了一片新天地。　　为了证明这一点，以下是一个10分钟的

VR&AR、 TPS、场景、 Map、 Three.js、头显

赞2 评论3 1.3k浏览