CreateJS，實現語音氣泡

Question

我正在研究一個非常基本的視覺小說創作者與createjs和一堆其他庫，讓我可以呈現視頻。現在我被困在這個部分，我真的不知道如何解決這個問題。

我想實現Speech Bubbles，我已經擁有的Speech Bubbles真的很醜，但它們是用createjs的矢量圖形API製作的，所以我可以在不損失質量的前提下儘可能地擴展它們。我想製作更時尚的泡泡，帶有色彩鮮豔的邊框，使它們更加靈活（或者至少可以匹配資產中使用的圖形樣式），我不認爲使用整個精靈會起作用，因爲，當然，我無法將它們擴展到質量下降的地步，而其他很多不好的事情也會發生。

你們建議我做什麼？這部分我真的很掙扎：$

P.S. 這裏的網站，如果你們想看看。是西班牙語，但我認爲你們可以設法使用編輯器。只適用於CHROME！

http://www.skiboo.com.mx/video_editor_test/

P.P.S. 英語不是我的本地語言，所以請耐心等待。

Answer 1

查看EaselJS GitHub中的ScaleBitmap「extra」。這允許您使用單個圖像，將其切成3x3網格，並將角部縮放，將兩邊拉伸到一個軸上，並將中心拉伸以填充空間。有趣的是，它使用的例子是語音泡:)

• 來源：https://github.com/CreateJS/EaselJS/tree/master/extras/ScaleBitmap
• 例子：https://rawgit.com/CreateJS/EaselJS/master/extras/ScaleBitmap/ScaleBitmap.html

注意：如果使用類似的東西，你可以做很多事矢量圖形Illustrator或Flash Pro（現在稱爲Adobe Animate）來創建它們。 Flash可以導出CreateJS圖形，並且有可以導出Illustrator內容的工具，如http://drawscri.pt。