ホーム › フォーラム › Flash,HTML5 › HTML5 オブジェクトの使い方
- このトピックは空です。
-
投稿者投稿
-
2020-04-09 2:03 am #33781ceaser参加者
HTML5オブジェクトのヘルプにてアクションからJavascriptの関数を呼び出しが
できると説明があるのですが、具体的にどのような手順をすればいいのか全くわかりません。
GOOGL検索しても情報が全く見つからないです。
簡単な使い方だけでも知りたいのですがご教授ねがえませんでしょうか?
よろしくお願いします。2020-04-14 12:45 am #33796ASDキーマスターまず、呼び出す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
2020-04-14 2:14 am #33797ceaser参加者>もしくは記述されているjsファイルを読み込んでおく
cf2.5側のHTML5オブジェクトのアクションには
Javaスクリプト読み込みアクションみたいなのがないようなのですが
スクリプトを読み込む方法はありますか?2020-04-14 11:48 pm #33801ASDキーマスター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.zip2020-04-14 11:59 pm #33804ASDキーマスターちなみにこのサンプルで使用したalertはビルトインオブジェクトなので、HTML5オブジェクトから、文字列パラメータで表示したいテキストを設定し、関数”alert”を呼び出すだけでも実行できます。
2020-04-15 1:13 am #33805ceaser参加者作り方の順番をお聞きしたいのですが
CF2.5で関数ohayo呼び出し記述 → HTML5ビルドする → JavaScriptにohayo関数処理追加 → テストプレイ
という手順になるのでしょうか?
スクリプト記述と並行してCF2.5でテストプレイやデバッグは出来ないですか?2020-04-15 1:54 am #33806ASDキーマスターアプリケーションプロパティのHTML5オプションに『HTMLファイルを生成』の項目があります。外すとindex.htmlは更新されなくなるので、まずはindex.html有でビルドし、htmlファイルにスクリプトタグを追加、その後はチェックを外してビルドしてテストできます。
2020-04-15 2:11 am #33807ceaser参加者なるほど。上書きされるファイルの対処がわからなかったので助かりました。
とても勉強になりました。回答とサンプルありがとうございました! -
投稿者投稿
- このトピックに返信するにはログインが必要です。