-
webgl three.js实现孟杰海绵(menger sponge)立方体光线追踪(raymarching)
Menger sponge是一个特殊立方体结构,是分形(fractal)技术的一种。定义如下: 1. 先拿一个正方体。 2. 将正方体的面均分成9个正方形,正方体于是均分成27个小的正方体。 3. 从每个面取走中间的小正方体,正方体中心的小正方体亦要取走。这样便得出一个Level 1的Menger sponge。 4. 对每个剩下的小正方体都重复1-3。 本例实现了高性能光线跟踪glsl着色器代码。
-
canvas做的Boötes星座图动画演示
Boötes, 第二世纪的天文学家托勒密描述的48个星座之一。现在Boötes是88个现代星座之一。它包含了夜空中第四亮的星-橙色色调的大角星。boötes是寻找其它亮星的起始位置,包括八个在第四幅上面的以及另外21在第五幅上面的,总共由29全明星组成。 操作时可移动查看不同角度/点击增加星和密度
-
Three.js WebGL 类似庙宇逃脱的兔子采萝卜游戏
The frantic run of the valorous rabbit. 游戏角色:反派大灰狼、正派小兔子。游戏规则:鼠标点击让兔子起跳来采到萝卜,如果转到木桩则减速。别让兔子被狼逮到。
-
three.js实例化几何体(InstancedBufferGeometry)代码示例
学习如何使用实例化几何体来优化性能,创建海量高度相似的物体。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
创建非矩形网页页面元素的常用技术和实例代码
非矩形设计正在变成一种时尚,比如波浪形、菱形、三角形等:而随着技术发展,这种设计在技术实现上也变得更容易。本文以最简单的三角形为例,演示使用5种方法来...
WebGL、Asm.js和WebAssembly概念简介
随着HTML技术的发展,网页要解决的问题已经远不止是简单的文本信息,而包括了更多的高性能图像处理和3D渲染方面。这正是要引入WebGL、Asm.js和WebAssembly这些技...
CSS3属性选择器特性使用详解
CSS3除了引入动画、滤镜(用于特效)以及新的布局技术外,在选择器(selector)方面也有增强。属性选择器根据元素的属性(attributes)来匹配。这可以是一个单独...
WebGL Roadmap
Unity 5.0 shipped with a working preview of our WebGL technology in March this year. Since then, Google has disabled (by default) NPAPI support in the...
CSS3原生变量(Native Variables)新特性简介
对Web开发者来说,一个盼望已久的特性是CSS终于支持原生变量了!
变量是程序语言中用来解决代码重复和进行表达式计算的关键概念(想想数学方程式中的x)。... 更多...