在线作品

three.js实现图像油画油漆特效

oil paint with three.js

纯CSS3实现的卡通人物的眼睛

WebGL Three.js三维口香糖橡皮糖

Chewing gum, 很棒的一个3d模型变形动画，使用柏林噪音算法随机生成外形参数。

Threejs之3D飞行线2

HTML5 Canvas炫酷粒子动画特效在线生成系统

Particle System，可以通过调节参数来生成个性化的粒子动画特效，用于网站背景动画。

WebGL：黑暗房间里的体积纹理模型

three.js ShaderMaterial + PointCloud Volumetric textures in a dark room. 光线穿透百叶窗散射到黑暗的房间中，映照出房间中的灰尘粒子。

Pixi.js 头发|毛茸茸的文本特效

hairy rainbow text pixi.js 毛发元素本身使用了图片，然后加上随机的飘荡动画。

HTML 主流布局区别差异动态演示 流式 自适应 响应式 静态

HTML页面从静态（Static）布局发展到今天需要适应多个终端设备，依次提出了流式（Liquid）、自适应（Adaptive）和响应式（Responsive）等设计理念。但很多时候这些概念被混淆起来，本演示代码将结合文字和实际动效清楚的说明它们之间的差别。 整理翻译自：http://liquidapsive.com/

使用A-Frame创建一个基础场景 - 漂浮的陨石

Building a Basic A-Frame Scene, 带立方体纹理贴图，带背景空间贴图，带简单的动画和操控。

HTML5 Three.js GLSL 透明球体渐变内核和泡沫光影表面着色GLSL代码

使用GLSL代码创建的超炫球体表面透明着色变幻动画特效。

Three.js 加载.obj文件 - 香蕉模型

3d模型文件常用的有2种格式：obj和stl，本例演示如何加载.obj文件。

使用HTML5/Canvas模拟的病毒传播扩散动画特效

Spreading the Disease，使用随机行走算法模拟的细菌感染动画效果。

HTML5/SVG很有创意的六边形导航菜单

Fun Hex Navigation

HTML5 WebGL 无人驾驶城市巡航

Three.js Neon city，无人机在城市飞行的动画，可交互控制。

CSS3 按钮悬停（Hover）效果大全

最全的按钮悬停效果集合，可应用于动作（actions），按钮（buttons），图标（logos），图像（images）等界面元素。包含箭头、脉冲、颜色填充、卷角、3D悬浮阴影、下划线延伸、图标动画、晃动、旋转、扭曲等。

使用three.js和PlaneBufferGeometry构建的3d交互波浪背景动画

an interactive background, 使用simplex noise来实现随机波动动画，鼠标悬停可交互。