chevron_right

10 PRINT パターンジェネレーター

クラシックな Commodore 64 の「10 PRINT」迷路パターンを SVG として生成 — グリッド、色、太さを制御可能。

グリッド

列: 16

行: 10

セルサイズ: 32

スタイル

太さ: 3

色

背景

シード

生成されたコード

codeSVG

brushCSS

xml

css

関連ツール

SVG アイソメトリックパターンジェネレーター

3D 風に見えるアイソメトリックなキューブパターン SVG を生成 — モダン背景、ゲームタイル、建築イラストに最適。

SVG サーキュラーパターンジェネレーター

同心円、ドットグリッド、ハニカム状のオフセットドットから装飾的な SVG パターンを生成。

SVG ジグザグパターンジェネレーター

カスタム振幅、波長、行間、線幅で SVG ジグザグとシェブロンパターンを生成します。レトロなテキスタイル、大胆な背景、幾何学的オーバーレイに最適。

SVG ドットグリッドパターン

カスタムドットサイズ、間隔、色、オプションの千鳥配置を備えたクリーンな SVG ドットグリッドパターンを生成します。背景、ノート、UI デザイン、装飾テクスチャに最適です。

PDF ページ番号追加

位置、形式、文字サイズ、開始番号を調整して PDF にページ番号を追加できます。

HEX を RGB に変換

HEX カラーコードを RGB、HSL、HSV に変換し、ライブカラープレビューを表示します。

SVG 落書きジェネレーター

手描きの落書き SVG 形状を生成：円、楕円、長方形、ハート、ブロブを重なり合うラフなストロークで作成。スケッチ風グラフィックを無料で、アップロード不要。

apps

無料オンラインツールの全コレクションを見る。

有名な C64 ワンライナー、今度は SVG で

1982 年、Commodore 64 上の 1 行の BASIC プログラムが世代を魅了しました:

10 PRINT CHR$(205.5 + RND(1)); : GOTO 10

CHR$(205)（スラッシュ）または CHR$(206)（バックスラッシュ）をランダムに繰り返し出力し、画面は奇妙で魅惑的な迷路パターンで埋まっていきます。このジェネレーターは同じアルゴリズムを、モダンなデザインに取り込める拡大縮小自在でスタイル可能な SVG として再現します。

仕組み

キャンバス上に 列 × 行 のグリッドを置きます。各セルでは、シードベースの乱数関数が / または \ の対角線を選び、1 つの <line> として描画します。結果はパターンごとに要素がごくわずかしかないシャープな SVG — 手動編集、アニメーション、極小サイズのすべてに有利です。

コントロール

列 / 行 — 各方向のセル数。
セルサイズ — 各セルのピクセルサイズ。
太さ — 各対角線のストローク幅。
色 / 背景 — 2 色構成。
シード + 再生成 — お気に入りのレイアウトを固定するか、新規に生成。

用途

レトロ / デモシーン風ランディングページ
デベロッパー文化の T シャツやステッカー
アルバムジャケットやジン
ジェネレーティブアートポスター
data: URI を使った CSS background-image 装飾

出力は <line> 要素のみの SVG なので、CSS 変数で色を差し替えたり、stroke-dasharray でストロークをアニメーション化したり、<pattern> で無限の繰り返し背景にしたりできます。