/******* Do not edit this file ******* Simple Custom CSS and JS - by Silkypress.com Saved: Jul 11 2025 | 07:19:02 */ 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.3 + 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 about メディア 立ち 上げ 企画書代行 戸塚

Latest Comments

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

ホームページビルダー seo設定代行

7月 10, 2021 | 10:34 AM

SEO（Search Engine Optimization）設定は、ウェブサイトの検索エンジンでの可視性を向上させるために重要です。ホームページビルダーのSEO設定は、通常、メタタグの設定、ページのタイトルやディスクリ […]

Read more
スクリーンショット 2024 01 01 1.55.05

ホームページビルダー css 反映されないときの設定代行

7月 10, 2021 | 10:32 AM

ホームページビルダーでCSSが反映されない場合、いくつかのポイントを確認して問題を特定し、設定を行うことができます。以下は一般的な対処法です。 ブラウザのキャッシュをクリア CSSの変更が反映されない場合、まずブラウザの […]

Read more
スクリーンショット 2024 01 01 1.55.05

ホームページ ビルダー21 sp お問い合わせフォームの作成代行

7月 10, 2021 | 10:30 AM

お問い合わせフォームの作成は、ホームページビルダー21 SPに組み込まれた機能を利用して行うことが一般的です。以下は、基本的な手順ですが、具体的なツールやプロバイダーによって手順が異なる場合がありますので、ツールのドキュ […]

Read more
スクリーンショット 2024 01 01 1.55.05

ホームページ ビルダー21 動画埋め込み mp4形式の代行

7月 10, 2021 | 10:29 AM

ホームページビルダー21でMP4形式の動画を埋め込むには、一般的に以下の手順になります。ただし、具体的な手順は使用しているツールやプロバイダーによって異なる場合がありますので、以下の手順がホームページビルダー21にどれく […]

Read more
スクリーンショット 2024 01 01 1.55.05

ホームページビルダー 作成代行

7月 10, 2021 | 10:28 AM

ホームページビルダーを利用してのウェブサイト作成代行は、通常、ウェブデザイナーやウェブ開発者、デジタルマーケティングエージェンシーなどに依頼することがあります。以下は、ウェブサイト作成代行を行う際の一般的な手順です。 要 […]

Read more
スクリーンショット 2024 01 01 1.55.05

ホームページビルダー 転送設定 移行代行

7月 10, 2021 | 10:24 AM

ホームページビルダーの転送設定や移行には、特定のプロバイダーやプラットフォームに依存する要素があります。以下は、一般的な手順ですが、具体的なサービスやプロバイダーによって異なる場合があります。代行サービスを利用する場合は […]

Read more

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