memoスマートフォン用の表示で見るmemoゲーム制作やデザインについての個人的メモこの広告は、90日以上更新していないブログに表示しています。2017-06-05【ティラノスクリプト】マウスカーソルが載ったときに何かするティラノスクリプトティラノスクリプトというかjQeryの話です。最近めっちゃ使うようになったのでメモがてらまとめておきます。いろんな方法があると思いますが、ここではhoverメソッドを使ってマウスカーソルが載ったときの処理を実装してみます。他はなるべくタグを使って頑張ります。DEMO(Chrome推奨)hover_sample.ks(※Dropbox)サンプルに収録されてる素材しか使っていないのでコピペすれば動く......はず。以下ざっくりとした解説です。time=500]この部分でボタンを表示しています。ボタン画像は立ち絵をベースにCSS(後述)でトリミングやら背景色やら角丸やらを設定しました。graphicには立ち絵のパスを指定しています。今回はボタンをクリックしても何も起きないようにしたかったので、fixをtrueにしてジャンプ先のラベル(*character_select)で[return]しています。[anim]タグはボタンをふわっと表示させるためのものです。透明にした直後に500ミリ秒かけて不透明にしています。text="なぜかゲーム制作に詳しい女の子。<br>楽して儲けようとする人には厳しい。time=0]ここの部分でマウスカーソルが載ったときに表示する要素を記述しています。半透明の黒い帯(configの透明画像を再利用してCSSで背景色を指定してる)キャラクター画像(立ち絵をそのまま表示)キャラクター名(timeパラメータを指定しないと[anim]が効かないっぽい)説明文(同上)要素をいったん透明にするための[anim]です。全部透明な状態で表示されています。{$(".akane_select").css("opacity","0")});この部分でマウスカーソルが載ったときの動きを設定しています。載ったときは要素を不透明にして、離れたときは要素を透明に戻しています。Insider最後にCSSで色々見た目の設定をしました。以下のコードをtyrano.cssの最後とかにコピペしてください。{background:rgba(0,0,0,0.5);}別に画像を用意しなくて良いのでCSSは本当に便利だ。ローカルとChromeでしか動作確認してないから使うときは気をつけてね。動かないよ!まちがってるよ!等々ありましたらお気軽にご連絡ください~。02:28【ティラノスクリプト】マウスカーソルが載ったときに何かするTweet広告を非表示にする関連記事2018-02-15【ティラノスクリプト】ローディング画面をつくる(プログレスバー付き)これをつくります(説明投げた)。【ティラノスクリプト】ローディング画面をつくる(プログレスバー付き)【ティラノスクリプト】Meryでラベルの位置に移動する【ティラノスクリプト】画像ファイルを一括で取得するバッチファイル(Windows専用)【ティラノスクリプト】一定時間マウス操作がない場合にカーソルを非表示にする【ティラノスクリプト?】プレイヤーに背景色や背景画像を変更してもらう月別アーカイブはてなブログをはじめよう!onigirimgmgさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。