/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Jul 11 2025 | 07:12:45 */ const canvas = document.getElementById("canvas"); const ctx = canvas.getContext("2d"); let w, h; let stars = [], bubbles = []; function resize() { w = canvas.width = window.innerWidth; h = canvas.height = window.innerHeight; } window.addEventListener("resize", resize); resize(); class Star { constructor() { this.reset(); } reset() { this.x = Math.random() * w; this.y = Math.random() * h; this.radius = Math.random() * 1.5 + 0.2; this.alpha = Math.random() * 0.5 + 0.3; this.speed = Math.random() * 0.2 + 0.05; } update() { this.y -= this.speed; if (this.y < -5) this.y = h + 5; } draw() { ctx.beginPath(); ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2); ctx.fillStyle = `rgba(255,255,255,${this.alpha})`; ctx.fill(); } } class Bubble { constructor() { this.reset(); } reset() { this.x = Math.random() * w; this.y = h + Math.random() * 200; this.radius = Math.random() * 30 + 10; this.alpha = Math.random() * 0.2 + 0.1; this.speed = Math.random() * 0.5 + 0.2; this.dx = (Math.random() - 0.5) * 0.5; } update() { this.y -= this.speed; this.x += this.dx; if (this.y < -50 || this.x < -50 || this.x > w + 50) this.reset(); } draw() { const gradient = ctx.createRadialGradient(this.x, this.y, 0, this.x, this.y, this.radius); gradient.addColorStop(0, `rgba(255,255,255,${this.alpha + 0.1})`); gradient.addColorStop(1, `rgba(255,255,255,0)`); ctx.beginPath(); ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2); ctx.fillStyle = gradient; ctx.fill(); } } for (let i = 0; i < 150; i++) stars.push(new Star()); for (let i = 0; i < 20; i++) bubbles.push(new Bubble()); function animate() { ctx.clearRect(0, 0, w, h); stars.forEach(star => { star.update(); star.draw(); }); bubbles.forEach(bubble => { bubble.update(); bubble.draw(); }); requestAnimationFrame(animate); } animate();
  • 123, Main Street, City, Country
  • +1 234 567 890
  • email@example.com

© 2025 青森市のWebデザイン・ホームページ制作ならepic activate

Posts from 2021年6月28日

Latest Comments

表示できるコメントはありません。
スクリーンショット 2024 01 01 1.55.05

html php 埋め込み 表示されない時の原因と対処

6月 28, 2021 | 8:46 PM

HTMLやPHPが埋め込まれたウェブページが正しく表示されない場合、いくつかの原因が考えられます。以下は、よくある問題とその対処法です。 ファイルの拡張子が適切でない PHPファイルは通常、”.php&#82 […]

Read more
28090282 S

html ブラウザ 表示されない原因と対処

6月 28, 2021 | 8:45 PM

HTMLがブラウザで表示されない場合、さまざまな原因が考えられます。以下は、よくある問題とそれに対する対処法です。 ファイルの拡張子や保存形式の問題 HTMLファイルの拡張子が “.html” ま […]

Read more
24526789 S

html 表示されない 真っ白になった原因と対処

6月 28, 2021 | 8:44 PM

HTMLがブラウザで表示されず、真っ白になる場合は、いくつかの原因が考えられます。以下は、一般的な問題とその対処法です。 構文エラー HTMLコードに構文エラーがある場合、ブラウザがページを正しく読み込めないことがありま […]

Read more
26002199 S

ffftp 画像 アップロードできない原因と対処

6月 28, 2021 | 8:42 PM

FFFTP（FileZilla FTP Clientの一つ）で画像をアップロードできない場合、以下のような原因が考えられます。それぞれの原因に対する対処法を確認してみてください。 画像のパスやファイル名に問題がある アッ […]

Read more
4266386 S

ftp 接続できない 原因と対処

6月 28, 2021 | 8:38 PM

FTP接続ができない場合、以下は一般的な原因とそれに対する対処法のリストです。どの原因が該当するかは状況により異なるため、試してみてください。 ユーザー名やパスワードの誤り FTPサーバーに接続する際、正しいユーザー名と […]

Read more
26002199 S

ワードプレス バックアップ 復元できない原因と対処

6月 28, 2021 | 8:37 PM

ワードプレスのバックアップを復元できない場合、以下は一般的な原因とそれに対する対処法のいくつかです。具体的な原因は状況によって異なるため、以下の情報を参考にしてください。 バックアップファイルの正常性 バックアップファイ […]

Read more
2513747 S

ssl化 リダイレクトしたい！ htaccessで設定代行

6月 28, 2021 | 8:27 PM

ウェブサイトをSSL化し、HTTPからHTTPSへのリダイレクトを.htaccessファイルを使用して行うことは一般的なセキュリティ対策です。以下は、.htaccessファイルでSSL化とリダイレクトを行うための基本的な […]

Read more
28090282 S

wordpress js 読み込まない時の原因と対処法

6月 28, 2021 | 8:25 PM

WordPressのJavaScriptファイルが読み込まれない場合、以下は一般的な原因と対処法のいくつかです。特定の状況によって異なる原因が考えられるため、以下の情報を参考にしてください。 JavaScriptファイル […]

Read more
24526789 S

js 読み込まないときの原因と対処

6月 28, 2021 | 8:24 PM

JavaScriptが読み込まれない場合、その原因はさまざまです。以下は一般的な原因とそれに対する対処法の一覧です。具体的な状況によっては、いくつかの原因が同時に存在することがあります。 ファイルのパスが正しくない Ja […]

Read more
28090282 S

プラグイン アップデート後に動かない時の対処

6月 28, 2021 | 8:17 PM

WordPressのプラグインをアップデートした後に問題が発生することがあります。以下は、プラグインアップデート後にプラグインが動かない場合の対処法の一般的なリストです。 キャッシュをクリアする プラグインのアップデート […]

Read more
1 2 3
Next

© 2025 青森市のWebデザイン・ホームページ制作ならepic activate. Created with ❤ using WordPress and Kubio