HTML5 オブジェクトの使い方

ホーム フォーラム Flash,HTML5 HTML5 オブジェクトの使い方

  • このトピックは空です。
8件の投稿を表示中 - 1 - 8件目 (全8件中)
  • 投稿者
    投稿
  • #33781
    ceaser
    参加者

    HTML5オブジェクトのヘルプにてアクションからJavascriptの関数を呼び出しが
    できると説明があるのですが、具体的にどのような手順をすればいいのか全くわかりません。
    GOOGL検索しても情報が全く見つからないです。
    簡単な使い方だけでも知りたいのですがご教授ねがえませんでしょうか?
    よろしくお願いします。

    #33796
    ASD
    キーマスター

    まず、呼び出すJavascript関数に対して付与する整数・少数・文字列のパラメータを設定します。その後、使用する関数を呼び出します。
    関数が実行されれば、数式から、整数・少数・文字列の各結果を得ることができます。

    下記の例は、”encodeURIComponent”関数を使って、日本語などのマルチバイト文字をUTF-8符号の文字列へ変換するものです。アプリからTwitterの投稿画面へ飛ばす場合、本文に日本語などのマルチバイト文字をそのまま入れると、IEなどの一部のブラウザでは表示されないため、変換処理が必要です。

    – サンプルプログラム
    https://blog.clickteam.jp/wp-content/uploads/2020/04/cf25_blog_2020-04-14_Javascriptでマルチバイト文字列をエンコード.zip

    下記で紹介されている『標準ビルトインオブジェクト』の関数であれば、アプリを実行するHTML内で宣言をしなくても関数を呼び出して使用できます。

    – 標準ビルトインオブジェクト – JavaScript | MDN
    https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects

    標準ではないスクリプトの場合は、HTML5アプリを実行するHTML内においてスクリプトを記述、もしくは記述されているjsファイルを読み込んでおく必要があります。

    下記の本家Clickteamの解説(昔CTが提供していたVitalizeというプラグイン向けに書かれているので微妙に異なりはしますが)も参考になると思います。

    http://www.clickteam.com/vitalize4/examples/javascript_shake.html

    #33797
    ceaser
    参加者

    >もしくは記述されているjsファイルを読み込んでおく

    cf2.5側のHTML5オブジェクトのアクションには
    Javaスクリプト読み込みアクションみたいなのがないようなのですが
    スクリプトを読み込む方法はありますか?

    #33801
    ASD
    キーマスター

    Javascriptは、HTML5アプリを置いているHTMLファイル内に記述します。下記リンク先の解説が分かりやすいと思います。

    – JavaScript の書き方 – とほほのWWW入門
    http://www.tohoho-web.com/js/write.htm

    上記ページの解説を元にHTML5アプリからJavascriptを実行するサンプルです。index.htmlを直接開いても実行されませんので、サーバーへアップロードして確認してください。HTML内にスクリプトを記述するバージョンと外部.jsファイルに記述してそれへリンクするバージョンの2パターン収録しています。

    – サンプルプログラム
    https://blog.clickteam.jp/wp-content/uploads/2020/04/cf25_blog_2020-04-14_HTML5_Javascript_example.zip

    #33804
    ASD
    キーマスター

    ちなみにこのサンプルで使用したalertはビルトインオブジェクトなので、HTML5オブジェクトから、文字列パラメータで表示したいテキストを設定し、関数”alert”を呼び出すだけでも実行できます。

    #33805
    ceaser
    参加者

    作り方の順番をお聞きしたいのですが
    CF2.5で関数ohayo呼び出し記述 → HTML5ビルドする → JavaScriptにohayo関数処理追加 → テストプレイ
    という手順になるのでしょうか?
    スクリプト記述と並行してCF2.5でテストプレイやデバッグは出来ないですか?

    #33806
    ASD
    キーマスター

    アプリケーションプロパティのHTML5オプションに『HTMLファイルを生成』の項目があります。外すとindex.htmlは更新されなくなるので、まずはindex.html有でビルドし、htmlファイルにスクリプトタグを追加、その後はチェックを外してビルドしてテストできます。

    #33807
    ceaser
    参加者

    なるほど。上書きされるファイルの対処がわからなかったので助かりました。
    とても勉強になりました。回答とサンプルありがとうございました!

8件の投稿を表示中 - 1 - 8件目 (全8件中)
  • このトピックに返信するにはログインが必要です。