-
使用three.js和PlaneBufferGeometry构建的3d交互波浪背景动画
an interactive background, 使用simplex noise来实现随机波动动画,鼠标悬停可交互。
-
three.js使用OutlinePass给3D对象添加轮廓线 | 边框线 | 高亮边缘
Outline shader in three.js,可以定制物体被选中时高亮轮廓线的颜色、亮度和厚度等属性。
-
WebVR沙漠山谷绿树鸽子蹒跚动画场景(带落叶缤纷特效)
VR scene of desert, tree and pigeon ( dove )
-
webgl路径跟踪(path tracing)代码演示
WebGL Path Tracing, 路径跟踪是一种逼真的照明算法,可以模拟场景周围的光线反弹。本例包含glsl求射线和cube以及sphere相交点的代码。
-
Three.js 立方体表面Canvas纹理绘制工具
Three.js Canvas Texture Tool 使用canvas0到5给立方体绘制纹理图案。学习如何把在canvas上绘制的文本或图片作为几何模型的纹理贴图。
-
关于如何用three.js绘制大量粒子并使其可以交互的教程和示例代码
Interactive Particles with Three.js
-
使用HTML5 Canvas制作超炫动态电子艺术画作(风景画)
HTML5绘声绘色的电子动画艺术荟萃,经典作品!图像用的是交错位图( IFF- ILBM )文件,源自电子艺术图形编辑Amiga系统,后来移植到其他平台。LBM文件使用的格式类似便携式位图(.PBM)的文件。可以是黑色和白色, 16色或256色图像。里面包含流水、溪水、雨雪特效。
-
很棒的花苞绽放动画(带3种花所有形态的SVG图形素材)
SVG Flowers Bloom Animation 花儿开放的动画,连续点击花苞使其绽放,带光晕特效。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
OpenGL/WebGL顶点坐标变换过程简介
世界坐标是按照笛卡尔坐标系定义出来的绝对坐标系,下面的各种坐标系都建立在世界坐标的基础上。对象坐标系对象被应用于任何...
增强现实引擎ARToolKit工作原理简介
ARToolkit是一个基于CV(计算机视觉)和Marker(标识)的开源增强现实引擎。其具备如下功能特性:A. 鲁棒跟踪,包括基于标记的跟踪与基于特征的跟踪;
常用光照类型基本概念工作原理及其计算公式
在三维场景中,原理上物体的渲染效果取决于光照与物体表面的相互作用,对于渲染程序而言,可以通过把一些数学公式应用于像素着色来实现,从而模拟出真实生活中的...
WebGL场景中多相机拍摄的原理和意义
一般而言,3D场景的渲染只需要一个相机,不过借助多相机可以获取一些单相机无法达到的特效。比如突显特定对象并模糊背景。
3D相机渲染的基本原理是依靠颜色...ARCore基本概念和工作原理简介
谷歌的WebAROnARCore项目基于Android手机提供的ARCore增强现实引擎,要了解WebAROnARCore,需要先了解ARCore的工作原理。基本上ARCore做了两件事,首先跟踪手机...
更多...