专题：canvas
共6篇相关文章
如何构建WebGL场景中的地面模型？
总述：大部分3D编程都涉及到地面元素，在场景中我们使用地面作为其他物体的承载基础，同时也用地面限制场景使用者的移动范围，还可以通过设置地块的属性为场景的不同位置设置对应的计算规则。本文在WebGL平台上借助Babylon.js库探索并实现了...
如何用canvas制作精灵动画效果？
实验目标：借助canvas把一张国际象棋棋子图片转换为一组适用于WebGL渲染的精灵动画图片，不借助其他图片处理工具，不引用其他库只使用原生js实现。 初始图片如下： 一、图片分割 将初始图片分割为六张大小相同的棋子图片 1、html舞台：...
粒子系统如何绘制出的精美几何图案？
准备 IDE：Visual Studio Code Language：TypeScript GitHub：general-engine 本文主要讲述 Particles - Walker 示例的实现步骤，不涉及具体的代码细节。 第一节 粒子...
如何用Canvas实现图片局部放大镜功能？
最近我在可视化课程中学习了如何在Canvas中利用像素处理来实现滤镜效果，在这节课程的结尾留了一道局部放大镜的题目，提示我们用像素处理的方式去实现这个效果，最终实现随着鼠标移动将图片局部放大，以下是我对这个效果的简单实现。...
如何通过极坐标参数方程和SDF绘制出令人惊叹的复杂图案？
本文将介绍如何使用极坐标参数方程和上一篇文章提到的距离场SDF来绘制有趣的图案。有些曲线比起直角坐标系来说，更方便使用极坐标来表示，这个时候我们可以选择通过极坐标和直角坐标的相互转换，来实现图形的绘制...
如何用WebGL轻松绘制出炫酷3D物体？
在学习2D绘图的时候，我们提过很多次关于GPU的高效渲染，但是2D图形的绘制只展示了WebGL部分的能力，WebGL更强大的地方在于，它可以绘制各种3D图形，而3D图形能够极大地增强可视化的表现能力。相信很多小伙伴都对此有所耳闻，也有不少人...