加载中
控制台与终端输出带样式文本原理及实现

在浏览器控制台输出带样式的文本 作为一个前端,在浏览器控制台输出带样式的文本已经是手到擒来了,一个%c的占位符就可以自定义后续文本的样式。比如: const style = 'font-weight: bold; ...

在威联通上部署Jellyfin并开启硬解

本文主要参考了文章 威联通非官方入坑手册 篇六:3分钟部署Jellyfin开启硬解,打造最好用的家庭影音中心,免费!Emby、Plex靠边下 和 威联通Docker教程 篇六:三种方式安装Emby和Jellyfin,家...

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

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

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

标题党勿怪 ε=ε=ε=┌(; ・_・)┘ svg形变动画以前有翻译过一篇文章(SVG形变动画),不过那里的动画实现方式是 SMIL 和 css,两者的兼容性和局限性都不小,前者需要你有一定的设计能力,...

2021/05/05 13:45
2W
Vite+WebSocket+Express+quill跨端内容同步

最近经常碰到一种场景,手机复制粘贴一些文本等内容到电脑,或者电脑发到手机。 实现这个功能的方案很多,但是基本上要么是手机连上电脑,要么两端各安装一个什么应用,局限性还是很大。于是...

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

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

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

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

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

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

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

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

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

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

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

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

2020/07/19 12:01
1.9W
css变量实现滚动条控制动画

原理: ① 定义一个数组,数组里面包含每张图片的引用以及它们进入、进入完成、离开、完成离开时的百分比 ② 监听页面滚动,算出当前的滚动进度 ③ 遍历数组,根据当前进度修改图片的状态,修...

2020/07/04 21:12
90
这次来写一个『视频字幕截取器』

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

没有更多内容

加载失败,请刷新页面

返回顶部
顶部
返回顶部
顶部