Class HTML5Comment

constructor

• new HTML5Comment(
      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;
      },
      context: IRenderer,
      index: number,
  ): 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;
    }
  • context: IRenderer
  • index: number

  Returns HTML5Comment

ReadonlypluginName

content

• get content(): string

  Returns string

• set content(input: string): void

  Parameters

  • input: string

  Returns void

_drawCollision

• _drawCollision(posX: number, posY: number, showCollision: boolean): void

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

  Parameters

  • posX: number

    描画位置

  • posY: number

    描画位置

  • showCollision: boolean

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

  Returns void

_generateTextImage

• _generateTextImage(): IRenderer

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

  Returns IRenderer

convertComment

• convertComment(
      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;
      },
  ): 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;
    }

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

  Returns FormattedCommentWithSize

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

getButtonImage

• getButtonImage(): undefined

  Returns undefined

getCommentSize

• getCommentSize(parsedData: FormattedCommentWithFont): FormattedCommentWithSize

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

  Parameters

  • parsedData: FormattedCommentWithFont

    コメント

  Returns FormattedCommentWithSize

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

isHovered

• isHovered(): boolean

  Returns boolean

measureText

• measureText(comment: MeasureTextInput): MeasureTextResult

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

  Parameters

  • comment: MeasureTextInput

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

  Returns MeasureTextResult

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

parseCommandAndNicoscript

• parseCommandAndNicoscript(
      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;
      },
  ): 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;
    }

    処理対象のコメント

  Returns FormattedCommentWithFont

  処理結果

parseContent

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

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

  Parameters

  • input: string
  • Optionalfont: "defont" | "mincho" | "gothic"

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

  処理結果