とかいなフットボール

速報試合レポート有り!Jリーグ川崎フロンターレとJFL松江シティと武蔵野シティとマスコットを中心にしたサッカーブログ

サッカーツール

[サッカーツール]選手やボールを配置し、ゴールシーンのアニメーションGIFを作成するツール「TTG」について

投稿日:2020/07/19 更新日:

※2020/7/19(日):Ver1.0公開
 


選手やボールを配置し、ゴールシーンのアニメーションGIFを作成するツール「TTG(Trail To Goal)」を公開しました。
ここでは基本的な使い方を説明します。

ツール「TTG」はこちら

サッカー アニメーション作成ツール TTG
 

「TTG」とは?

  • サッカー用のツールです。
  • 選手やボールを配置し、アニメーションしたり、それをアニメーションGIFファイルとしてダウンロードしたりできます。
  • ゴールシーンのアニメーション作成や、フォーメーションおよび選手の動きの確認などに使ってください。
  • パソコンのWebブラウザから使用できます。JavaScriptを有効にするだけで使用できます。ソフトのインストール不要です。
  • スマホやタブレットでも使用できます(ただし操作や画面表示がパソコンより不便かもしれません)。

使い方は?

広告

チーム名や選手名を手入力するのがめんどくさい!(PC中級者向け)

  • 以下のルールでCSVファイルを作成し、「ファイルを選択」ボタンをクリックしてCSVファイルを指定すると、一括入力可能です。

川崎フロンターレ,
1,チョン ソンリョン,
4,ジェジエウ,
5,谷口 彰悟,
7,車屋 紳太郎,
13,山根 視来,
6,守田 英正,
8,脇坂 泰斗,
22,下田 北斗,
9,レアンドロ ダミアン,
16,長谷川 竜也,
41,家長 昭博,
24,安藤 駿介,
2,登里 享平,
10,大島 僚太,
19,齋藤 学,
25,田中 碧,
20,宮代 大聖,
30,旗手 怜央,
柏レイソル,
17,キム スンギュ,
2,鎌田 次郎,
4,古賀 太陽,
13,北爪 健吾,
15,染谷 悠太,
8,ヒシャルジソン,
18,瀬川 祐輔,
28,戸嶋 祥郎,
10,江坂 任,
14,オルンガ,
39,神谷 優太,
23,中村 航輔,
3,高橋 祐治,
20,三丸 拡,
7,大谷 秀和,
22,マテウス サヴィオ,
19,呉屋 大翔,
33,仲間 隼斗,

ここにサンプルCSVファイルを置きましたので、流用して使ってください。

注意事項

  • 上記のようにブラウザの画面を狭くしてピッチ全体が表示されない状態で「Play」ボタンをクリックしないでください。アニメーションGIFの画像が乱れたり、作成に失敗することがあります。
  • 作成した情報は、実行した端末のみでしか使用できません。
  • ツイッターボタンはあくまでツイッターアプリを呼び出すだけです。ツイッターに自動挿入しているURLをクリックしても、作成した情報は他の人には見えません。情報を共有するにはアニメーションGIFを添付してツイートしてください。
  • 動作がおかしくなった場合は、ブラウザの画面をリロードしてください(現在の情報は全てリセットされますので、Saveしてから実行してください)。
  • 初めてJavaScriptを使い、初めてツールを公開しましたので、色々と温かい目で見てもらえれば幸いです。。
  • 予告なしに機能追加やバグ修正をすることがあります。ご了承ください。修正後、「@tokainafb」で告知します。
  • バグが見つかった場合は、@tokainafb、またはお問い合わせからお知らせください。ただしすぐには対応できない場合がありますのでご了承ください。

ツール作成について(開発者向け)

以下にまとめました。
[サッカーツール][開発者向け]初心者がJavaScriptでアニメーションGif作成ツールをこのように作成してみた
 
広告


 
( ・∀・)つ最後にブログ村とSNSのボタンをクリックしていただけると、ちゃさん感激!
 
にほんブログ村 サッカーブログへ にほんブログ村 サッカーブログ 川崎フロンターレへ
にほんブログ村 にほんブログ村
 

-サッカーツール
-, ,

関連記事

[サッカーツール][開発者向け]初心者がJavaScriptでアニメーションGif作成ツールをこのように作成してみた

※この記事はJavaScript, HTML, CSSを使う開発者向けの記事です。 ※この時点の私はJavaScriptを使い始めて約2ヵ月の初心者です。色々拙い箇所がありますが、ご了承ください。   …

サイト内検索

2020年8月
 1
2345678
9101112131415
16171819202122
23242526272829
3031 
[随時更新][2020移籍]現川崎F移籍まとめ
[随時更新][2020移籍]元川崎F(MF/FW)移籍まとめ
[随時更新][2020移籍]元川崎F(コーチなど/GK/DF)移籍まとめ
[随時更新]川崎フロンターレの作り込み過ぎたコラボ選手紹介動画まとめ
[随時更新]川崎フロンターレの普通でない始球式の歴史まとめ
[随時更新]川崎フロンターレの変わった花束贈呈と被害者まとめ
[随時更新]トイレに行けない?川崎フロンターレの楽しいハーフタイムイベントまとめ
[随時更新]等々力陸上競技場近く、ステンレス製の雀(ピコリーノ)と衣装まとめ。かつては「ピーチクー」ユニ着用!
PVアクセスランキング にほんブログ村
ピンクアンブレラ運動 - なくそうよ、虐待。やめようよ、いじめ。子どもは宝。| チャイルドワン

楽天が出資!勝利にこだわるヴィッセル神戸
Jリーグの知識を身につけて、サッカー観戦をもっと楽しみましょう!