Kwik 2のボタンでサウンドを再生する

• かもしれません 1, 2024

前回のチュートリアルでは、Kwikの回転ウィジェットを使用して、4本のバットをアニメーション化して木の枝からスイングしました。各コウモリは独自のレイヤー上にあり、個別にアニメーション化されました。これは素晴らしい効果でしたが、インタラクティブ性はあまりありません。読者がコウモリをクリックしてコウモリの音を聞くことができればより良いでしょう。

このインタラクティブ機能を追加するには、バットサウンドを再生するアクションを各バットレイヤー（bat1_pg10-bat4_pg10）に追加する必要があります。もちろん、コウモリごとに異なるサウンドファイルを使用することもできますが、物事を単純にし、メモリ使用量を節約するために、4つのコウモリすべてに同じmp3サウンドファイルを使用します。最初のステップは、サウンドファイルをページにインポートすることです。次に、バットレイヤーにアクションを追加できます。

Photoshopでプロジェクトを開きます。

1. Kwikパネルのページのリストからpage10を選択します。 「ページ/コンポーネント」セクションの上部に「@ page10」が表示されます。
   
   
2. を選択 カテゴリバーの[プロジェクトとページ]アイコン。
   
   
3. を選択 ツールセットにオーディオツールを追加します。
   
   
4. [オーディオの追加]ダイアログボックスで、[参照]ボタンを使用して、バットサウンドファイルを見つけます。
   
   
5. ページフリップサウンドファイルの場合と同様に、これをShort Fileに設定して、すぐにメモリにロードされるようにします。このボックスをチェックしてください。
   
   
6. 読者が一度に複数のコウモリをクリックした場合に備えて、サウンドを同時に再生することは望ましくありません。このボックスをオフにします。
   
   
7. これはRead Meファイルではないため、このボックスをオフにします。
   
   
8. 読者がコウモリをクリックしない限り、サウンドを再生したくありません。そのため、ページの読み込み時にPlayのチェックボックスをオフにします。
   
   
9. このファイルは、バットアニメーションの10ページでのみ再生されます。そのため、すべてのページで再生のチェックボックスをオフにします。
   
   
10. バットがクリックされるたびに1回だけ音が再生されるようにします。したがって、ループを0遅延で1回に設定します。
    
    
11. ご覧のとおり、Kwikはペーパーフリップサウンドを最初のサウンドチャンネルに割り当てています。ボックスに数字の2を残して、Kwikがこのサウンドファイルを2番目のサウンドチャネルに割り当て、[保存]をクリックするようにします。
    
    
12. ページ10のコンポーネントリストに新しいサウンドファイルが表示されます。
    
    

これで、クリックしたときにサウンドを再生するアクションを各バットレイヤーに追加できます。

bat1_pg10レイヤーを選択した状態で、最初のバットにアクションを追加しましょう。

1. を選択 カテゴリバーのインタラクションアイコン。
   
   
2. クリックしてください ツールセットにボタンツールを追加します。
   
   
3. [ボタンの追加]ダイアログボックスで、ボタンアクションの名前を「bat1btn」に変更します。
   
   
4. デフォルトおよびオーバー状態をbat1_pg10レイヤーに設定したままにします。
   
   
5. [インタラクション]リストで、[オーディオ]セクションを展開し、[オーディオの再生]を選択します。
   
   
6. [オーディオの再生]ダイアログボックスが表示されます。ドロップダウンリストを使用して、bat mp3ファイルを選択し、[作成]をクリックします。
   
   [ボタンの追加]ダイアログボックスに戻ると、[オーディオの再生]アクションが追加されていることがわかります。
   
   
7. 作成をクリックします。
   
   

他の3つのバットレイヤーについて、これらの手順を繰り返します。サウンドファイルをインポートする必要があるのは1回だけです。各バットレイヤーにボタンアクションを追加する場合、ボタンにそれぞれbat2btn、bat3btnおよびbat4btnという名前を付けます。

とともに [現在のページのみエクスポート]アイコンを選択し、[プレビュー]ボタンをクリックして、シミュレーターでアプリをテストします。

LearnKwikフォルダーに移動し、テンプレートプロジェクトフォルダーのバックアップコピーを作成します。現在の日付を最後に追加して、バックアップフォルダーの名前を変更します。 （TemplateMM-DD-YY）。

Copyright 2018 Adob​​e Systems Incorporated。全著作権所有。 Adobe Systems Incorporatedの許可を得て、Adobe製品のスクリーンショットを転載しました。 Adobe、Photoshop、Photoshop Album、Photoshop Elements、Illustrator、InDesign、GoLive、Acrobat、Cue、Premiere Pro、Premiere Elements、Bridge、After Effects、InCopy、Dreamweaver、Flash、ActionScript、Fireworks、Contribute、Captivate、Flash CatalystおよびFlash Paper米国および/またはその他の国におけるAdobe Systems Incorporatedの登録商標または商標です。
Kwik製品、Kwikロゴ、およびKwiksherはKwiksher.com-Copyright 2011の所有物です。スクリーンショットは許可を得て使用しています。

これらのチュートリアルはKwik 2の古いバージョン用であり、Kwik 3以降を使用する場合にはあまり役に立たない場合があります。問題がある場合は、Kwikフォーラムを使用してください。

動画の説明: Learning Kwik v1.1 - Part 2 (かもしれません 2024).