129 lines
4.2 KiB
TypeScript
129 lines
4.2 KiB
TypeScript
import { Canvas } from 'skia-canvas';
|
||
import { Band } from '@/qqbot/plugins/bangDream/tsugu/models/band';
|
||
import {
|
||
Server,
|
||
getServerByPriority,
|
||
} from '@/qqbot/plugins/bangDream/tsugu/models/server';
|
||
import { Song } from '@/qqbot/plugins/bangDream/tsugu/models/song';
|
||
import { drawText } from '@/qqbot/plugins/bangDream/tsugu/canvas/text';
|
||
import { resizeImage } from '@/qqbot/plugins/bangDream/tsugu/render-blocks/image-stack';
|
||
import { drawDifficultyList, drawDifficulty } from './list-difficulty';
|
||
import { globalDefaultServer } from '@/qqbot/plugins/bangDream/tsugu/runtime/config';
|
||
import { drawList } from './list-frame';
|
||
import { drawDottedLine } from '@/qqbot/plugins/bangDream/tsugu/canvas/dotted-line';
|
||
import { BANGDREAM_RENDER_THEME } from '@/qqbot/plugins/bangDream/tsugu/render-blocks/theme';
|
||
import { createHorizontalSeparatorSpec } from '@/qqbot/plugins/bangDream/tsugu/render-blocks/layout-spec';
|
||
|
||
/**
|
||
* 在图片布局层中绘制歌曲In列表。
|
||
*
|
||
* @param song - 歌曲参数。
|
||
* @param difficulty - 难度参数，未传入时使用默认值。
|
||
* @param text - 待绘制文本，未传入时使用默认值。
|
||
* @param displayedServerList - 允许展示或下载资源的服务器优先级列表，未传入时使用默认值。
|
||
* @returns 异步处理结果。
|
||
*/
|
||
export async function drawSongInList(
|
||
song: Song,
|
||
difficulty?: number,
|
||
text?: string,
|
||
displayedServerList: Server[] = globalDefaultServer,
|
||
): Promise<Canvas> {
|
||
const server = getServerByPriority(song.publishedAt, displayedServerList);
|
||
const songImage = resizeImage({
|
||
image: await song.getSongJacketImage(),
|
||
widthMax: 80,
|
||
heightMax: 80,
|
||
});
|
||
|
||
const canvas = new Canvas(BANGDREAM_RENDER_THEME.layout.contentWidth, 75);
|
||
const ctx = canvas.getContext('2d');
|
||
ctx.drawImage(songImage, 50, 5, 65, 65);
|
||
//id
|
||
const idImage = drawText({
|
||
text: song.songId.toString(),
|
||
textSize: 23,
|
||
lineHeight: 37.5,
|
||
maxWidth: BANGDREAM_RENDER_THEME.layout.contentWidth,
|
||
});
|
||
ctx.drawImage(idImage, 0, 0);
|
||
//曲名与乐队名
|
||
let fullText = `${song.musicTitle[server]}`;
|
||
if (!text) {
|
||
//如果没有传入text参数，使用乐队名
|
||
fullText += `\n${new Band(song.bandId).bandName[server]}`;
|
||
} else {
|
||
//如果传入了text参数，使用text参数代替乐队名
|
||
fullText += `\n${text}`;
|
||
}
|
||
const textImage = drawText({
|
||
text: fullText,
|
||
textSize: 23,
|
||
lineHeight: 37.5,
|
||
maxWidth: BANGDREAM_RENDER_THEME.layout.contentWidth,
|
||
});
|
||
ctx.drawImage(textImage, 120, 0);
|
||
|
||
//难度
|
||
const difficultyImage =
|
||
difficulty == undefined
|
||
? drawDifficultyList(song, 45, 10)
|
||
: drawDifficulty(difficulty, song.difficulty[difficulty].playLevel, 45);
|
||
ctx.drawImage(
|
||
difficultyImage,
|
||
BANGDREAM_RENDER_THEME.layout.contentWidth - difficultyImage.width,
|
||
75 / 2 - difficultyImage.height / 2,
|
||
);
|
||
return canvas;
|
||
}
|
||
|
||
/**
|
||
* 在图片布局层中绘制歌曲列表In列表。
|
||
*
|
||
* @param songs - 歌曲列表参数。
|
||
* @param difficulty - 难度参数，未传入时使用默认值。
|
||
* @param text - 待绘制文本，未传入时使用默认值。
|
||
* @param displayedServerList - 允许展示或下载资源的服务器优先级列表，未传入时使用默认值。
|
||
* @returns 异步处理结果。
|
||
*/
|
||
export async function drawSongListInList(
|
||
songs: Song[],
|
||
difficulty?: number,
|
||
text?: string,
|
||
displayedServerList: Server[] = globalDefaultServer,
|
||
): Promise<Canvas> {
|
||
const height: number = 75 * songs.length + 10 * (songs.length - 1);
|
||
const canvas = new Canvas(760, height);
|
||
const ctx = canvas.getContext('2d');
|
||
const x = 0;
|
||
let y = 0;
|
||
const views: Canvas[] = [];
|
||
const line = drawDottedLine(createHorizontalSeparatorSpec({ height: 10 }));
|
||
for (let i = 0; i < songs.length; i++) {
|
||
views.push(
|
||
resizeImage({
|
||
image: await drawSongInList(
|
||
songs[i],
|
||
difficulty,
|
||
text,
|
||
displayedServerList,
|
||
),
|
||
widthMax: 760,
|
||
}),
|
||
);
|
||
views.push(line);
|
||
}
|
||
views.pop();
|
||
for (let i = 0; i < views.length; i++) {
|
||
ctx.drawImage(views[i], x, y);
|
||
y += views[i].height;
|
||
}
|
||
return await drawList({
|
||
key: '歌榜歌曲',
|
||
content: [canvas],
|
||
textSize: canvas.height,
|
||
lineHeight: canvas.height + 20,
|
||
spacing: 0,
|
||
});
|
||
}
|