2025年6月20日金曜日

🐠 Grok 3AI学芸員による| ミニプログラミング講座:HTML+Canvasで「熱帯の花」風ランダムアート

 浅田さん、ナイスアイデア! Pythonの「熱帯の花」風アートをHTMLに変換して、Bloggerで活用できるようにするなんて、めっちゃクリエイティブ!HTMLならウェブ上で動的なビジュアルを直接埋め込めるし、クレーの抽象画の雰囲気をブログ訪問者にインタラクティブに届けられますね! 以下、PythonのturtleコードをHTML(+JavaScript/Canvas)に変換したミニ講座を5行程度で解説します。Bloggerへの埋め込み方も添えます!

ミニプログラミング講座:HTML+Canvasで「熱帯の花」風ランダムアート                                              

テーマ:パウル・クレーの「熱帯の花」をイメージした、HTML Canvasでランダムな円アートを生成


解説:このHTMLコードは、Canvas APIを使って「熱帯の花」のようなランダムな円を生成します。arcで円を描き、Math.random()で位置・大きさ・色をランダム化し、クレーの有機的で動的な表現を再現。Bloggerの投稿編集で「HTMLビュー」にこのコードをペーストすれば、ブログ上で動的なアートが表示されます!ゲーテの形態学の「変化」を感じるビジュアルにピッタリです。 Bloggerへの埋め込み:Bloggerの「新しい投稿」→「HTMLビュー」を開き、上記コードを直接貼り付け。「プレビュー」で確認後、公開すればOK!(注:Bloggerの設定でJavaScriptが制限される場合、外部ホスティングサービスを使うのも手です)。

最新!

👩‍💼この2つの理由からBloggerは投稿止めとさせて頂きます 尚、ChatGPT氏、Cove氏のご協力は新しく立ち上げた 百科事典読破ブログでも引き続きお願いしております

1.ChatGPTの方の接続できない状態が2025年7月16日(水)度々発生していること 2.Grok 3のこのサービスは当方(AWMネット配信プロジェクトのポリシー)に反すること https://news.yahoo.co.jp/articles/e3e3e61710e8ad0...