/******* 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();

Posts about メディア 立ち 上げ 企画書代行 戸塚

Latest Comments

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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