-
three.js shader代码实例:实现缓变(easing)效果
easing functions in shader of three.js,包含一组常用的着色器缓动渐变函数的代码实现。
-
three.js实现着色器代码中的常用常量(uniforms : u_resolution,u_time,u_mouse)
shader中我们经常需要使用屏幕尺寸(u_resolution)、绘制时间(u_time)和鼠标当前位置(u_mouse),可以通过THREE.ShaderMaterial来传入这些参数。本例使用片段坐标实现了一个对角线颜色渐变。
-
three.js教程:引用shadertoy着色器代码示例1:渐变背景色
using shadertoy shader codes in three.js
-
GLSL ES特效实例: 径向模糊着色器代码
radial blur shader code of glsl es,常见的一个光晕散射特效。原理是沿着当前像素点到一个中心点的线条上采样若干点求平均值。
-
梦幻!webgl three.js使用shader实现月亮特效生成器
片段着色器(fragment shader)代码里面包含了常用的一些随机噪音算法函数实现。
-
逼真!WebGL Three.js火焰烟雾特效着色器代码
A Fire Shader of webgl,模拟火山喷发、建筑起火(着火)后浓烟滚滚的动画特效。
-
webgl实现图像交互式光照特效着色器代码
鼠标所在位置高亮聚光特效,可用来模拟手电筒局部照亮。演示如何在着色器中使用光源位置。
-
使用WebGL Three.js模拟超炫球状星云运动
shader for flower or cloudy sphere,可调整大小、速度、衰减和颜色属性。可通过本例学习如何调试、定制着色器代码。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
实时光线追踪技术简介
实时渲染视频级别的计算机三维图形是计算图形领域的终极目标,与现在普遍使用的光栅化渲染技术相比,光线追踪普遍被视为视觉技术的未来方向,可带来近乎真实的真...
生成本地npm包
1、创建一个文件夹,此处我的文件夹名字为test-my-pack
2、在文件根目录初始化npm,可以一路回车
npmOculus Go手柄(控制器)使用说明
Oculus Go是Facebook的一体式、3Dof VR眼镜,其手柄(即控制器)功能很简单。
电池安装
配对控制器
下载 Oculus 应用(这个需要手机科学上网)并...基于elementUI封装自己的UI组件库
three.js添加场景背景和天空盒(skybox)
本文我们介绍在three.js中如何给3D场景添加背景,我们有3种方式来实现这个目的。通过html添加背景元素,这实际上一个2D背景;在three.js加载图片并设置为scene.b...
更多...