WebGL
9篇文章 · 0订阅
  • 我给鸿星尔克写了一个720°看鞋展厅
    最近因为鸿星尔克给河南捐了5000万物资，真的是看哭了很多的网友，于是我想到了给鸿星尔克做了一个线上的看鞋展厅，鸿星尔克 TO BE No.1！
    前端 three.js GitHub
    我给鸿星尔克写了一个720°看鞋展厅
  • 三种前端实现VR全景看房的方案！说不定哪天就用得上！
    前言 事情是这样的，前几天我接到一个外包工头的新需求，某品牌要搭建一个在线VR展厅，用户可以在手机上通过陀螺仪或者拖动来360度全景参观展厅，这个VR展厅里会有一些信息点，点击之后可以呈现更多信息（视
    前端 JavaScript
    三种前端实现VR全景看房的方案！说不定哪天就用得上！
  • WebGL技术储备指南
    WebGL 是 HTML 5 草案的一部分，可以驱动 Canvas 渲染三维场景。WebGL 虽然还未有广泛应用，但极具潜力和想象空间。本文整理自淘宝前端团队的叶斋。
    WebGL 前端 Canvas
    WebGL技术储备指南
  • WebGL学习之纹理盒
    我们之前已经学习过二维纹理 gl.TEXTURE_2D，而且还使用它实现了各种效果。但还有一种立方体纹理 gl.TEXTURE_CUBE_MAP，它包含了6个纹理代表立方体的6个面。不像常规的纹理坐标有2个纬度，立方体纹理使用法向量，换句话说三维方向。本节实现的demo请看 天…
    WebGL
  • 半小时轻松玩转WebGL滤镜技术系列（二）
    上个章节中，我们主要从如何绘制图片和如何添加滤镜以及动态控制滤镜效果两方面入手，辅助以灰度滤镜和对比度滤镜的案例，让大家对webgl滤镜开发有了初步的认识，也见识到了glsl语言的一些特性。如果你觉得上面两个滤镜太简单，不够硬，那么，本章节我们将会以抖音故障特效为例，为大家详细…
    前端 WebGL 腾讯
  • 3D探索——Web 3D哪家强？
    在Web3D百花齐放的今天，和大家简单探讨一下目前主流的3D库。 官方将Egret定位为一整套游戏开发的“游戏解决方案”，包括游戏开发框架、开发辅助工具，生态环境相对完善。基于TypeScript进行开发，支持Flash到Egret的高效转换、跨平台支持，可打包为HTML5，以…
    three.js 游戏 WebGL
  • 半小时轻松玩转WebGL滤镜技术系列（一）
    要想做到封面中的效果，我们需要掌握大量的WebGL知识和图像算法，作为系列的第一篇，我希望通过本文先让大家对滤镜有一个初步的认识，能够做到以下两点。 1. 理解如何绘制图片 2. 理解如何添加滤镜及动态控制滤镜效果 4. 设置顶点位置 可以看到，相比于灰度处理中，除了main(…
    前端 WebGL 算法
  • WebGL Shader 环境搭建
    OpenGL 是底层的驱动级的图形接口，但是这种底层接口是浏览器中的 JavaScript 无法调用的。2010 年 WebGL 被推出来了之后，它允许工程师使用 JavaScript 去调用部分封装过的 OpenGL ES2.0 标准接口去提供硬件级别的 3D 图形加速功能。…
    JavaScript 前端 WebGL
  • 高冷的 WebGL
    Threejs 是一个用于在浏览器中绘制 3D 图形的 JS 库，其底层实际是对浏览器提供的 WebGL Api 进行了封装。作为一个好奇宝宝，看到了 Threejs 那些神奇的绘制 3D 图形 Api，又怎么能抑制住想要钻进去一探究竟的冲动呢？所以今天的文章，就来给大家分享一下 WebGL 本身。
    three.js WebGL Canvas
    高冷的 WebGL