240 发简信
IP属地:香港
  • Resize,w 360,h 240
    webgl变换:深入图形缩放

    前言 关于图形的动画内容,之前已经分享完成了两篇,分别是webgl变换:深入图形平移[https://juejin.cn/post/693798...

  • Resize,w 360,h 240
    webgl变换:深入图形旋转

    1. 前言 图形的动画是由平移、旋转、和缩放三种基础的变换方式组成。 之前的文章里,分享了下如何进行图形的平移。《webgl变换:深入图形平移》...

  • Resize,w 360,h 240
    webgl变换:深入图形平移

    在以前的文章里,不管是绘制图形,绘制点亦或者是改变色值,所有的内容都是静态的。 在 webgl 里,图形的运动分为 平移、旋转、缩放 三种类型。...

  • webgl基础:顶点到片元的联动

    继前期分享了 初入webgl 的一些内容之后,相信大家已经对webgl有了一个初步的认识,今天再来分享一些基础内容,已加深大家对于它的认知。 众...

  • webgl基础:绘制多边形

    hi~ everybody. 又到了愉快的分享时刻了。 在前面两节内容中给大家分享了如何通过 webgl 来绘制一个点,并且介绍了着色器的一些基...

  • Resize,w 360,h 240
    webgl基础:着色器基础

    前言:(十分重要) 上节文章中,跟大家分享了一下如何入门 webgl 并在画布上绘制一个点。 诚然,我们看到的流程是十分繁琐的。 这里想说明的一...

  • webgl初章:进入3D世界

    终于要进入到webgl的世界了。还真是有点小激动。在之前的文章里,跟大家详细分享了下 canvas 的相关内容。下面会有这几篇文章的链接,有兴趣...

  • Resize,w 360,h 240
    canvas动画实战与性能优化

    插播一篇关于 canvas 动画及性能优化的文章,为我们可以更好的进入到 webgl 的世界奠定基础。 本篇文章的内容可能会稍难理解,还希望大家...

  • 初识canvas(二)

    上节文章中,给大家分享了canvas最基础的用法,包括绘制线条、控制渲染方式、绘制图形、作用域、添加阴影、清理、剪切等功能,本节将继续为大家分享...