Class HTML5Comment

constructor

• new HTML5Comment(comment, context, index): HTML5Comment

• Parameters

  • comment: {
        content: string;
        date: number;
        date_usec: number;
        id: number;
        is_my_post: boolean;
        layer: number;
        mail: string[];
        owner: boolean;
        premium: boolean;
        user_id: number;
        vpos: number;
    }

    • content: string

    • date: number

    • date_usec: number

    • id: number

    • is_my_post: boolean

    • layer: number

    • mail: string[]

    • owner: boolean

    • premium: boolean

    • user_id: number

    • vpos: number

  • context: IRenderer
  • index: number

  Returns HTML5Comment

Readonly pluginName

content

• get content(): string

• Returns string

• set content(input): void

• Parameters

  • input: string

  Returns void

_drawCollision

• _drawCollision(posX, posY, showCollision): void

• コメントの当たり判定を描画する

  Parameters

  • posX: number

    描画位置
  • posY: number

    描画位置
  • showCollision: boolean

    当たり判定を表示するかどうか

  Returns void

_generateTextImage

• _generateTextImage(): IRenderer

• コメントの画像を実際に生成する

  Returns IRenderer

convertComment

• convertComment(comment): FormattedCommentWithSize

• サイズ計測などを行うためのラッパー関数

  Parameters

  • comment: {
        content: string;
        date: number;
        date_usec: number;
        id: number;
        is_my_post: boolean;
        layer: number;
        mail: string[];
        owner: boolean;
        premium: boolean;
        user_id: number;
        vpos: number;
    }

    コンストラクタで受け取ったコメント

    • content: string

    • date: number

    • date_usec: number

    • id: number

    • is_my_post: boolean

    • layer: number

    • mail: string[]

    • owner: boolean

    • premium: boolean

    • user_id: number

    • vpos: number

  Returns FormattedCommentWithSize

  描画サイズを含むコメント

getButtonImage

• getButtonImage(): undefined

• Returns undefined

getCommentSize

• getCommentSize(parsedData): FormattedCommentWithSize

• コメントの描画サイズを計算する

  Parameters

  • parsedData: FormattedCommentWithFont

    コメント

  Returns FormattedCommentWithSize

  描画サイズを含むコメント

isHovered

• isHovered(): boolean

• Returns boolean

measureText

• measureText(comment): MeasureTextResult

• context.measureTextの複数行対応版 画面外にはみ出すコメントの縮小も行う

  Parameters

  • comment: MeasureTextInput

    独自フォーマットのコメントデータ

  Returns MeasureTextResult

  • 描画サイズとリサイズの情報

parseCommandAndNicoscript

• parseCommandAndNicoscript(comment): FormattedCommentWithFont

• コメントに含まれるニコスクリプトを処理する

  Parameters

  • comment: {
        content: string;
        date: number;
        date_usec: number;
        id: number;
        is_my_post: boolean;
        layer: number;
        mail: string[];
        owner: boolean;
        premium: boolean;
        user_id: number;
        vpos: number;
    }

    処理対象のコメント

    • content: string

    • date: number

    • date_usec: number

    • id: number

    • is_my_post: boolean

    • layer: number

    • mail: string[]

    • owner: boolean

    • premium: boolean

    • user_id: number

    • vpos: number

  Returns FormattedCommentWithFont

  処理結果

parseContent

• parseContent(input, font?): {
      content: {
          content: string;
          font?: "defont" | "gulim" | "simsun";
          isButton?: boolean;
          slicedContent: string[];
          type: "text";
          width?: number[];
      }[];
      lineCount: number;
      lineOffset: number;
  }

• コメントの本文をパースする

  Parameters

  • input: string

    処理対象のコメント本文
  • Optional font: "defont" | "mincho" | "gothic"

  Returns {
      content: {
          content: string;
          font?: "defont" | "gulim" | "simsun";
          isButton?: boolean;
          slicedContent: string[];
          type: "text";
          width?: number[];
      }[];
      lineCount: number;
      lineOffset: number;
  }

  処理結果

  • content: {
        content: string;
        font?: "defont" | "gulim" | "simsun";
        isButton?: boolean;
        slicedContent: string[];
        type: "text";
        width?: number[];
    }[]

  • lineCount: number

  • lineOffset: number