• 中文
  • 動畫混合的問題

我想請問如你們示範的第一個互動式影片中
Owl example: Animations

這個互動效果是在Unity中完成的嗎?
還是有什麼製作的方式?

Related Discussions
...
  • Изменено

你好,

您链接到的 Owl 示例完全是在 Spine 中创建的!

您链接到的示例页面包含有关如何设置 Owl 示例的说明。 您可以从链接的网页下载项目文件,或者在第一次打开 Spine Professional 时单击示例选项卡,然后选择 Owl 示例。


Hello,

The Owl Example you've linked to was created completely in Spine!

The example page that you linked to contains the directions on how the Owl example was setup. You can download the project file from the web page you linked, or click on the Examples tab when you first open Spine Professional and then select the Owl example.

我沒表達清楚我的問題,不好意思!
我的意思是 我的動畫都做完了
那我要如何將檔案製作成如同完成品那樣可互動的檔案?

因為我有在範例檔案中看到這個輸出檔(如圖)

我要如何製作出能讓動畫跟著鼠標移動的檔案?

对不起,这不是你要找的答案! 你可以在 "Spine Demo "页面找到同样的猫头鹰例子,源代码在GitHub上可以找到。:
https://github.com/EsotericSoftware/spine-runtimes/tree/4.0/spine-ts/spine-webgl/demos
你可以在additiveblending.js中找到用鼠标操作来混合动画的源代码。


Sorry that wasn't the answer you were looking for! You can find the same owl example on the "Spine Demo" page, and the source code is available on GitHub:
https://github.com/EsotericSoftware/spine-runtimes/tree/4.0/spine-ts/spine-webgl/demos
You can find the source code for blending animations with mouse operations in the additiveblending.js.

謝謝!
但因為我沒有使用過源代碼的經驗
我想再請問有沒有什麼教學是我可以學習的?
我不知道要如何使用這些源代碼
謝謝妳們!

我很抱歉没有回答这个问题! 很遗憾,我们目前没有这方面的详细教程。混合动画使用track,我认为下面的页面对理解它的工作原理很有帮助。
Applying Animations - Spine Runtimes Guide: 通道(Track)
为了非常粗略地解释,我们可以使它成为 "做某事会增加某个track的alpha值"。在猫头鹰的例子中,程序是这样的:如果鼠标向右移动,播放 right动画的track的alpha值就会增加。


My apologies for not answering that question! Unfortunately, we do not currently have a detailed tutorial on that. Blending animations uses track, I think the following page is helpful to understand how it works:
Applying Animations - Spine Runtimes Guide: 通道(Track)
To explain very roughly, we can make it so that "doing something increases the alpha of some tracks". In the owl example, the program is such that "if the mouse goes to the right, the alpha of the track which plays the right animation increases."