POINT-0100　点を描いてみましょう。キャンバスの大きさは400×400ピクセルにします。キャンバスのセンターに描きます。点の描画にはpoint()関数を使います。点はデフォルトでは1ピクセルになるので、見えにくいため10ピクセルにしています。 [crayon-69f9b...

ランダムな線 LINE-0500　ランダムな水平線を描いてみます。０〜height未満の間でランダムなY座標を生成します。 [crayon-69f9b082cc186240974307/] 乱数を生成 構文random(high)random(low, high)擬似乱数を生成します。パラメータが一つの場合は0〜high...

直線の方程式 LINE-0400　基本的な直線の方程式を紹介します。まず直交座標を描きます。これは位置関係を分かりやすくするためのものです。その後 translate()で原点をセンターに移動します。そうするとY軸の上の方がマイナスになるのでscale(1, -1)で上下...

放射状の線を描く LINE-0300　三角関数を使用する円の方程式で放射状の線を描いてみましょう。画面の中心を原点にするためtranslate()関数で座標を移動させます。移動するとy軸の上方向がマイナスになります。上方向はプラスにしたいのでscale()関数で軸を...

繰り返して直線を描く LINE-0200　繰り返し文を使用して直線を複数描いてみましょう。繰り返しにはfor文を使用します。この場合 i は1から始まって７まで変化します。その変化した値をY座標に掛けて、下方向へ移動して線を描いていきます。コード内の//は...

プロセシングの2つのスタイル プロセシングには静止画と動画用の2つのプログラミングスタイルがあります。静的スケッチ（Static Sketch）は静止画用でシンプルな記述スタイルです。能動的スケッチ（Active Sketch）は動画用で void setup() 初期設定とvoid...

アプリのダウンロード 開発環境がないと始まらないので、公式サイトからダウンロードします。筆者はMacOS環境なので、Apple Silicon用をダウンロードしました。他のPC環境に関しては分かりかねますのでご了承ください。以下スクショ画面はMacOS Sequoia 15...

はじめに プロセシングを学び始めたとき（まだ学びの最中ですが。。）、最初にやったのは関連サイトを巡って概要を把握することでした。その後、公式サイトのリファレンスをすべてDeepLなどで日本語に翻訳し、Macのメモアプリにまとめました。内容を見なが...

投稿の内容は予告なく変更することがあります。 プロセシングを始める プロセシングを始めてみた プロセシングを探ってみよう プロセシングの開発環境を整えよう 直線を描く 01 線を描いてみようsize()　line()　strokeWeight()　strokeCap()　stroke()　c...

プログラミング言語は何にする 最初は軽い気持ちで、Appleの開発言語であるSwiftを勉強しようかなと思っていました。でも調べてみると、Swiftだけじゃなくて、Xcode（アプリ開発ツール）やCore Graphicsなんかも覚える必要があると分かりました。あと、関...

こちらはPostScript手書き講座です。PostScriptという印刷ではメジャーで、プログラムでは超マイナーな言語に少しでも関心を寄せていただきありがとうございます。 簡単な図形から始めて徐々に複雑な図形を制作していきます。 最初から順を追って、読んで...

脱ハンコと言うけれど 最近はコロナ禍の影響で、「脱ハンコ」が叫ばれるようになりました。在宅勤務なのにハンコを押すためだけに出社するのはおかしいという。であれば手書きの署名も同じことで、結局は紙が問題のようです。 無駄なハンコ習慣はやめれば...

W-8BENフォームは(Rev. October 2021)が最新です。若干の変更があります、（６）が（６a）と（６b）に分かれています。 本記事の対象 本記事はZazzle等のPODサイト、シャッターストック等の画像素材販売サイト等からの個人事業主（従業員を雇用していない...

扁額（へんがく）とは、門戸や室内に掲げる額のことであり、「扁」という言葉は、平たいという意味を持ちます。辞典には、扁額は横長の額と定義されていますが、縦長の額も多く存在しています。参考になりそうな扁額の写真がないかと過去に撮ったものを探...

神代文字とは 今回のコレクションは神代文字（ジンダイモジ）です。神代文字は、漢字が渡来する以前から日本に存在したとされる文字です。古代文字や上古文字とも呼ばれており、その存在については昔から論争がありましたが、現在では否定されているようで...

鎮宅霊符神：天下無比福寿必得（金華山人編著）の霊符を紹介します。信仰心はまるでありませんが、図像として面白いので取り上げました。下記の図は様々な霊符です。 貴人愛嬌之御秘符 子を儲ける呪い 馬形之霊符 霊符とは古代中国発祥のお守り、お札のこ...

2026年2月1日　追記（こうほう佐倉より）◉パスポートセンター移転、日曜開庁時間の変更について佐倉市パスポートセンターは、ミレニアムセンター佐倉から、臼井・千代田出張所（王子台1-16）内に移転します。ご理解をお願いします。▶ミレニアムセンター佐...

千社札とは 千社札とは千社詣（多くの寺社に巡拝・祈願すること）をする人が社寺に納める札のことです。自分の名や屋号、住所などを刷り，社殿の柱などに貼りつけるものです。納札とも言います。千社札の始まりに関して曲亭馬琴の曲亭雑記 巻第4 下、天愚...

円を描いてみましょう。円弧の書式は中心（x座標　y座標）　半径　開始角度　終了角度　arcです。反時計回りに引かれます。始点を指定するmovetoは原則不要です。 [cc lang="postscript" tab_size=“4” lines="40" highlight="6"] %!PS-Adobe-3.0 EPSF-3.0 ...

螺旋 (helix)はしばしば渦巻き (spiral)と混用されて使用されています。2次元曲線は渦巻き線、３次元曲線は螺旋なのですが、2次元曲線でも螺旋と言ったりしています。例えば対数螺旋やフェルマー螺旋などここでは平面の螺旋と区別するために弦巻線と呼びま...

下記のコードは塗りつぶしの円が重なっているだけなのに、同心円になるというコードです。Illustratorで言うところの複合パスを使用します。要はパスが重なった部分は、抜けて透明になるという機能です。ここでは半径を大きくして円が重なっていますが、fi...

【曲線-29】で描いた弦巻線は円柱に線を巻き付けたような形でしたが、今回は円錐に巻きつけたような螺旋です。マセマティカでおなじみのmathworldを参考にしました。 Wolfram MathWorld [cc lang="postscript" tab_size="2" lines="40" highlight="0"] %!...

螺旋 (helix)はしばしば渦巻き (spiral)と混用されて使用されています。2次元曲線は渦巻き線、３次元曲線は螺旋なのですが、2次元曲線でも螺旋と言ったりしています。例えば対数螺旋やフェルマー螺旋などここでは平面の螺旋と区別するために弦巻線と呼びま...

【円弧-20】と【円弧-21】を足せば地球儀のような球が表現できます。 参考：数式によるパソコン・グラッフィクスのテクニック／著者：依田 谹（ヨダ コダマ）／昭和61年８月１日初版発行／発行所：一橋出版株式会社 [cc lang="postscript" tab_size="2" l...

【円弧-20】では緯線を使って球を表現しましたが、今回は経線を使います。緯線とは球の方程式が違います。（一般的な式表現とは異なり、PostScriptに変換するため乗算記号も入れています。） 緯線の場合の方程式 x=rsin(th)sin(th2)y=rcos(th2) z=rcos(th)...

球の方程式を使って、緯線で球を表現します。参考書籍ではz軸がマイナスの時、陰線処理をしています。陰線処理は簡易なものなので、線と線が開いたり離れたりします。マイナスの値は図形の回転角度や緯線と緯線の間隔によって違ってくるので、見た目合わせ...

直方体の幅を画面中央を境に増減していきます。 参考：特選グラフィックスデザイン／著者：畠中兼司・北尾和信／1985年5月1日　初版発行／発行所：株式会社　学習研究社 [cc lang="postscript" tab_size="2" lines="40" highlight="0"] %!PS-Adobe-3.0 EP...

多角形に対角線を引き、頂点に円を置いた図形です。nに3以上の角数を入れて、何角形でもできます。1つの繰り返し構文で全てを描画しようとしましたが、うまくいきませんでした。線と頂点の色を同じにすれば誤魔化せますが、違う色にしたため頂点の上に線が...

直方体（rectfill）を使用し、幅（i）に拡大率（k）を懸けて次第に大きくしていきます。 参考：特選グラフィックスデザイン／著者：畠中兼司・北尾和信／1985年5月1日　初版発行／発行所：株式会社　学習研究社 [cc lang="postscript" tab_size="2" lines...

放射状の線を描きます。四角の枠を等間隔に分割し、そこと原点とを結んで放射状にします。それゆえ4隅では線と線の間隔が他と比べると細くなります。 [cc lang="postscript" tab_size="2" lines="40" highlight="0"] %!PS-Adobe-3.0 EPSF-3.0 %%BoundingB...