基于egret的抖音上的ASCII码视频或图片

2024-08-27 03:58
文章标签 视频 图片 ascii egret 音上

本文主要是介绍基于egret的抖音上的ASCII码视频或图片,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

以前写过C版的,看到最近抖音有个ASCII码视频,想想可以这么处理。不废话了,扔代码如下:

        let img = this.createBitmapByName("egret_icon_png");img.visible = false;this.addChild(img);let stageW = this.stage.stageWidth;let stageH = this.stage.stageHeight;let _fontSize: number = 20;let _chars: string = this.toChars(img, Math.floor(stageW / _fontSize));let _label: eui.Label = new eui.Label();_label.size = _fontSize;_label.text = _chars;// _label.fontFamily="SimHei";_label.lineSpacing = 0;_label.textAlign = "center";// _label.horizontalCenter = 0;// _label.verticalCenter = 0;this.addChild(_label);

上面调用的相关方法如下:

private toChars(img: egret.Bitmap, rowChars: number) {let map = this.getCharsMap();rowChars = img.width < rowChars ? img.width : rowChars;let char_h = img.width / rowChars;let char_w = char_h;let rows = img.height / char_h;let cols = rowChars;let _rgb: number[] = img.texture.getPixels(0, 0, img.width, img.height);function getBlockGray(x, y, w, h) {let sumGray = 0;let pixels = 0;for (let row = 0; row < w; row++) {for (let col = 0; col < h; col++) {let cx = x + col; //current position x                        let cy = y + row; //current positon y                        let index = (cy * img.width + cx) * 4; //current index in rgba data array                        let data = _rgb;let R = data[index + 1];let G = data[index + 2];let B = data[index + 3];let gray = ~~(R * 0.3 + G * 0.59 + B * 0.11);sumGray += gray;}}pixels = w * h;return ~~(sumGray / pixels);}let output = "";for (let r = 0; r < rows; r++) {for (let c = 0; c < cols; c++) {let pos_x = ~~(c * char_h);let pos_y = ~~(r * char_h);let avg = getBlockGray(pos_x, pos_y, ~~char_w, ~~char_h);let ch = map[avg];output += ch;}output += '\r\n';};return output;}
    private getCharsMap() {// let chars = [' ', '`', '.', '^', ',', ':', '~', '"', '<', '!', 'c', 't', '+', '{', 'i', '7', '?',//     'u', '3', '0', 'p', 'w', '4', 'A', '8', 'D', 'X', '%', '#', 'H', 'W', 'M',//     0, 5, 7, 9, 13, 15, 17, 19, 21, 23, 25, 27, 29, 31, 33, 35, 37, 39, 41, 43,//     45, 47, 49, 51, 53, 55, 59, 61, 63, 66, 68, 70];// chars.reverse();let chars = ['@', ' w ', ' # ', ' $ ', ' k ', ' d ', ' t ', ' j ', ' i ', ' . ', '   '];let step = 25;let map = {};for (let i = 0; i < 256; i++) {let index = ~~(i / 25)map[i] = chars[index];};return map;}

以白鹭官方logo图为例,结果如下:

原图:  ----->>>运行后:  

至于视频或者摄像成ASCII码的话,应该是开启手机相机权限,获取相机视频数据,按照一定帧率获取视频像素点数据,类似截屏,然后一张张解析成ASCII码的图片,最后类似放电影一样一张张轮播显示屏幕上就成视频啦。

 

 

 

这篇关于基于egret的抖音上的ASCII码视频或图片的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1110567

相关文章

Python FastAPI+Celery+RabbitMQ实现分布式图片水印处理系统

《PythonFastAPI+Celery+RabbitMQ实现分布式图片水印处理系统》这篇文章主要为大家详细介绍了PythonFastAPI如何结合Celery以及RabbitMQ实现简单的分布式... 实现思路FastAPI 服务器Celery 任务队列RabbitMQ 作为消息代理定时任务处理完整

使用C#代码在PDF文档中添加、删除和替换图片

《使用C#代码在PDF文档中添加、删除和替换图片》在当今数字化文档处理场景中,动态操作PDF文档中的图像已成为企业级应用开发的核心需求之一,本文将介绍如何在.NET平台使用C#代码在PDF文档中添加、... 目录引言用C#添加图片到PDF文档用C#删除PDF文档中的图片用C#替换PDF文档中的图片引言在当

详解C#如何提取PDF文档中的图片

《详解C#如何提取PDF文档中的图片》提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使用,下面我们就来看看如何使用C#通过代码从PDF文档中提取图片吧... 当 PDF 文件中包含有价值的图片,如艺术画作、设计素材、报告图表等,提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使

Java实现文件图片的预览和下载功能

《Java实现文件图片的预览和下载功能》这篇文章主要为大家详细介绍了如何使用Java实现文件图片的预览和下载功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... Java实现文件(图片)的预览和下载 @ApiOperation("访问文件") @GetMapping("

用js控制视频播放进度基本示例代码

《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意:总结前言在javascript中控制视频播放

Python基于wxPython和FFmpeg开发一个视频标签工具

《Python基于wxPython和FFmpeg开发一个视频标签工具》在当今数字媒体时代,视频内容的管理和标记变得越来越重要,无论是研究人员需要对实验视频进行时间点标记,还是个人用户希望对家庭视频进行... 目录引言1. 应用概述2. 技术栈分析2.1 核心库和模块2.2 wxpython作为GUI选择的优

基于Python开发批量提取Excel图片的小工具

《基于Python开发批量提取Excel图片的小工具》这篇文章主要为大家详细介绍了如何使用Python中的openpyxl库开发一个小工具,可以实现批量提取Excel图片,有需要的小伙伴可以参考一下... 目前有一个需求,就是批量读取当前目录下所有文件夹里的Excel文件,去获取出Excel文件中的图片,并

Java实现数据库图片上传与存储功能

《Java实现数据库图片上传与存储功能》在现代的Web开发中,上传图片并将其存储在数据库中是常见的需求之一,本文将介绍如何通过Java实现图片上传,存储到数据库的完整过程,希望对大家有所帮助... 目录1. 项目结构2. 数据库表设计3. 实现图片上传功能3.1 文件上传控制器3.2 图片上传服务4. 实现

Java实现数据库图片上传功能详解

《Java实现数据库图片上传功能详解》这篇文章主要为大家详细介绍了如何使用Java实现数据库图片上传功能,包含从数据库拿图片传递前端渲染,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1、前言2、数据库搭建&nbsChina编程p; 3、后端实现将图片存储进数据库4、后端实现从数据库取出图片给前端5、前端拿到

Python使用PIL库将PNG图片转换为ICO图标的示例代码

《Python使用PIL库将PNG图片转换为ICO图标的示例代码》在软件开发和网站设计中,ICO图标是一种常用的图像格式,特别适用于应用程序图标、网页收藏夹图标等场景,本文将介绍如何使用Python的... 目录引言准备工作代码解析实践操作结果展示结语引言在软件开发和网站设计中,ICO图标是一种常用的图像