並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 44件

新着順 人気順

processingの検索結果1 - 40 件 / 44件

processingに関するエントリは44件あります。 プログラミングjavascriptprogramming などが関連タグです。 人気エントリには 『エンジニアが厳選した 10 冊を、次世代のプログラミングを担う皆さんに』などがあります。
  • エンジニアが厳選した 10 冊を、次世代のプログラミングを担う皆さんに

    メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。

      エンジニアが厳選した 10 冊を、次世代のプログラミングを担う皆さんに
    • クリエイティブコーディングの教科書

      ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。

        クリエイティブコーディングの教科書
      • CG制作演習 - 床井浩平氏が初心者向けにBlenderの使い方をまとめた PDF (1,419ページ・288MB)を無料公開!

        Blender アドオン プラグイン&アドオン-Plugin&Addon Baker Node - シェーダーエディタで画像、カラーアトリビュート、スカル... 2023-10-03 60 views Avelgest氏による、シェーダーエディタで画像、カラーアトリビュート、スカルプトマスクへの入力を素早くベイクできるノードを追加する無料&オープンソースのBlenderアドオン『Baker Node』がリリースされています。 000 続きを読む Blender アセット アセット-Asset Easy Hair - カーブとウェイトペイントで手軽に毛を制御!Blender... 2023-10-03 59 views Blender Easy(Pedro Henrique氏)によるBlenderのGeometry Nodesで構築された手軽にヘアー制御できるモディファイアアセット『Easy

          CG制作演習 - 床井浩平氏が初心者向けにBlenderの使い方をまとめた PDF (1,419ページ・288MB)を無料公開!
        • 「Google フォト」に新方式のシャープ・ノイズ除去 ~ほぼどんな画像もきれいに/カメラデバイスに依存しない、新しいアプローチ

            「Google フォト」に新方式のシャープ・ノイズ除去 ~ほぼどんな画像もきれいに/カメラデバイスに依存しない、新しいアプローチ
          • 私が感動した Processing 製の作品のソースコードを解析してみた

            こんにちは.株式会社ゆめみの Keeth こと桑原です.Twitter には #つぶやきProcessing という魅力的なタグがあり,毎日数々の美しい作品がこのタグを付けて投稿されています.これを眺めるだけでも一日中過ごせるくらいです(個人の感覚です). 今日はその中でも特に度肝を抜かれ,かつ感動した作品が 2022/11/04 に投稿されておりましたので,個人の拙い能力で解析に挑戦してみました💁 ※一部解析しきれていない部分がありますが,ご容赦いただけますと幸いです…何分勉強中の者でして… 作品 なにはともあれ今回対象の作品. 初めてみたときは思わず言葉を失いました.いや,これ twitter のツイートですのでかなり文字数も少ないんですよ!なのにこの表現ってどうなってんの!?と… これはかなり学びになると思い解析を試みようと思い立った次第です.それにしても美しい… ソースコード で

              私が感動した Processing 製の作品のソースコードを解析してみた
            • VS Code & TypeScriptとp5.jsで始めるモダンなクリエイティブコーディング入門 - ICS MEDIA

              ページの背景で動くダイナミックなパーティクルやラインアニメーション、あるいはちょっとした遊びごころの溢れるキャラクターアニメーションなど、webページにクリエイティブな表現を組み込めるようになりたいと考える方はエンジニアにも多いでしょう。 この記事では、基本的なJavaScriptの知識があれば誰でも始められるp5.jsというライブラリを使用して、クリエイティブな作品作りの入門を解説します。 環境面では、フロントエンド開発のデファクト・スタンダードとも言えるVisual Studio Code(以下VS Code)とTypeScriptを使用して、モダンで快適な開発環境を作ります。 環境構築といっても、とくに難しい作業はありません。記事を読みながらぜひ、オリジナルの作品作りにチャレンジしてみてください。 ▼ VS Codeでp5.jsを使って制作している環境の例 クリエイティブ・コーディン

                VS Code & TypeScriptとp5.jsで始めるモダンなクリエイティブコーディング入門 - ICS MEDIA
              • 日常とプログラミングをつなぐ習慣「デイリーコーディング」とは? 第一人者に聞く

                プログラミングでつくるアートや表現に興味のある人々の間で広がりを見せている「デイリーコーディング」。第一人者でもあり、自らも実践している甲南女子大学講師の高尾俊介さんにお話をうかがいました。 甲南女子大学講師の高尾俊介さんにインタビュー この連載ではこれまで、忙しい社会人や非理科系の学生さんなどプログラミングを集中的に学ぶ環境から少し距離のある人たちが、はじめてプログラミングに挑戦し楽しく継続的に学んでいくためのアプローチを紹介してきました。 今回は、プログラミングでつくるアートや表現に興味のある人々の間で広がりを見せている「デイリーコーディング」を紹介します。デイリーコーディングは、直訳すれば「毎日、コードを書く」こと。毎日コードを書くのはちょっとハードルが高そうな感じがしますが、実際はどうなのでしょうか。 デイリーコーディングを実践し、Twitterやプログラミング作品の共有サービスで

                  日常とプログラミングをつなぐ習慣「デイリーコーディング」とは? 第一人者に聞く
                • JavaScriptで始めるジェネラティブアート - 生物アルゴリズムの応用 - ICS MEDIA

                  ジェネラティブアートという言葉をご存知でしょうか? アルゴリズムによって作られる芸術作品を指す名称です。Pinterestで「generative art」と検索すると静止画、動画ともにたくさんの作品を見ることができます。 無機質さを感じさせるものもあれば、まるで生きているように感じる作品もあります。創作者たちはどのようなところから着想を得ているのでしょうか? 彼らの中には数学的な幾何学模様や物理現象、果ては生物が織りなす複雑なパターンをコンピューターで再現することにより作品を作る者もいます。 本記事では特に「生物」に焦点を当てます。生物の複雑な営みを紐解いた背景や、それをアルゴリズムに落とし込むことで可能になった表現を紹介します。 本記事を読むことで日常に潜むあらゆる現象が芸術の種に見える喜びを感じていただければ幸いです。 サンプルはHTML CanvasとJavaScriptで作成して

                    JavaScriptで始めるジェネラティブアート - 生物アルゴリズムの応用 - ICS MEDIA
                  • いきなりディープラーニング!? 本格的なのに初心者にもやさしいAIプログラミングとは

                    「AIプログラミング」という言葉を聞くと、どうしても難しいイメージがつきまといますが、Processingとモデルを使うと、簡単に実現できます。ここではその方法とそれによって広がる世界について紹介します。 「AIを使うプログラミング=難しい」は過去のもの ロボット、ゲーム、アプリなど、プログラミングを学ぶ目的は人それぞれですが、学びたいけれどちょっとハードルが高そうと感じてしまう方も少なくないでしょう。本連載では、そのような方へのひとつのきっかけとして、「プログラムで絵を描く」という話題を取り上げてきました。絵、すなわち視覚的な表現は単純に見えて、数式や手続きなど他のプログラミングでも有用なプログラミング的思考を必要とする要素がたくさん含まれているからです。 プログラミングで絵を描く? 飽きずに長続きする秘訣は「遊び」にあり!【やらずに死ねないプログラミング】 – バレッドプレス(VALE

                      いきなりディープラーニング!? 本格的なのに初心者にもやさしいAIプログラミングとは
                    • p5.jsで和柄をつくろう

                      去年の年末くらいから、会社のメンバーで「WeeklyCodingしてみよう & p5jsさわってみよう」という、ゆるい取り組みがはじまりました。 それがきっかけで個人的にデイリーコーディングをし始めたので、備忘も兼ねてソースを載せていきたいと思います! (デイリーコーディング続けられたよ、という記事も書いたのでぜひ・・・) この1ヶ月は、1日1つを目標に「和柄」をかいてみました。 パターン(繰り返す)ときのアイデアメモ✏️ 作ってる途中で気づいたのですが、私はこう作ってたようです。 というのを先にメモしておきます。 「1」とする単位(柄)を決めて作る この柄を1として、それが繰り返してるな〜をさがします。 それを1つのfunctionにまとめて書きます。 さらにその柄の中でも繰り返してる部分があれば、細分化をしていきます。 パターン以外でも、絵を分解する意識するとコードに落とし込むのが捗る

                        p5.jsで和柄をつくろう
                      • Processingで見るプログラミングスタイル七変化 - Qiita

                        序 この記事では、次のような一つの簡単なProcessingスケッチについて、様々なスタイルでコードを書いて比較してみます。 float[][][]d=new float[32][2][2]; float f(float[]x){return x[0]+=((frameCount%30==0?x[1]=random(100):x[1])-x[0])/4;} void setup(){size(800,800);fill(252,32);} void draw(){ square(0,0,800); scale(8); for(float[][]e:d) line(e[0][0],e[1][0],f(e[0]),f(e[1])); }#つぶやきProcessing pic.twitter.com/055DFzHmwF — FAL @STG制作とプログラミングお絵かき (@falworks_j

                          Processingで見るプログラミングスタイル七変化 - Qiita
                        • [ジュニア向け] PythonとProcessingでプログラミング入門:その1 - ブロックくずしを作ろう - Qiita

                          この記事について この記事では、Processing(プロセッシング)のPython(パイソン)モードを使ってプログラミングの基本を学びます。 メインの対象読者は中高生ですが、プログラミング入門者であれば役に立ちます。 完成図 この記事ではかんたんなブロックくずしを作ります。 Processingについて Processing(プロセッシング)を使うと簡単に画面に絵を出したりマウスの操作で絵を動かせたりできます。 なぜPythonモードか Processsingでは通常、専用のプログラミング言語を使うのですが、この記事ではPython(パイソン)というプログラミング言語を使って書いていきます。 Pythonは簡単に書け、プログラミングの初心者からプロ中のプロまでが使う便利な言語です。ここでPythonをおぼえるとずっと役に立ちます。 インストール ※子ども向け注意:ページは英語で書かれてい

                            [ジュニア向け] PythonとProcessingでプログラミング入門:その1 - ブロックくずしを作ろう - Qiita
                          • ブラウザだけでライブコーディング「Hydra」「Estuary」「P-Code」「Twigl.app」「Tone.js」 - karaage. [からあげ]

                            ブラウザだけでDJ・VJ気分!? この前、DJ・VJ的な遊びをするためにコーディングをしているという記事を書きました(詳細は以下参照ください)。 ただ、自分で1から作るとなると、ある程度プログラミングの知識や環境の構築が必要なので、0から始める人はなかなか気軽に楽しむのは難しいかと思います。 そこで、今回はネット環境とブラウザさえあれば、手軽にDJ・VJ的なことができてしまうサイトをいくつか紹介したいと思います。 どのサイトも、動かすだけならプログラミングの知識は不要です。自分で好きな映像・音楽を生成する場合は、多少のプログラミングの知識があった方が良いのですが、どれもそれほど難しくないのと簡単(適当でもOK)なものもあるので、自分に合っていそうなものを楽しんでみると良いかと思います。 なお、ブラウザはすべてGoogle Chromeを使って確認しました。 Hydra 上記サイトにアクセス

                              ブラウザだけでライブコーディング「Hydra」「Estuary」「P-Code」「Twigl.app」「Tone.js」 - karaage. [からあげ]
                            • おまたせ!p5.js 1.0 公開!

                              東京では2月に第二回 Processing Community Day が行われました[画像の説明:Processing Community Day 東京の参加者らが両手でPのポーズを作って笑っています。] 原文:Lauren McCarthy 翻訳:Ayato, deconbatch, reona396, takawo(アルファベット順) Puedes leer la versión en español de este artículo aquí. You can read the English version of this post here. Você pode ler a versão em português deste artigo aqui. p5.js のバージョン1.0が公開されました!p5.js はクリエイティブな表現やウェブ上でのコーディングを可能にし、アーティ

                                おまたせ!p5.js 1.0 公開!
                              • p5.js と ml5.js の組み合わせでブラウザ上でのリアルタイム物体検出を試す(COCO-SSD を利用) - Qiita

                                この記事は、以下のツイートで動画・画像をのせていた、ブラウザ上でのリアルタイム物体検出の話です。 上記の内容は、以下の OpenProcessing のスケッチにアクセスすると、実際に試していただくことができます。 ●ml5.js で物体検出(COCO-SSD を利用) - OpenProcessing https://openprocessing.org/sketch/1795350 実装した内容の話 今回の内容は、p5.js と ml5.js の 2つを組み合わせて作っています。その実装内容や、実装に関する補足を、この後に書いていきます。 実装の際に参照した情報 実装時には、以下の ml5.js公式のドキュメントを見て実装しました。 ●ObjectDetector https://learn.ml5js.org/#/reference/object-detector ml5.js によ

                                  p5.js と ml5.js の組み合わせでブラウザ上でのリアルタイム物体検出を試す(COCO-SSD を利用) - Qiita
                                • いい感じのビジュアルをランダムになんとなく作り出す - ABAの日誌

                                  なにかを作った。めざせジェネレーティブアートジェネレータ! クリック/タップで別の絵を作ります。 この手のものの難しさは、 >RT ランダムにものを作ると自由度と打率のトレードオフになると思うんですが、この自由度でこの打率はかなりすごい気がします…… しかもパラメータがURLに埋め込まれている!(例 https://t.co/w4Ov3PXkY7 ) しかも p5.js + TypeScript!— FAL @STG制作とプログラミングお絵かき (@falworks_ja) 2019年7月30日 という具合に自由度を高くしていろんなバリエーションを作ろうとすると見てて面白いものができあがる打率が減って、逆に打率を上げようと面白くなさそうなものをフィルタリングしていくと自由度が低くなること。 自由度を高くするにはランダムにするものを増やせばいい。今回は座標と線の太さと色を表す数式を乱数で作っ

                                  • Ruby で Processing がブラウザ上からできる p5.rb を作りました - ブログのおんがえし

                                    ruby.wasm + p5.js の組み合わせです。ほとんどの API は移植したので大体同じことができると思います。 https://p5rb.ongaeshi.me/ https://p5rb.ongaeshi.me/examples に色々サンプル。 https://p5rb.ongaeshi.me/editor にオンラインエディタがあります。 使い方 p5.rb を HTML に読みこめばすぐに使えます。 <html> <head> <script src="https://cdn.jsdelivr.net/npm/ruby-3_2-wasm-wasi@next/dist/browser.script.iife.js"></script> <script src="https://cdn.jsdelivr.net/npm/p5@1.5.0/lib/p5.js"></script

                                      Ruby で Processing がブラウザ上からできる p5.rb を作りました - ブログのおんがえし
                                    • 自粛で暇だから自宅でVJごっこしてみた - GMO RESEARCH Tech Blog

                                      こんにちは。 COVID-19(コロナ)禍の中、みなさん何事もなくおすごしでしょうか。 日本はじめ世界中のみなさんが平和に暮らせるよう祈っています。 とはいえ、自粛に疲れてきた方も多いと思うので、今日は自粛中でも家で遊べるプログミングの紹介をしたいと思います。 Processingというクリエイティブコーディング用のライブラリを使用して、自作のサウンドトラックを可視化してみます。 Processingはとてもシンプルで分かりやすく設計されているので、プログラミングに詳しくない人でもとっつきやすくておすすめです。 ダウンロードすると専用のエディタがあり、再生ボタンがついているので、コーディングして再生ボタンを押すとすぐに結果を確認できます。 言語もjava,javascript,pythonなどに対応しています。 自粛やリモートに少し飽きたり、疲れたりしてきた方も、Processingであら

                                        自粛で暇だから自宅でVJごっこしてみた - GMO RESEARCH Tech Blog
                                      • Engineering Education

                                        Prerequisites In this tutorial, one ought to have the following: Basic React and Javascript knowledge. Understanding of npm and how to install from npm Atom or Visual studio code and npm installed...

                                        • Delta: A Data Synchronization and Enrichment Platform

                                          Andreas Andreakis, Falguni Jhaveri, Ioannis Papapanagiotou, Mark Cho, Poorna Reddy, Tongliang Liu OverviewIt is a commonly observed pattern for applications to utilize multiple datastores where each is used to serve a specific need such as storing the canonical form of data (MySQL etc.), providing advanced search capabilities (ElasticSearch etc.), caching (Memcached etc.), and more. Typically when

                                            Delta: A Data Synchronization and Enrichment Platform
                                          • 床井浩平 on Twitter: "本年度の演習のオンライン対応のために作った資料から講義部分を削除して Blender の使い方だけをまとめた PDF (1,419ページ、288MB)。実は Blender あんまり知らなかった(昨年度は Maya だった)から間… https://t.co/RXg6tB0d26"

                                            本年度の演習のオンライン対応のために作った資料から講義部分を削除して Blender の使い方だけをまとめた PDF (1,419ページ、288MB)。実は Blender あんまり知らなかった(昨年度は Maya だった)から間… https://t.co/RXg6tB0d26

                                              床井浩平 on Twitter: "本年度の演習のオンライン対応のために作った資料から講義部分を削除して Blender の使い方だけをまとめた PDF (1,419ページ、288MB)。実は Blender あんまり知らなかった(昨年度は Maya だった)から間… https://t.co/RXg6tB0d26"
                                            • なぜプログラムを書き、ゲームを遊び、作るのか - FAL 制作メモ

                                              Processing Community Day Tokyo 2020 の感想 ミゲル・シカール『プレイ・マターズ 遊び心の哲学』の感想 雑多な思考の諸々 PCD というイベントに参加した話 キーノート講演 参加型コンテンツ トークセッション ライブコーディング NEORTコラボ 他 ワークショップ(ゲーム制作) 資料 準備にあたって考えたこと 改善点 お悩み相談室 / 忙しい中で創作を続けるには PCD まとめ 未解決問題 そうは言っても創作はしんどい プログラムそのものは創造性に寄与しないのではないか 『プレイ・マターズ 遊び心の哲学』を読んだ話 自分と世界 人生は虚しい ゲームは虚しい 虚しさを乗り越えるゲーム 「遊び」の効用 遊びと自分と世界 遊びとクリエイティブコーディング 遊びとプログラム この本を読みたくなった人へ 終わりに 未解決問題への回答 創作がしんどい問題 プログラム

                                                なぜプログラムを書き、ゲームを遊び、作るのか - FAL 制作メモ
                                              • プログラミング歴6年を振り返りつつ本を紹介する|なめらかサンショウウオ|note

                                                タイトルの通りです。 いままでジェネラティブアートの話をしているときはあの本、Web制作の話をしていたらこの本というふうに、いろいろな場所でそのときの話題に沿っておすすめの書籍を紹介してきた。それは正しいんだけど情報がばらついてる感が否めなくてむずがゆい思いをしてたので、話題に関係なくプログラミング歴を振り返りつつ大きな影響を与えてくれた本を紹介したい。思い出語りが多いのは許して。 ジェネラティブ・アート―Processingによる実践ガイド

                                                  プログラミング歴6年を振り返りつつ本を紹介する|なめらかサンショウウオ|note
                                                • ビジュアルアート向けプログラミング言語Processingを基礎から学ぶ「easel」【どれ使う?プログラミング教育ツール】

                                                    ビジュアルアート向けプログラミング言語Processingを基礎から学ぶ「easel」【どれ使う?プログラミング教育ツール】
                                                  • モダンな言語のクリエーティブコーディング環境 – Quil, nannou | 永松 歩 | Ayumu Nagamatsu

                                                    最近の制作にまつわるフレームワークやアプリケーションは、制作における抽象的な思考をフレームワークとしてまとめて提供するものであるから、表現はおのずとツールが提供する抽象概念を土台として成立する。実際に制作をする段階では、低レイヤーの話をいちいち持ち出さずにゴールから逆算して早くたどり着ける道を選ぶだろうが、一方で、新しい表現の可能性を追求したいというクリエーターたちの深い欲求は、逆算的な思考ばかりでは深まらないかもしれない。 クリエイティブコーディングにまつわる制作環境は多様化を極めており、ツールは年々増えている印象がある。特にノードベースの環境は、ノンプログラマーへの導入のしやすさやパターンの再現のしやすさなど様々なメリットとともに受容されている。一方でコードベースにとどまる環境も依然としてあるし増えている。どちらが優れているかを判断するのは、さして重要ではないし個々人の考えに依存する。

                                                      モダンな言語のクリエーティブコーディング環境 – Quil, nannou | 永松 歩 | Ayumu Nagamatsu
                                                    • JumpLab: a testbed for studying jump motion and scrolling algorithms of videogames

                                                      JumpLab: a testbed for studying jump motion and scrolling algorithms of videogames About Install Usage Jump settings Camera settings Character settings Joystick settings Introduction JumpLab is a software that allows you to experiment with variable parameters for jumping and camera movement in platform games (jump action games) such as Super Mario Bros. It is designed as an educational tool for le

                                                        JumpLab: a testbed for studying jump motion and scrolling algorithms of videogames
                                                      • CreativeCoder推し本

                                                        Description

                                                        • Arduinoで作る簡易オシロスコープが400円でできた | Webシステム開発/教育ソリューションのタイムインターメディア

                                                          IoTを色々いじっていると、電気が思った通りに変化しているか、電圧の波形を見たいことがある。つまり、可視化。 ということで、Arduinoで何とか測定装置、要するにオシロスコープはできないだろうか、できそうではないか、一定時間間隔で電圧を測定して記録さえできれば、あとは表示するだけだ。 といっても、オシロスコープを自分で考えるのはとても面倒である。 折角のインターネット時代なので、ちょっとインターネットで検索してみたら、こんなサイトが見つかった。 Arduino簡易オシロスコープ|国立大学法人 九州工業大学情報工学部【飯塚キャンパス】で作り方が公開されているのだった。 ソフトウエアもダウロードできるようになっていて、これはもう作るしかない。 Arduino1台と、簡単な回路を作ることと、パソコン側にProcessingという最近流行りのプログラミング言語をインストールしてオシロスコープの画

                                                            Arduinoで作る簡易オシロスコープが400円でできた | Webシステム開発/教育ソリューションのタイムインターメディア
                                                          • p5.js向け 有用無用道具箱 - ランダム編 - Qiita

                                                            Processing Advent Calendar 2019 4日目の記事です。遅刻! ※ この記事は連載(の予定)です。前置きや前提知識などを書いたこちらの記事もどうぞ。 はじめに ジェネ1といえばランダム、ランダムといえばジェネである(諸説あり)。 座標、大きさ、色、そのほか数値で表せるようなありとあらゆる属性は、作り手が決め打ちしてもいいし、コンピュータ任せでランダムに決めてもいい。結果として、作り手すら予想しなかったような絵や動きができあがる、これはクリエイティブコーディングの醍醐味の一つと言えるでしょう。 日常的にお世話になるものですから、この機会に、 用途に応じた特殊系をいろいろ用意しておくのも悪くないのではないか。 ということで、やっていきましょう。 [備考] ・たいへん地味な内容なので、お暇でない人はとりあえず下の方の 作例 だけでもどうぞ。 ・乱数アルゴリズムとかの話で

                                                              p5.js向け 有用無用道具箱 - ランダム編 - Qiita
                                                            • p5.js 1.0 is Here!

                                                              Artists in Santiago, Chile learn p5.js in workshop led by Aarón Montoya-Moraga [Image description: Large group of smiling artists display their laptops with first colorful sketches made with p5.js] Puedes leer la versión en español de este artículo aquí. Você pode ler a versão em português deste artigo aqui. 日本語版はこちらです! Today we are excited to announce the 1.0 Release of p5.js! p5.js is a JavaScri

                                                                p5.js 1.0 is Here!
                                                              • Take All Your Pictures to the Cleaners, with Google Photos Noise and Blur Reduct

                                                                Philosophy We strive to create an environment conducive to many different types of research across many different time scales and levels of risk. Learn more about our Philosophy Learn more

                                                                  Take All Your Pictures to the Cleaners, with Google Photos Noise and Blur Reduct
                                                                • Databricks Customer Stories | Databricks

                                                                  Unified governance for all data, analytics and AI assets

                                                                    Databricks Customer Stories | Databricks
                                                                  • P5LIVE

                                                                    (separate words for an and search)" onclick="filterSketchesClear(true)">

                                                                      P5LIVE
                                                                    • Processingでプログラミング入門 - HackMD

                                                                      # Processingでプログラミング入門 ~presented~ ~by~ ~mis.w51~ ~shirasu~ [~@hty~](https://twitter.com/hty) ## Pro

                                                                      • p5.js shaders

                                                                        Interested in shaders? Check out our documentation website for using shaders inside p5.js

                                                                        • つぶやきProcessing Editor

                                                                          🔽minify & run 🔼beautify ❎stop 🔄reset code 🎥record gif Length (sec) 🐤Tweet

                                                                          • p5.jsで描ける図形まとめ - Qiita

                                                                            p5.jsで描ける図形についてまとめました。 この記事は以下の記事のp5.js版です。 Processing で描ける図形まとめ - Qiita 円・楕円 ellipse() や circle() で描けます。 ellipseは横の大きさと縦の大きさを別々に指定できるため、楕円が描けます。 circleは直径を指定することでまんまるの円(正円、真円)が描けます。 function setup() { createCanvas(400, 400); } function draw() { background(255); // 中心線 strokeWeight(1); stroke(200); line(0, height / 2, width, height / 2); line(width / 2, 0, width / 2, height); noFill(); strokeWeigh

                                                                              p5.jsで描ける図形まとめ - Qiita
                                                                            • 5分でアーティストになれる!Processing入門サイト|Processing Fan

                                                                              Processing Fanはアーティスト・デザイナーのために作られたビジュアルコーディングツール Processingへの入門サイトです。 ProcessingのJavaScript版であるp5.jsを中心に解説しています。 Processingの1ファンである私が、Processingの魅力を伝えたくて個人的に立ち上げました。 「プログラミング言語を学んだけど、作りたいものも特にないし、だからと言って続けないと忘れてしまう。」 「仕事では毎日プログラミングしているけど、もっとクリエイティブで楽しいプログラミングがしたい」 そんなことを思ったことはありませんか? Processingなら、プログラミング言語を覚えたての方でも存分に楽しむことができ、 毎日をよりクリエイティブにしてくれます。 processingは今すぐ始められます! News 2018/10/06 リファレンスページ作成

                                                                              • 私の現時点のp5.jsの制作作業環境とか : だらっと学習帳

                                                                                p5.jsでスケッチを制作する際にどんな感じの環境でやってるのかを晒します。 OSはMacです。 もっと効率の良いツール情報もお待ちしております!! あと色んな人の作業環境知りたい!あなたの作業環境もぜひ晒してください。 ターミナル 「p5-manager」を入れています。 p5.js用のファイル構成を自動で生成してくれたり、index.html中のライブラリロード記述をあらかじめやっといてくれる優れもの! p5-manager - npm 毎回、p5 g -b PROJECT_NAMEしてプロジェクトディレクトリごとにp5.jsライブラリをダウンロードして使ってたんですが、 今調べてみたら一度親ディレクトリ生成のためにp5 new my_collectionして、その後にそのディレクトリ内でp5 g my_projectしていけば子ディレクトリが生成される上に、子ディレクトリ内のinde

                                                                                  私の現時点のp5.jsの制作作業環境とか : だらっと学習帳
                                                                                • つぶやきProcessingで今すぐ使えるお手軽テンプレート2選(ProcessingAdventCalendar2019#2) - はぅ君プロジェクト

                                                                                  つぶやきProcessingとテンプレート 今年の5月ごろから本日に至るまで、Twitterで #つぶやきProcessing というハッシュタグを使って、Processingの作品を投稿するという遊びを続けております。 そういえば #つぶやきProcessing の説明をしていなかった。 Processingというデジタルアートのためのプログラミング言語があります。https://t.co/ynQwP6S1RR#つぶやきProcessing はProcessingを使い、1ツイートに収まるプログラムで、どこまでアートを表現できるかに挑戦するものです。 — はぅ君 (@Hau_kun) June 5, 2019 大体1~2日に1作品ぐらいのペースでTwitterにアップしております。ネタは毎回その時に考えていて、うまく思った通りに動いたときは気持ちよいのですが、当然うまくいかずにネタに困る

                                                                                    つぶやきProcessingで今すぐ使えるお手軽テンプレート2選(ProcessingAdventCalendar2019#2) - はぅ君プロジェクト

                                                                                  新着記事