NOBUのNTOMO日記

ntomoをさらに楽しむ為の情報発信ブログ    (仮想空間&ガーデニングゲーム等の情報なども)

PREV | PAGE-SELECT | NEXT

≫ EDIT

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

| スポンサー広告 | comments(-) | trackbacks(-) | TOP↑

≫ EDIT

ntomoハチさんカーソルの作り方(覚書き)

ハチのカーソルはjavascriptを使いました。今回はそれの覚書きのような感じですw


最近けっこう勉強して挑戦してます。興味がある方はやってみてね。

1、アニメーションGIFの作成(GIFじゃなくてもOK)
まずアニメーションGIFをつくるんだけど、その際には、ここのサイトでオンラインで動画を作りました。
けっこう便利です。 → ★パタパタアニメ自動作成  ★アニメGIF作成ソフト for PHP5


まず2つの静止画像(GIF)を作成         アニメーションGIFの出来上がり
bee1.gifbee2.gif  →→上記のサイトで合成→→  ntomobee.gif

(C)NTOMO Corporation & Tri-d Communications co., Ltd. All rights reserved.  


できたGIFをブログ内の保存できる場所にアップロード。

2、マウスに画像を追従させるjavascriptを作成
GIFのアップロードが完了したら、スクリプトを作成。(ここらへんは詳しくは検索してみてね)

【参照: マウスに画像を追従させる(イーウェブ) 】 


<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
// マウスに画像を追従させる
function mouseImage() {
document.all["ID"].style.left= event.x + 8 + document.body.scrollLeft;
document.all["ID"].style.top = event.y + 16 + document.body.scrollTop;
}
document.onmousemove = mouseImage;
//-->
</SCRIPT>
</HEAD>
<BODY bgcolor="#ffffff">
<DIV id="ID" style="position:absolute">
<IMG src="画像のURL"></DIV>
</BODY>
</HTML>



Javascriptが使えないブログなどもあるようなのでチェックしてね。

正しい手順でスクリプトが書けたら、とりあえず動画GIFが追従しはじめると思います。

| 趣味で作ったntomoアイテム | comments:0 | trackbacks:0 | TOP↑

COMMENT















非公開コメント

TRACKBACK URL

http://ntomo.blog40.fc2.com/tb.php/60-fdff4227

TRACKBACK

PREV | PAGE-SELECT | NEXT

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。