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

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

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

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

05/05 13:45
2W
前端实现旗帜飘动效果系列 (Ⅴ):pixi.js实现

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

用Spine2D+PIXI来实现可操控的live2D动画

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

人体时钟canvas版

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

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

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

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

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

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

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

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

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

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

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

2020/06/12 20:04
7.2K
矩阵

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

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

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

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

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

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

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

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

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

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

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

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

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

(译)波纹效果解构

概述: 在计算机图形学的一众效果中,水波效果无疑非常能引起观众眼球。这是一种模拟了水在受到干扰时的行为。 本文由两部分组成。第一部分讲述如何模拟水的行为。第二部分介绍光线到达透明表...

2019/01/07 16:43
54
Http 缓存策略

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

2018/10/21 15:54
30
「时间」与「空间」复杂度

算法(Algorithm)是指用来操作数据、解决程序问题的一组方法。对于同一个问题,使用不同的算法,也许最终得到的结果是一样的,比如排序就有前面的十大经典排序和几种奇葩排序,虽然结果相同...

2018/10/18 15:07
4

没有更多内容

加载失败,请刷新页面

返回顶部
顶部