加载中
前端实现旗帜飘动效果系列 (Ⅴ):pixi.js实现

时隔两年,继续完成这个系列,现在回顾一下两年前的这篇文章 前端实现旗帜飘动效果系列 (Ⅳ):webgl实现 ,发现自己当初对webgl的理解不透彻,产生了很多纰漏,也走了不少歪路,实际上使用s...

前天 09:56
6.8K
用Spine2D+PIXI来实现可操控的live2D动画

vTuber行业越来越火爆,看着那些形形色色的皮套,忍不住自己实现一遍的冲动,说起2D骨骼动画软件,Spine2D首当其冲。这次就用它来耍一耍。 为啥我不用live2D?毕竟这是日本软件,英语的本地化...

03/01 00:04
1.7K
人体时钟canvas版

不知道老网民们还记不记得这个魔性的时钟插件: 作为网上冲浪十数载的网虫,不久前看到这个图瞬间破防,直接梦回10年前的QQ空间,感叹一下岁月蹉跎、时光荏苒、青春不在、不胜唏嘘。 十年后的...

01/29 11:25
9.8K
刮刮乐模拟器

刚刚在开车群看到一个好玩的动图 正好新年也快到了,给家人做个“过年红包刮刮乐”的页面,增加点年味不也挺好。 说做就做,这里我们用canvas2D来实现效果,核心的API是 CanvasRenderingCon...

01/27 16:02
191
发布网页到Wallpaper Engine的Steam创意工坊

Steam重度用户都应该知道Wallpaper Engine这个神器,我们可以把自己的网页发布到创意工坊,供全球网友们作为壁纸下载,是不是成就感瞬间up。那就来看看如何做到吧~ _______oBBBBB8o______oB...

2020/07/25 21:23
1.7K
纯css实现gif动图生成字画符

之前有一篇博客试过使用 JavaScript生成字符画,但是最终没有实现gif转字画符,事实上用当时说的方法:把gif每帧抽取出来,然后绘制到canvas上即可。 不过这次要说的实现方式并非js,而是纯c...

2020/07/19 12:01
1.6W
这次来写一个『视频字幕截取器』

想必大家应该都见过类似这种字幕往下边叠的视频截图 一般的做法都是自己把视频某几帧截图,然后用作图工具裁剪/覆盖之类的方式来制作出来。但是作为一个程序员,当然要思考一下效率更高的方式...

Canvas2D实现对图片进行网格变换

最近一直在补线代的理论,边学边用代码实现里面的知识点。但是学习知识的目的总归是为了运用到工作和生活中去,为了不让这个过程太枯燥,试着利用目前复习的线代基础知识,做一个小demo。思考...

amp
2020/06/12 20:04
753
矩阵

定义 由 m × n 个数aij排成的m行n列的数表称为m行n列的矩阵,简称m × n矩阵。记作: 矩阵是一个向量组(m个n维向量或n个m维向量) 特殊矩阵 同型矩阵 两个或者两个以上的矩阵的行数和列数都...

2020/06/10 10:44
71
行列式

二阶行列式 由两个二维向量组成,其结果为以这两个向量为领边的平行四边形的面积 三阶行列式 由三个三维向量组成,其结果为以这三个向量为领边的平行六面体的体积 n阶行列式 定义 n阶行列式等...

2020/06/08 02:49
53
n级排列

n级排列 由1,2,...,n组成的一个有序数组称为一个n级排列。 例如,2431是一个四级排列,45321是一个五级排列。 注:n级排列的总数是 n(n-1)(n-2)...1=n! 逆序 在一个排列中,如果一对数的前...

2020/06/07 21:52
276
自己撸一个jQuery树控件,并导出制表符格式

想要在markdown文档里画一个树状图,但是手码又太累,于是就搞了这个玩意,纯当娱乐~ 首先画一张“九宫格”树状图 觉得不好看可以自己画,只要包含这11种状态:首部、中部、尾部的叶子节点,...

开发一个不走寻常路的贪吃蛇

学编程的小伙伴或多或少都写过贪吃蛇这个小游戏吧,核心的算法就是通过数组来维护蛇的移动和增长。具体实现方式: 地图:一个 M x N 的网格,每次移动的距离都是网格尺寸的 k 倍 移动:根据键...

2020/02/24 15:22
2.1K
如何获取一张普通图片的深度贴图(Depth Map)

文章里面的东西虽然涉及了人工智能,但是还是选择投在了前端的版块,一来延续上一遍的内容,二来自己对AI这块连入门都算不上,避免被众大佬嗤笑,但是也欢迎大佬们说出里面的纰漏和不严谨的地...

原生js+WebGL实现3D图片效果

海外党玩F***book的时候可能有接触过这个酷炫的3d图片效果: 只要通过客户端的这个入口—— 或者网页版的这个入口—— 就能生成。不知道咋玩的请参考官方的帮助手册。今天就教大家手撸出一个...

Http 缓存策略

1)浏览器缓存策略 浏览器每次发起请求时,先在本地缓存中查找结果以及缓存标识,根据缓存标识来判断是否使用本地缓存。如果缓存有效,则使 用本地缓存;否则,则向服务器发起请求并携带缓存...

2018/10/21 15:54
22
Chrome DevTools 之 Performance

今天介绍下 Chrome dev tools 家族的一个小兄弟,它在 Chrome 57 之前叫作「Timeline」,而现在换了个更长的马甲 —— 「Performance」,毕竟名字要「长~~~~~~~~~」更能吸引注意。 ...

2018/09/02 13:43
2.3K
孩子斗图老失败,多半是没看这篇博客

群里跟人斗图的时候,有没有碰到这样的? 这时候没有图咋办?总不能真退群啊,但是又没图可以斗,于是乎~ 唉,尴尬不尴尬,斗图拼的就是时效性,等你找到,黄花菜都凉了。于是乎,这篇博客就...

2018/09/02 13:43
1K
JavaScript生成字符画(ASCII Art)

今天玩一些新的东西,大家都没有看过这样的视频: bad apple 字符版 或者 这样的图片: 网上有很多生成这种图片/视频的工具,但是每个程序员都有一颗造轮子的心,我们当然要玩出自己的花样啦...

JavaScript 搞出一个日历控件

日历控件基本上所有的前端都会用到,而且我相信8成的JSer都是直接把开源的组件拿来用,很多设计师似乎跟开发们也有默契,对日历控件只要能用就行,样式啥的不做太多要求,但是某些设计师就是...

没有更多内容

加载失败,请刷新页面

返回顶部
顶部