問題タブ [adobe-animate]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - スクロール後にキャンバスが表示された場合にのみ、アニメーション (Animate CC) を開始します。
HTML ファイルに含めたアニメーション (Adobe animate CC で作成) があります。ブラウザのビューポートに表示されたときにのみアニメーションを最初から開始するために、元のスクリプトを変更しようとしています。残念ながら、私は広く検索しましたが、私の場合に有効な解決策を見つけることができませんでした.
これは、変更しようとしている元のコードです。
arrays - 配列と選択された文字列を効率的にナビゲートする
私はアクションスクリプトをいじる初心者ですが、この質問は基本的なコーディングの質問だと思います私のプロジェクトはこの写真に似ています。
4 つの象限領域 (赤、青、黄、緑) があり、各ボタンに 1 つの単語を含むテキスト ボタンを各領域に追加しています。各セクションには、事前設定された単語 (redWordArray、greenWordArray、yellowWordArray、blueWordArray) を持つ 4 つの配列から追加された 16 の単語があります。クリックすると、グロー フィルターを使用してテキスト ボタンが光り、単語がデータ収集用の別の配列に追加されます。たとえば、クリックすると赤い単語が赤い配列 (redChosenArray) に追加されます。単語をもう一度クリックすると、グロー フィルターが削除され、選択した配列から削除されます。
パフォーマンスが遅いことに気付き、単語を正しく効率的に追加および削除できているかどうか疑問に思っています。これらは、グロー フィルターと選択した単語を配列に追加するための関数です。混乱していると確信しているので、ベストコーディングプラクティスについての洞察をお待ちしています!
ありがとうございました!
canvas - ランダムムービークリップを再生するループ機能
Adobe Animate を使用して、バックグラウンドでランダムにアニメーション化される星を持つ単純な HTML5 Canvas アニメーションを作成しています。star1 - star10 という名前の 10 個の星があります。特定の場所で 10 個だけを再生したいからです。私は、ループする関数を作成しようとしてきました.1から10までの乱数を選択して、そのムービークリップを再生します.
これは私の現在のコードです:
関数はループしており、1 ~ 10 の乱数を選択していますが、ムービークリップを再生することはできません。これを使用すると["star" + myNum]; 不明として返されますが、["star" + myNum]; を使用すると、その後、["star1"] として返されます。実際のムービークリップ名をコンパイルして再生するコードを取得する方法がわかりません。
javascript - Adobe Animate Canvas 親配列?
Adobe Animate HTML キャンバスで作成しているゲームがあります。以下の私のコードでは、すべてを組み合わせてstateItems[].stateplace1 =this.state
50 の異なるバリエーションを持たないようにする方法はありますか? state1s を StateItems の子にしようとしましたが、それでも非常にデリケートな感じがします。
stateItems と state1s が 2 つの異なる配列である場合、stateItems の最初の項目 (Florida) を最初のターゲット (state1) などに呼び出して「リンク」する方法があります。そのようなものは機能しますか?どうすればそれを行うことができますか?
私はjavascriptに非常に慣れていないので、非常に簡単な解決策があればお詫びします。
編集: StateItems は、実際のアメリカ合衆国の例の Animate の個々のシンボルです: フロリダは文字どおりのアメリカ合衆国の州なので、私のStateItem
配列の一部です。はstateplace
状態が配置される場所であり、stateplace
1 つのシンボルであり、stateplace
1 2 および 3 は stateplace のインスタンスです。the stateplace1
StateItems ループで sをクリーンアップする方法があるかどうか知りたかったので、50 はありませstateItems[0].stateplace1 = this.stateplace1;
ん。各 StateItem を対応するステートプレースに接続する別の方法がわかりませんでした。コードは必要な方法で機能しますが、少しクリーンアップする方法があるかどうかはわかりません。これで問題が解決することを願っています。
createjs - Adobe Animate CC Canvas (CreateJS) ベクター グラフィックスが拡大するとぼやける
だから私は彼らが「Adobe Animate CC」と呼んでいるこの次世代のFlashアプリケーションを初めて使い、インタラクティブなマップシーンを作成しようとしています...非常に基本的なものです。USA をクリックするとズームインします。再度クリックするとズームアウトします。
私が抱えている問題は、マップが SVG ファイルからインポートされたにもかかわらず、「Adobe Animate CC」ワークスペースにあるときにわかることから、CreateJS を使用してスケール トゥイーンを適用すると、ベクター データが保持されることです。グラフィックの端が非常にピクセル化されます。
私が使用しているコードは次のとおりです。
そして、ここにピクセル化された結果のいくつかの画像があります:
さらに困惑させるのは、青緑色の円がシンボル内のネイティブの円オブジェクトであることです。svg ではありません。少なくとも、変換中は鮮明なままになると思います。
これは避けられないことですか?アプリケーションはエクスポート時にベクター ファイルのビットマップ バージョンをキャッシュしますか? これを止めることはできますか?トゥイーン中およびトゥイーン後にベクター ファイルを強制的に再レンダリングすることはできますか? これを回避する方法はありますか?このアプリケーションは本当にベクター グラフィックスをサポートしていますか?