ふわふわ

説明 ◆ふわふわ◆ ページ内メニュー 

ぱーぷりんの溜まり場  ◆ふわふわ・メニュー  ◆ぱーぷりん・メニュー  ◆Kurt Grigg・メニュー  ◆花火・メニュー  ◆中心点・メニュー


『降る上る』と『ふわふわ』のJavaScriptは、どう違うのか?
速度が違う?
いえいえ、画像(文字)が往復運動をするかどうかということです。
風船はふわふわ漂いますが、最後は空のかなたに上って消えます。でも雲は、ふわふわ漂いながらの往復運動で、上ることも落下することもありません。このサイトでは、雲のような動きが『ふわふわ』なのです。

さらに、『降る上る』に該当しないような動く画像も『ふわふわ』としています。
なお、ドキュメント宣言が<!DOCTYPE html>では動かないモノにはHTML5が付いてます。

■画像(文字)の動きが中心点を基準に、広がったり、噴き出したり、クリックで弾けたり、回転したりする「中心点メニュー」新設(2015/04/09)
■「中心点メニュー」以外のKurt Grigg名義の「Kurt Grigg・メニュー」新設(2015/11/29)
■「ふわふわメニュー」から独立して、「ぱーぷりん・メニュー」のコーナー新設(2017/07/15)

説明 ◇ぱーぷりんの溜まり場◇

『降る上る』のJavaScriptでも紹介した「ぱーぷりんの溜まり場」は、現在では京栄一級建築士事務所テンプレートの「総合メニュー」コーナーに置いてあります。動く画像のJavaScriptの宝庫です。

// ブラウザ等のサイズを調べる
の箇所を全部削除して、↓下記に変更。

//ブラウザのサイズを調べる★新2017/06/25修正★
function brSize(){
if(document.getElementById){
doc_x=window.innerWidth-18;/*●18はスクロールバー分*/
doc_y=window.innerHeight-18;/*●18はスクロールバー分*/
off_w=window.pageXOffset;
off_h=window.pageYOffset }
if(srl < 0){ off_w=0; off_h=0 } }

それから

// 画像を移動する
の箇所の行の最後のxxとyyを、それぞれ
xx+"px" と yy+"px" に変更して下さい。

それでIE11とHTML5でも動作するようになります。(動作しないものもあります。)
このページに飛んでるゴーストも、この(ぱーぷりんの溜まり場)のJavaScriptです。

修正 : 2014/06/12→再修正 : 2014/09/20→再々修正 : 2017/07/15


ぱーぷりんの溜まり場  ◆ふわふわ・メニュー  ◆ぱーぷりん・メニュー  ◆Kurt Grigg・メニュー  ◆花火・メニュー  ◆中心点・メニュー

◆ふわふわ・メニュー◆

『ふわふわ』のJavaScriptのサンプルです。


ぱーぷりんの溜まり場  ◆ふわふわ・メニュー  ◆ぱーぷりん・メニュー  ◆Kurt Grigg・メニュー  ◆花火・メニュー  ◆中心点・メニュー

◆ぱーぷりん・メニュー◆

「ぱーぷりんの溜まり場」は、現在では京栄一級建築士事務所テンプレートの「総合メニュー」のコーナーに置いてあります。
「ぱーぷりん」のJavaScriptの特徴は、ふわふわ動く画像の1個1個に、個別に動作の指定と表示位置指定ができる点です。
さらに画像の複数表示を、途中で1個表示に変更することもできるJavaScriptも多いです。

■原本は画像を不規則に移動させる 使用例:羊の牧場です。
ランダムに動作させる場合、画像の個別指定が逆に面倒な場合もあります。なので、JavaScriptを4個用意しました。

メニューをクリックすると画像の全面一括指定版へ、となりの範囲一括をクリックすると、画像の範囲一括指定版へ、さらにとなりの全面個別 をクリックすると、画像の全面個別指定版へ、さらにとなりの範囲個別 をクリックすると、画像の範囲個別指定版へ、画像指定の方法の違いで各指定版のページになります。
★「ぱーぷりん」の原本に一番近い指定方法は、3番目の「全面個別」になります。★

 全件グローバル変数を削除済み:2017/07/15 

ぱーぷりんの溜まり場  ◆ふわふわ・メニュー  ◆ぱーぷりん・メニュー  ◆Kurt Grigg・メニュー  ◆花火・メニュー  ◆中心点・メニュー

◆Kurt Grigg・メニュー◆

「Kurt Grigg名義」のJavaScriptは「マウスストーカー」「降る上る」等、たくさんあります。
そして「ふわふわ」関連もたくさんあります。
その中の「中心点・メニュー」は別にまとめましたが、それ以外の「Kurt Grigg名義」の「ふわふわ」です。

 全件グローバル変数を削除済み:2017/06/25 

ぱーぷりんの溜まり場  ◆ふわふわ・メニュー  ◆ぱーぷりん・メニュー  ◆Kurt Grigg・メニュー  ◆花火・メニュー  ◆中心点・メニュー

◆花火・メニュー◆

花火関連のJavaScriptです。
最近のJavaScriptの花火と言えば、「canvas」を使用したプログラミングを楽しむ花火が有名です。
しかしコピペがモットーの当サイトで御紹介するのは、あくまでもサイト閲覧を楽しんでもらうための花火のJavaScriptです。
動画ではない、この手作り感が楽しいです。

 全件グローバル変数を削除済み:2016/06/07 

ぱーぷりんの溜まり場  ◆ふわふわ・メニュー  ◆ぱーぷりん・メニュー  ◆Kurt Grigg・メニュー  ◆花火・メニュー  ◆中心点・メニュー

◆中心点・メニュー◆

画像の動きが中心点を基準に、広がったり、噴き出したり、クリックで弾けたり、回転したりするJavaScriptです。
花火(花火は別コーナー有り)や、円運動や、噴水のような動作をします。  コーナー作成日 : 2015/04/09



ぱーぷりんの溜まり場  ◆ふわふわ・メニュー  ◆ぱーぷりん・メニュー  ◆Kurt Grigg・メニュー  ◆花火・メニュー  ◆中心点・メニュー


TOP

END
Google ネット検索 サイト内検索