240 投稿
收录了13篇文章 · 77人关注
  • Resize,w 360,h 240
    WebGL 着色器偏导数dFdx和dFdy介绍

    本文适合对webgl、计算机图形学、前端可视化感兴趣的读者。 偏导数函数(HLSL中的ddx和ddy,GLSL中的dFdx和dFdy)是片元着色...

  • WebGL2系列之多采样渲染缓冲对象

    在很久很久以前,盘古开辟了天地,他的头顶着天,脚踩着地,最后他挂了。他的毛发变成了森林,他的血液变成了河流,他的肌肉变成了大地。。。。。。卡!哦...

  • Resize,w 360,h 240
    webGL 3D babylon.js -- 02 形状

    https://www.jianshu.com/p/0823474c4fd9衔接上一个内容 接下来让我们来讨论一下形状在three.js中有不少...

    0.1 x1911 0 2
  • Resize,w 360,h 240
    WebGL2系列之实例数组(Instanced Arrays)

    实例化数组 实例化是一种只调用一次渲染函数却能绘制出很多物体的技术,它节省渲染一个物体时从CPU到GPU的通信时间。实例数组是这样的一个对象,使...

  • Resize,w 360,h 240
    WebGL绘制基本图形--线

    前言 地图的渲染其实可以分解为线、面、纹理、文字的渲染。为了了解地图渲染的实现原理并实际练习WebGL,进行了这个系列的练习,线是第一步。 本文...

  • WebGL2系列之引言

    引子 时光荏苒岁月如梭,不知不觉间,青丝变白发,哦不是,应该是WebGL已经发展到了2.0阶段:WebGL2,WebGL2相比WebGL增加了很...

  • WebGL2系列之从WebGL1迁移到WebGL2

    WebGL2几乎100%兼容WebGL1,需要注意的是,这里说的几乎,也就是说,也是存在一些细微的差别的,因此原本WebGL1的代码迁移到Web...

  • Resize,w 360,h 240
    cesium gtlf模型转换流程

    Cesium中目前支持gltf和bgltf两种格式。gltf是khronos组织定义的一种交换格式,用于互联网或移动设备上展现3d内容,充分支持...

  • Resize,w 360,h 240
    Canvas 显示图片

    这是一个简单的API应用,看看代码就一目了然了: 如代码注释所言,整个过程就是:1、准备好画板2、准备好图片3、图片准备好后贴到画布上 原文地址...

  • Resize,w 360,h 240
    导入建模工具导出的dae文件

    1.使用Three.js渲染导出的DAE 在Three.js中使用Collada(即.dae)文件的话,首先得要用到 ColladaLoader...

    0.1 kingder 1 1

专题公告

webgl和three.js的一些基础