-
实例演示:如何把HTML渲染到WebGL上并使用着色器(Shader)特效
使用html-gl库可以实现把html元素渲染到webgl上下文中,并应用shader效果,这打破了html/css的限制,你可以使用GPU硬件加速并使用大量shader代码来获取酷炫的特效!
-
WebGL Three.js 片段着色器代码实验 - 微观世界的纹路
Fragment shader for micro wave, 可用来模拟水滴浸染,微生物细胞等场景。
-
WebGL Three.js 全息投影(体积光 | 镭射光)特效着色器代码
Holographic Projection,可用于增强现实场景的效果展示。很实用的着色器代码。
-
WebGL Three.js使用着色器生成色轮
Use shader to create a color wheel used on color pickers
-
演示如何在Three.js中设置着色器代码中使用的鼠标位置、屏幕分辨率和运行时间uniforms
Setting up the uniforms with three.js: how to use u_time, u_resolution, u_mouse in shader with three.js.
-
使用WebGL着色器代码实现的交互式黑洞特效
鼠标所在位置形成黑洞漩涡动画特效。使用原生(纯)WebGL API,未使用任何框架,对于深入学习理解WebGL Shader编程很有帮助。
-
WebGL Three.js浑浊的球体 | GLSL光线行进(raymarching)着色器代码演示
Gloopy Spheres in raymarching GLSL shader,模拟3D球体脱离和浸入液体中的物理效应,很逼真。
-
Pixi.js WebGL逼真的水滴片段着色器代码
Water droplet WebGL Shader,用来模拟窗户雨滴(下雨)的动画特效,真实度高,性能很好。
-
WebGL Three.js 三维毛刺球着色器代码实例
Spiky ball Shader,很惊艳的寒冰着色特效。表面还有波澜起伏的动画。
-
Three.js WebGL 轮廓线着色器代码和示例
Outline shader in three.js。 本实例用coffeescript编写。
- 推广服务(新)
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...
更多...