-
HTML5 电影院座位预定系统 - 可在平面视图和3D预览之间切换
通过CSS3 transform-style: preserve-3d实现的虚拟现实感在线电影院订票系统。 在大屏幕上可显示3D电影视频预览动效。
-
超酷的SVG+CSS3山水画+睡美人图
按下asdfjkl;键,可以触发更多动画。这是一幅交互式山水画,如果能结合虚拟现实的技术,可以展现更为梦幻的效果。
-
HTML5 很棒的交互式家居装修展览和情景购物
典型的情境式购物应用,包含4种场景,厨房、卧室、客厅和洗手间: 1.可以在一个实际的交互式场景中体验家居用品(家具)所带来的效果; 2.选中某个家具后,突显放大显示详细商品信息,并可以加入购物车完成购买。 如果结合虚拟现实的一些技术,可以更好的提升用户现场体验。也许不久的未来线下的体验完全可以通过线上来感受。
-
Oimo.js+Three.js 掉落的纸篓
Google Cardboard with Oimo.js 使用谷歌Cardboard体验虚拟现实的视觉感受。
-
使用D3.js和Gest.js实现的沉浸式动画场景
Gest.js是基于摄像头(webcam)的手势识别库,帮助开发者制作身临其境的交互网页动效。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
如何实现three.js响应式设计(消除拉伸变形和锯齿)
我们先创建一个基本的three.js场景里面有一个cube对象。分三步首先声明一个canvas的html元素并设置其样式canvas
AFrame工作原理简要说明
AFrame(a-frame)是Mozilla推出的基于Three.js的一个WebXR ( WebVR ) 应用开发引擎。其架构或设计模式为游戏引擎常用的Entity/Component/System。其总体思想是...
深入剖析JavaScript代码执行上下文、变量范围以及闭包(Closure)
Some concepts are important to grok before you can grok closures. One of them is the execution context.
WebXR桌面浏览器模拟器使用简介
WebXR标准最近(10月份)刚刚发布了工作版本(Working Draft),是一个重要的里程碑。由于WebXR的体验依赖于头戴设...
NodeJS中的module概念以及module.exports和exports的区别
NodeJS为js引入了模块化的一些概念,html里面可以引入js或css,甚至css也可以通过@import来引入其他css文件,而JS一直缺少这个机制,这使得JS很难像其他语言如ja...
更多...