旅行开发老王

前言 大家好，我是Fly, canvas真是个强大的东西，每天沉迷这个无法自拔， 可以做游戏，可以对图片处理，后面会给大家分享一篇，canvas实现两张图片找不同的功能， ...

前言 2020东京奥运会已经开幕很多天了，还记得小时候看奥运会的是在2008年的北京奥运会，主题曲是北京欢迎你， 那个时候才上小学吧，几乎有中国队的每场必看，当时也是热血沸...

前言 因为群里粉丝一直要求我写一篇可视化入门指南，今天他来了。其实说起前端可视化，大家所能想到的就是各种图表，大屏。这种看着贼炫酷，而笔者呢工作也一直从事3D前端开发工作，...

前言 大家好！ 我是热爱图形的fly, 之前在群里和粉丝讨论canvas 如何实现事件系统， 然后呢？ 我自己其实也对这个比较感兴趣， 我看过很多canvas 实现的项目，...

之前在群里一直有粉丝对我做的3d文字感兴趣，今天它来了，我是如何去做的。本篇文章可能不会讲太多代码层面的东西，主要是一个技术方案从选型到最终实现中的遇到的一些问题。 主要是...

这是我参与8月更文挑战的第4天，活动详情查看： [8月更文挑战] 不知不觉又到了周末，又到了Fly写文章的日子，今天给大家介绍下一个web中很常见的功能， 就是撤销和复原这...

在上篇文章中我们已经拿到了频谱数据，也知道了数组每个元素表示的是振幅，那这些数组元素之间有什么关系呢？根据FFT的原理， N个音频信号样本参与计算将产生N/2个数据（204...

首先我们要跟音乐数据相结合，就需要了解一下audioContext的内容。 这样之后，就会把音频数据写入dataArray这个变量中。 数据有了。我们先看看数据长什么样。 ...

首先，这是一个类矩形，一张图片，进行变换。所以我们的实现流程是 这一步，我们的主要目的是了解其基本知识及概念，从中边学边画边了解。 我们首先了解一下，webgl整个绘制过程...

最近看了《Three.js开发指南》，深刻地意识到光看不练跟没看差不多，所以就练习写了这个下雨小动画。...

个人网页是程序员的第二张简历。如果你有酷炫的个人网页，面试官对你的好感度会蹭蹭蹭往上涨。用Three.js打造属于你的酷炫3D个人网站吧！...

笔者认为Three.js是一个伟大的框架，为什么这样说，因为它可以让我们轻易创造三维世界，甚至好像笔者写这遍教程，可以创造一个太阳系，在这个三维世界里你就是创世主。...

引子 上次课提到了位移，但是并没有给出一个标准的定义，这是不好的。这可能让人产生不正确的思维，好像位移代表了某人或者某个物体在平面上的移动路径。 这是不对的，位移不能代表移...

WebGL概述 WebGL是一项结合了HTML5和JavaScript，用来在网页上绘制和渲染复杂三维图形的技术。WebGL通过JavaScript操作OpenGL接口的标...

canvas除了最常用的javascript API绘制方式，还有WebGL的绘制方式。WebGL对很多同学来说就是实现3D场景的，其实对2D绘图来说，也有很大的发挥场景。...

背景 如何知道鼠标所在位置是否存在图形，转换问题角度来看可以看做从鼠标所处位置发出一根射线，这根射线是否与三角形相交，换而言之即为鼠标所在位置在一个三角形内是否存在投影的一...

在上一篇文章简单粗略的描述了开发3D汽车展厅，笔者再写一篇比较详细的教程。对于笔者来说Three.js说难不难，说简单也不简单。说简单因为他简化了对三维知识的理解，简化了很...