# WordPartyの固定表示で一度に複数の画像を表示したい

**URL:** <https://forum.onecomme.com/t/topic/1384>\
**Category:** 質問\
**Created:** [2023 年 10 月 26 日午前 2:49 UTC](https://forum.onecomme.com/t/topic/1384 "2023-10-26T02:49:46Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![amagasa\_tale](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/amagasa_tale/32/1357_2.png) [@amagasa\_tale](https://forum.onecomme.com/u/amagasa_tale)\
**Post date:** [2023 年 10 月 26 日午前 2:49 UTC](https://forum.onecomme.com/t/topic/1384/1 "2023-10-26T02:49:46Z")

</div>

## 対象

WordParty

## 利用OS

Windows

## 利用バージョン: Windows、わんコメやOBSのバージョン

Windows: 10  
わんコメ： 5.0.5  
OBS: 30.0.0-rc1

## PRO版を利用

していない

## 過去ログ確認 ([検索はこちらから](https://forum.onecomme.com/search))

した

## ドキュメント確認 ([公式サイト](https://onecomme.com/docs/faq/))

した

## 内容

WordPartyを使って『ジョジョの奇妙な冒険』のアニメやゲームに出てくるような「ドドド」といった表現をしたいと考えています。

- パターン「ドドド+」で発火する
- 「ド」の画像が **複数** ランダムな位置で表示される（できれば数フレームタイミングもズラしたい）
- 「ド」の画像はランダムに震える

という要件を満たせば実現できると考えています。  
それにあたって今問題となっているのは、  
「画像を複数表示する」という部分です。  
現状の固定表示では1コメントに対して1枚の画像しか表示できないかと思います。（条件設定の「コメント数にマッチ」で設定できるのかもしれませんが…）

WordPartyの他の「クラッカー」や「落下物」のように1コメントに対して5回画像表示するということはできないのでしょうか？  
単純に1コメントで5回発火することができればランダムな位置に複数表示すること自体はできるのでは？とは思ったのですが…

* * *

> - 「ド」の画像はランダムに震える

この部分に関しても「表示中アニメーション」にオリジナルのアニメーションを追加できれば実現できそうですが、オリジナルのアニメーションって追加できるのでしょうか？  
ただ、これに関しては現状は「ドが震える動画を作ってそれを表示する」という対応でも見た目上問題はないかなとも思っています。（ランダムには動かないですが気にならないレベルと考えます）

### 要点

長文になってしまいましたが、質問したいのは以下の2つです。よろしくお願いします。

- 1コメントに対し複数の画像orWebMを表示できるか
- 表示中アニメーションにオリジナルのアニメーションを追加できるか

---

<div class="post-metadata">

**Author:** ![ASTIE](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/astie/32/58_2.png) [@ASTIE](https://forum.onecomme.com/u/ASTIE)\
**Post date:** [2023 年 10 月 26 日午前 4:14 UTC](https://forum.onecomme.com/t/topic/1384/2 "2023-10-26T04:14:52Z")

</div>

こんにちは

> 1コメントに対し複数の画像orWebMを表示できるか

１コメントに対し複数の演出を同時に出すことができます

1. WordPartyの設定の「複数判定」を有効にする（[WordPartyエディタの見方と設定 | わんコメ - OneComme | 配信者のためのコメントアプリ](https://onecomme.com/docs/feature/wordparty-editor#%E5%88%A4%E5%AE%9A%E3%82%84%E4%B8%8A%E9%99%90%E3%81%AA%E3%81%A9%E3%81%AE%E8%A8%AD%E5%AE%9A%EF%BC%89)
2. 同じワードで発火する演出を複数作成する

同じ発火条件の演出（ここではドドド）を３つ作った場合、一致するコメントがあったときに３つの演出が同時に発火することになります  
この場合、位置や画像の抽選は演出ごとに行われるためこの３つの位置はランダムになります

> 表示中アニメーションにオリジナルのアニメーションを追加できるか

アニメーションについてはCSSアニメーションで実装されているためWeb制作の知識がありましたらCSSの上書きでアニメーションを変更することは可能です  
ただ完全にランダムに動かすということはJavaScriptで動作を組む想定かと思います  
その場合外部からフックするAPI等は搭載していないため現時点では難しいかと思います

もしWebの知識やプログラミングの知識をお持ちでない場合はgifやwebmを用いるほうが簡単かと思います

---

<div class="post-metadata">

**Author:** ![amagasa\_tale](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/amagasa_tale/32/1357_2.png) [@amagasa\_tale](https://forum.onecomme.com/u/amagasa_tale)\
**Post date:** [2023 年 10 月 26 日午前 4:38 UTC](https://forum.onecomme.com/t/topic/1384/3 "2023-10-26T04:38:41Z")

</div>

> １コメントに対し複数の演出を同時に出すことができます

ありがとうございます！  
早速ご教授いただいたように複数判定を有効にして試したところ1コメントで複数表示させることができました。  
これでとりあえずはやりたいことができそうです。

> アニメーションについてはCSSアニメーションで実装されているためWeb制作の知識がありましたらCSSの上書きでアニメーションを変更することは可能です

CSSやプログラミング知識はある程度あるので余裕があるときにやってみたいと思います。  
もしよろしければ表示中アニメーションのCSSのパスを教えていただくことは可能でしょうか？

```auto
C:\Users\{ユーザ名}\AppData\Roaming\onecomme\templates\custom\__origin\css\animation

```

にあるのがそうなのかと思ったのですが名前的に違うような気がしまして…。

---

<div class="post-metadata">

**Author:** ![ASTIE](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/astie/32/58_2.png) [@ASTIE](https://forum.onecomme.com/u/ASTIE)\
**Post date:** [2023 年 10 月 26 日午前 4:42 UTC](https://forum.onecomme.com/t/topic/1384/4 "2023-10-26T04:42:54Z")

</div>

WordPartyの固定表示アニメーションはすべて Animate.css （ [https://animate.style/](https://animate.style/) ）で作られていますので、こちらを参照してください（クラス名等もそのままになっています）

エディタでは一旦何かの決まったアニメーション名を指定した上で、カスタムCSS等でanimate.cssのアニメーションクラスを上書きしたらおそらくいけるのではと思います  
（検証までできていませんが・・・

---

<div class="post-metadata">

**Author:** ![amagasa\_tale](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/amagasa_tale/32/1357_2.png) [@amagasa\_tale](https://forum.onecomme.com/u/amagasa_tale)\
**Post date:** [2023 年 10 月 26 日午前 4:48 UTC](https://forum.onecomme.com/t/topic/1384/5 "2023-10-26T04:48:15Z")

</div>

ありがとうございます。  
いただいた情報を元に調べてみます。また何か疑問があれば別枠で質問させていただきます。

いったんこちらの質問はクローズしていただいて結構です。  
（もしくは自分でクローズできるんですかね…？初めて投稿したので勝手が分からず…）

---

<div class="post-metadata">

**Author:** ![ASTIE](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/astie/32/58_2.png) [@ASTIE](https://forum.onecomme.com/u/ASTIE)\
**Post date:** [2023 年 10 月 26 日午前 4:49 UTC](https://forum.onecomme.com/t/topic/1384/6 "2023-10-26T04:49:31Z")

</div>

では一旦解決ということでこちらでクローズします 🙏

---

<div class="post-metadata">

**Author:** ![ASTIE](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/astie/32/58_2.png) [@ASTIE](https://forum.onecomme.com/u/ASTIE)\
**Post date:** [2023 年 10 月 26 日午前 4:49 UTC](https://forum.onecomme.com/t/topic/1384/7 "2023-10-26T04:49:35Z")

</div>


