240 投稿
收录了30篇文章 · 120人关注
  • Resize,w 360,h 240
    低仿[创客贴-制作-设计页]功能的fabric.js移动端图片编辑器

    最近项目使用fabric.js开发移动端图片编辑器,记录一下学习过程。于是低仿了创客贴-制作-设计页功能供大家参考。 项目基于 fabric.j...

  • Resize,w 360,h 240
    实现球体碰撞,使用这个库就够了

    一、简述 大家在用Canvas实现球体碰撞的动画场景时是否感觉无从下手,或者是知道怎么去实现,但是要进行大量的计算,考虑非常多的细节,比如要考虑...

  • Resize,w 360,h 240
    WebGL之绘制三维地球

    通过Three.js也许可以很方便的展示出3D模型,但是你知道它是怎么一步一步从构建网格到贴图到最终渲染出3D模型的吗?现在我们直接使用底层的w...

  • WebGL之延迟着色

    什么是延迟着色(Deferred Shading)?它是相对于正常使用的正向着色(Forward Shading)而言的,正向着色的工作模式:遍...

  • Resize,w 360,h 240
    SVG高级应用及动画

    canvas 和 webGL 这两项图形技术结合 css3 可以说能完成绝大部分的动画和需求。但 canvas 和 webGL 毕竟是偏向底层的...

  • Resize,w 360,h 240
    去掉图片黑背景输出为透明背景

    最近遇到了一个需求,是要去掉一张图片的黑色背景,如下图所示: 如果使用OPENCV ,加上一些图像处理的算法,是可以实现去除任何背景的。但是由于...

  • Resize,w 360,h 240
    根据贝塞尔曲线上的点反算t值

    这是一个项目中遇到的实际需求。场景是一个智能仓库管理系统,场景里面有直线和曲线构成的环穿轨道。环穿轨道上面会有小车运动,后台推动小车的两个点位A...

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

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

  • Resize,w 360,h 240
    WebGL 着色器偏导数dFdx和dFdy介绍

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

  • Resize,w 360,h 240
    WebGL之物体选择

    原文地址: WebGL之物体选择[https://edwardzhong.github.io/2019/05/28/webglray/] 使用W...

专题公告

计算机图形学和前端可视化