基于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

相关文章

关于MongoDB图片URL存储异常问题以及解决

《关于MongoDB图片URL存储异常问题以及解决》:本文主要介绍关于MongoDB图片URL存储异常问题以及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录MongoDB图片URL存储异常问题项目场景问题描述原因分析解决方案预防措施js总结MongoDB图

python实现svg图片转换为png和gif

《python实现svg图片转换为png和gif》这篇文章主要为大家详细介绍了python如何实现将svg图片格式转换为png和gif,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录python实现svg图片转换为png和gifpython实现图片格式之间的相互转换延展:基于Py

使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)

《使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)》PPT是一种高效的信息展示工具,广泛应用于教育、商务和设计等多个领域,PPT文档中常常包含丰富的图片内容,这些图片不仅提升了... 目录一、引言二、环境与工具三、python 提取PPT背景图片3.1 提取幻灯片背景图片3.2 提取

Python实现图片分割的多种方法总结

《Python实现图片分割的多种方法总结》图片分割是图像处理中的一个重要任务,它的目标是将图像划分为多个区域或者对象,本文为大家整理了一些常用的分割方法,大家可以根据需求自行选择... 目录1. 基于传统图像处理的分割方法(1) 使用固定阈值分割图片(2) 自适应阈值分割(3) 使用图像边缘检测分割(4)

C#实现将Excel表格转换为图片(JPG/ PNG)

《C#实现将Excel表格转换为图片(JPG/PNG)》Excel表格可能会因为不同设备或字体缺失等问题,导致格式错乱或数据显示异常,转换为图片后,能确保数据的排版等保持一致,下面我们看看如何使用C... 目录通过C# 转换Excel工作表到图片通过C# 转换指定单元格区域到图片知识扩展C# 将 Excel

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

基于Python实现高效PPT转图片工具

《基于Python实现高效PPT转图片工具》在日常工作中,PPT是我们常用的演示工具,但有时候我们需要将PPT的内容提取为图片格式以便于展示或保存,所以本文将用Python实现PPT转PNG工具,希望... 目录1. 概述2. 功能使用2.1 安装依赖2.2 使用步骤2.3 代码实现2.4 GUI界面3.效

基于Python和MoviePy实现照片管理和视频合成工具

《基于Python和MoviePy实现照片管理和视频合成工具》在这篇博客中,我们将详细剖析一个基于Python的图形界面应用程序,该程序使用wxPython构建用户界面,并结合MoviePy、Pill... 目录引言项目概述代码结构分析1. 导入和依赖2. 主类:PhotoManager初始化方法:__in

Python实现AVIF图片与其他图片格式间的批量转换

《Python实现AVIF图片与其他图片格式间的批量转换》这篇文章主要为大家详细介绍了如何使用Pillow库实现AVIF与其他格式的相互转换,即将AVIF转换为常见的格式,比如JPG或PNG,需要的小... 目录环境配置1.将单个 AVIF 图片转换为 JPG 和 PNG2.批量转换目录下所有 AVIF 图