初识webgl--我的webgl学习第一课(基于threeJs)

一,我为什么要学习webgl 一个偶然的机会,在和朋友的聊天过程中,听说了webgl,也许过去也看到过,但是没有特别在意过。原来,JavaScript也可以很好的渲染并在网页上显示三维动画,不用借助插 »

benxiaohai-microcosm

[WebGL入门]二十五,点光源的光照

注:文章译自http://wgld.org/,原作者杉本雅広(doxas),文章中假设有我的额外说明。我会加上[lufy:]。另外,鄙人webgl研究还不够深入,一些专业词语。假设翻译有误,欢迎大家指 »

wzjhoutai

基于WebGL/Threejs技术的BIM模型轻量化之图元合并

伴随着互联网的发展,从桌面端走向Web端、移动端必然的趋势。互联网技术的兴起极大地改变了我们的娱乐、生活和生产方式。尤其是HTML5/WebGL技术的发展更是在各个行业内引起颠覆性的变化。随着WebG »

allenjiao

基于 HTML5 + WebGL 的宇宙 3D 展示系统

前言 近年来随着引力波的发现、黑洞照片的拍摄、火星上存在水的证据发现等科学上的突破,以及文学影视作品中诸如《三体》、《流浪地球》、《星际穿越》等的传播普及,宇宙空间中那些原本遥不可及的事物离我们越来越 »

xhload3d

webgl 图像处理2---图像传输

webgl 图像处理 webgl 不仅仅可以用来进行图形可视化, 它还能进行图像处理 图像处理2 图像传输 之前已经进行了点和 uv 数据的传输 webgl 进行图形处理的第二步: 传输图片到 GPU 下图为传输图片并进行相应渲染的结果 对图像进行模糊处理, 并转换为数组输出 处理过程详解 加载图片 ... »

webgl 图像处理 加速计算

webgl 图像处理 webgl 不仅仅可以用来进行图形可视化, 它还能进行图像处理 图像处理1 数据传输 webgl 进行图形处理的第一步: 传输数据到 GPU 下图为传输点数据到 GPU 并进行相应渲染的结果 数据传输过程 创建 canvas 元素, 用来承接 GPU 生成的数据 获取 cont ... »

xiaxiangx

WebGL调试工具分享 - 阿诚de窝

学习WebGL,我们需要一些好用的调试工具,下面分享3个常用的调试工具。 WebGL Inspector 下载地址:https://github.com/benvanik/WebGL-Inspecto »

hammerc

WebGL.资料收集

1、 1.1、HiWebGL _ 最好的HTML5 WebGL中文资讯站!.html(http://www.hiwebgl.com/) // ZC:貌似这里的一些文章消息都比较旧了... 1.2、HT »

h5skill

一些WebGL的资源

1http://threejs.org/2http://alteredqualia.com/3https://www.blend4web.com/en/4Sencha的PhiloGL是首个WebGL开 »

zjw0901

基于 HTML5 的 WebGL 技术构建 3D 场景(一)

今天和大家分享的是 3D 系列之 3D 预定义模型。 HT for Web 提供了多种基础类型供用户建模使用,不同于传统的 3D 建模方式,HT 的建模核心都是基于 API 的接口方式,通过 HT 预 »

xhload3d

简易瓦片式地球仪的webgl实现

简易的瓦片式地球仪,采用本地的纹理文件,实现了两级金字塔图层,鼠标拖拽以旋转球体,M和N按键调整相机高度。提供源代码下载。 »

yiyezhai

WEBGL学习笔记(二):矩阵变换

游戏已经做好,但是博客园不能支持哈,我在我的独立博客里面加入了这个游戏。 加载时候会黑屏,等待数秒即可,点击这里体验试玩:FlappyBird3d游戏试玩 Three.js 使用矩阵 matrices »

NuclearBoy

Unity WebGL开发

教程来啦参考资料BuildIIS 部署启用Internet Infomation Services添加程序到IIS添加MIME类型,解决报错浏览器设置 参考资料 hi,WebGL Unity 发布WebGL注意事项 Unit WebGL 官方教程 U... »

WebGl简单实践-烧灼纸张效果[转]

前言 最近想实现个酷炫的转场特效,想到了这个烧灼效果。最初想用svg滤镜实现,但动画效果非常卡,遂转而考虑使用webgl的片段着色器实现。下面是最终实现的效果 本文只关注片元着色器,WebGL基础知识 »

mazhenyu

web 9个令人震惊的WebGL示例

20个使用WebGL和Three.js实现的网页场景 https://www.open-open.com/news/view/9d8136 20个使用WebGL和Three.js实现的网页场景 htt »

daimaxuejia

webgl 初步认识

学习webgl是一个很不错的一门技术,可以制作出逼真的3D效果,关键是他可以在浏览器上跑,可以兼容主流的浏览器,接下来我们就开始慢慢的实现3D效果,学习webgl首先要认识three.js表示3D的意 »

fxd980519