-
webgl2使用二维贴图数组(texture 2d array)实现动画的代码示例
A texture animation using texture 2d array.
-
webgl2多重采样纹理渲染代码示例
Render to a texture with multi-sampling enabled. 在启用多重采样的情况下渲染到纹理。
-
webgl2 texture 3d使用代码演示
webgl2里引入3d贴图功能支持,这个功能对于volume rendering(ray casting)是很有帮助的。此示例演示如何从单纯形噪波创建自定义三维纹理。
-
4种WebGL凹凸贴图技术实例演示
本例演示webgl bump mapping中常用的4个技术:normal mapping(法线贴图,法向贴图), parallax mapping(视差贴图), steep parallax mapping(陡峭视差贴图), parallax occlusion mapping(视差闭合贴图)。注意观察表面(侧面)凹凸的视觉真实感。后几种方面都基于normal mapping,但是多了些数学处理,以提供更为逼真的3D效果。
-
WebGL Three.js使用canvas内容做纹理(texture)
Use Canvas as ThreeJS Texture.先把文字绘制到canvas上,然后把该canvas里的绘制内容作为纹理贴到cube模型上去。支持中文。
-
Three.js使用MeshFaceMaterial给立方体添加多个纹理贴图
three.js multi textures, 本例使用MeshFaceMaterial来整合多个材料(纹理)
-
Three.js 立方体表面Canvas纹理绘制工具
Three.js Canvas Texture Tool 使用canvas0到5给立方体绘制纹理图案。学习如何把在canvas上绘制的文本或图片作为几何模型的纹理贴图。
-
Three.js 如何为立方体建立多个贴图
立方体的每个面使用不同的纹理贴图。通过本例可以深入学习纹理贴图的构建过程和原理。 阅读更多:http://techbrood.com/news?q=texture
-
使用Three.js加载Blender2.7.7制作的带材料和纹理的猴头模型
使用Blender制作模型,使用UV映射处理贴图,使用OSL脚本制作材料。 使用了一个布料的纹理。
-
如何使用WebGL的纹理贴图实现3D眼球
WebGL texture based eyeball 本例除了演示球形贴图外,还演示了如何把MatCap(材质球)图片用在球面上,而不产生变形。
- 推广服务(新)
HTML5免费在线教程
techbrood.com
我想推广...- 最新文章
WebGIS(Web Map)基础概念简介
大地水准面 (geoid)大地水准面是海洋表面在排除风力、潮汐等其它影响,只考虑重力和自转影响下的形状,这个形状延伸过陆地,生成一个密闭的曲面。虽然我们通常说...
Stone 3D Demo Cases
新能源虚拟城市概念展https://wow.techbrood.com/static/20210108/60580.html邻里家全景图浏览https://wow.techbrood.com/static/20210223/61008.html3D电子调音...
Techbrood Stone 3D IDE Release Notes
Stone 3D致力于在沉浸式网页(web3d/webxr)应用领域提供一款可以和Unity、Unreal相互竞争的轻量级引擎。Stone的体量只有Unity、Unrea...
Linux Apache2如何开启gzip (deflate module) 压缩功能
检查你的网站是否启用了gzip,用chrome打开网站比如http://www.techbrood.com选中一个请求,查看Response header部分,...
网页3D编辑器Stone用户手册和使用说明
更多...