加载中
PixiJS+自定义Shader实现不规则图片扫光效果

本来打算用原生WebGL来实现,但是水平有限,关于WebGL能讲的干货并不多,而且繁琐的准备工作对没有了解过的小伙伴也过于枯燥乏味,于是干脆用已经封装好大部分底层细节的PixiJS来实现了。 相...

原神任意元素转换大法(误

标题党勿怪 ε=ε=ε=┌(; ・_・)┘ svg形变动画以前有翻译过一篇文章(https://my.oschina.net/codingDog/blog/2054879),不过那里的动画实现方式是 SMIL 和 css,两者的兼容性和局限性都...

2021/05/05 13:45
2W
用Spine2D+PIXI来实现可操控的live2D动画

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

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

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

2021/01/29 11:25
1.1W
刮刮乐模拟器

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

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

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

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

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

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

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

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

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

2020/06/12 20:04
7.4K
自己撸一个jQuery树控件,并导出制表符格式

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

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

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

2020/02/24 15:22
4.2K

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部