ギミック

JavaScript

【初心者向け】JavaScriptでモーダルウィンドウの作成方法と注意事項、サンプルコード

JavaScriptで書ける基本中の基本のギミックにモーダルウィンドウという効果があります。画像をクリックすると全画面で黒背景に大きな画像が表示され、視認性をよくするためのあれです。 HTMLコーダーにはモーダル、と聞くとアレルギー反応を起...
JavaScript

スクロールしたら要素をフェードインしたり動かしたりする方法【JavaScript】

企業サイトやゲーム公式サイトなどでよくみかけるWebページのギミックですね。ブラウザをスクロールしていたら画面内に入ってきた要素が横から現れたり、ふわっとフェードインしたりする視覚効果を実装する方法のご紹介です。出来るだけ初心者の方にも分か...
JavaScript

JavaScriptでCanvasに雨を降らせるギミックサンプル【jQuery無し】

// Canvasの要素を取得する var canvas = document.getElementById("myCanvas"); // Canvasの描画コンテキストを取得する var ctx = canvas.getContext(...
JavaScript

泡が下から出るJavaScriptギミックをCanvasで描画するサンプル【jQuery無し】

// Canvas要素を取得する const canvas = document.getElementById('myCanvas'); // Canvasのコンテキストを取得する const ctx = canvas.getContext...