使用 Babylon.js 在 HTML 页面加载 3D 对象
五一 Windwos Blogs 推了一篇博客， Babylon.js v3.2 发布了。因为一直有想要在自己博客上加载 3D 对象的冲动，这两天正好看到了，就动手研究研究。本人之前也并没有接触过 WebGL ，这方面算是知识盲区，需求完成之后感觉非常炫酷，顺手写篇博客记录下来。不得不说 3D ...
原文：Space.js – HTML 驱动的页面 3D 滚动效果
为了让我们的信息能够有效地沟通，我们需要创建用户和我们的媒体之间的强有力的联系。今天我们就来探讨在网络上呈现故事的新方法，并为此创造了一个开源和免费使用的 JavaScript 库称为 space.js。该库是 HTML 驱动的，这意味着你不需要在网站上写一行 JavaScript 代码就可以，仍然有很大的灵活性。 在线演示 源码下载 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效 ...
2015-05-20 09:21 0 3628 推荐指数：
相关推荐
JS实现环绕地球飞行的3D飞行线动画效果(JS+HTML)
1.项目介绍 JS+HTML实现绕地球飞行的3D飞行线动画效果，且3D地球可以随意拖动和滑动缩放，画面中心是蓝色地球，地球表面上的两点连线之间有光电随机出现沿着抛物线轨迹3D飞行，可使用较好的浏览器打开，如microsoft edge打开，效果如下图所示： 2.html源码如下所示 ...
JS实现 类似图片3D效果
其实这样的效果 目前很多网站上都有 其实以前也写过一个 只是当时代码只是为了实现而已，代码很乱，所以现在有业余时间研究了下，其实也并没有什么特殊地方 很类似于左右控制按钮切换图片的思路。效果如下： 可能录制的时候 有点卡 。 具体思路： 1. 首先和左右箭头切换图片思路是一模一样 ...
js实现3D切换效果
今天分享一个3d翻转动画效果，js+css3+h5实现，没有框架。 先看下html部分： View Code 一个父容器，里面包裹一个ul，然后用li存放5张自己喜欢的图片 下面是css3部分： 里面主要用到css3 ...
js模拟3D场景效果
这几个demo上星期平安夜做的，感觉效果不错，就放在出来，分享给大家。 要在二维空间模拟出三维的效果，就需要把三维的坐标转换成二维坐标。一个最基本依据是：东西越远，看到大小就越小，坐标越往消失点靠拢。 透视公式： scale = fl / (fl + z ...
HTML5和CSS3实现3D转换效果 CSS3的3D效果
上次，我们一起研究了css3的2d模块，这次我们一起来看一下css3的3d模块。 首先，我们来了解一下3d的坐标系，x轴在屏幕上为水平方向，y轴为垂直方向，而z轴为垂直于屏幕的方向。 不理解的话可以参考定位属性的z-index属性，那个在某种意义上就是让元素在z轴的移动 ...
HTML+CSS页面滚动效果处理
HTML+CSS代码如下： 完整素材和代码下载 总结： 1、页面调整背景图片位置，background-position 这个属性很重要；通过调整这个属性的值可以实现各个布局的不同位置图片； 2、图片的滚动效果，我们可以使用setInterval来定义计时器 ...
8款效果惊艳的HTML5 3D动画
1、HTML5 WebGL水面水波荡漾特效 之前已经向各位分享过一款很逼真的HTML5水波荡漾特效，效果还算不错。今天再向大家分享一款更加给力的HTML5水波动画，画面上是一个大水池，水池底部是一颗大石头，在水面上点击即可泛起水波，加上模拟光的照射，水波比上一款特效更加生动逼真。另外你也可以拖动 ...