メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
Blender アセット Blender アドオン プラグイン&アドオン-Plugin&Addon THE MEGA FLEET - Blender向けの最大級の自動車モデルコレク... 2024-05-02 3D CGI StudioによるBlender向けの最大級の自動車モデルコレクションアドオン『THE MEGA FLEET』がリリースされました! 続きを読む Blender アドオン プラグイン&アドオン-Plugin&Addon Step Loop Select Ver1.4 - 1列飛ばしで連続面ループ選択... 2024-05-01 KKS氏(@kksabnormal)による1列飛ばしでループ選択を可能にするBlenderアドオン『Step Loop Select Ver1.4』が無料公開されています! 続きを読む
こんにちは.株式会社ゆめみの Keeth こと桑原です.Twitter には #つぶやきProcessing という魅力的なタグがあり,毎日数々の美しい作品がこのタグを付けて投稿されています.これを眺めるだけでも一日中過ごせるくらいです(個人の感覚です). 今日はその中でも特に度肝を抜かれ,かつ感動した作品が 2022/11/04 に投稿されておりましたので,個人の拙い能力で解析に挑戦してみました💁 ※一部解析しきれていない部分がありますが,ご容赦いただけますと幸いです…何分勉強中の者でして… 作品 なにはともあれ今回対象の作品. 初めてみたときは思わず言葉を失いました.いや,これ twitter のツイートですのでかなり文字数も少ないんですよ!なのにこの表現ってどうなってんの!?と… これはかなり学びになると思い解析を試みようと思い立った次第です.それにしても美しい… ソースコード で
ページの背景で動くダイナミックなパーティクルやラインアニメーション、あるいはちょっとした遊びごころの溢れるキャラクターアニメーションなど、webページにクリエイティブな表現を組み込めるようになりたいと考える方はエンジニアにも多いでしょう。 この記事では、基本的なJavaScriptの知識があれば誰でも始められるp5.jsというライブラリを使用して、クリエイティブな作品作りの入門を解説します。 環境面では、フロントエンド開発のデファクト・スタンダードとも言えるVisual Studio Code(以下VS Code)とTypeScriptを使用して、モダンで快適な開発環境を作ります。 環境構築といっても、とくに難しい作業はありません。記事を読みながらぜひ、オリジナルの作品作りにチャレンジしてみてください。 ▼ VS Codeでp5.jsを使って制作している環境の例 クリエイティブ・コーディン
プログラミングでつくるアートや表現に興味のある人々の間で広がりを見せている「デイリーコーディング」。第一人者でもあり、自らも実践している甲南女子大学講師の高尾俊介さんにお話をうかがいました。 甲南女子大学講師の高尾俊介さんにインタビュー この連載ではこれまで、忙しい社会人や非理科系の学生さんなどプログラミングを集中的に学ぶ環境から少し距離のある人たちが、はじめてプログラミングに挑戦し楽しく継続的に学んでいくためのアプローチを紹介してきました。 今回は、プログラミングでつくるアートや表現に興味のある人々の間で広がりを見せている「デイリーコーディング」を紹介します。デイリーコーディングは、直訳すれば「毎日、コードを書く」こと。毎日コードを書くのはちょっとハードルが高そうな感じがしますが、実際はどうなのでしょうか。 デイリーコーディングを実践し、Twitterやプログラミング作品の共有サービスで
ジェネラティブアートという言葉をご存知でしょうか? アルゴリズムによって作られる芸術作品を指す名称です。Pinterestで「generative art」と検索すると静止画、動画ともにたくさんの作品を見ることができます。 無機質さを感じさせるものもあれば、まるで生きているように感じる作品もあります。創作者たちはどのようなところから着想を得ているのでしょうか? 彼らの中には数学的な幾何学模様や物理現象、果ては生物が織りなす複雑なパターンをコンピューターで再現することにより作品を作る者もいます。 本記事では特に「生物」に焦点を当てます。生物の複雑な営みを紐解いた背景や、それをアルゴリズムに落とし込むことで可能になった表現を紹介します。 本記事を読むことで日常に潜むあらゆる現象が芸術の種に見える喜びを感じていただければ幸いです。 サンプルはHTML CanvasとJavaScriptで作成して
去年の年末くらいから、会社のメンバーで「WeeklyCodingしてみよう & p5jsさわってみよう」という、ゆるい取り組みがはじまりました。 それがきっかけで個人的にデイリーコーディングをし始めたので、備忘も兼ねてソースを載せていきたいと思います! (デイリーコーディング続けられたよ、という記事も書いたのでぜひ・・・) この1ヶ月は、1日1つを目標に「和柄」をかいてみました。 パターン(繰り返す)ときのアイデアメモ✏️ 作ってる途中で気づいたのですが、私はこう作ってたようです。 というのを先にメモしておきます。 「1」とする単位(柄)を決めて作る この柄を1として、それが繰り返してるな〜をさがします。 それを1つのfunctionにまとめて書きます。 さらにその柄の中でも繰り返してる部分があれば、細分化をしていきます。 パターン以外でも、絵を分解する意識するとコードに落とし込むのが捗る
序 この記事では、次のような一つの簡単な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
ブラウザだけでDJ・VJ気分!? この前、DJ・VJ的な遊びをするためにコーディングをしているという記事を書きました(詳細は以下参照ください)。 ただ、自分で1から作るとなると、ある程度プログラミングの知識や環境の構築が必要なので、0から始める人はなかなか気軽に楽しむのは難しいかと思います。 そこで、今回はネット環境とブラウザさえあれば、手軽にDJ・VJ的なことができてしまうサイトをいくつか紹介したいと思います。 どのサイトも、動かすだけならプログラミングの知識は不要です。自分で好きな映像・音楽を生成する場合は、多少のプログラミングの知識があった方が良いのですが、どれもそれほど難しくないのと簡単(適当でもOK)なものもあるので、自分に合っていそうなものを楽しんでみると良いかと思います。 なお、ブラウザはすべてGoogle Chromeを使って確認しました。 Hydra 上記サイトにアクセス
原文: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 はクリエイティブな表現やウェブ上でのコーディングを可能にし、アーティスト、デザイナー、教育者、初心者全てに向けた JavaScript ライブラリです。プロジェクト開始から7年が経ちましたが、Kate Hollenbach が一年前にロードマップを作成してからバージョン 1.
この記事は、以下のツイートで動画・画像をのせていた、ブラウザ上でのリアルタイム物体検出の話です。 上記の内容は、以下の 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 によ
なにかを作った。めざせジェネレーティブアートジェネレータ! クリック/タップで別の絵を作ります。 この手のものの難しさは、 >RT ランダムにものを作ると自由度と打率のトレードオフになると思うんですが、この自由度でこの打率はかなりすごい気がします…… しかもパラメータがURLに埋め込まれている!(例 https://t.co/w4Ov3PXkY7 ) しかも p5.js + TypeScript!— FAL @STG制作とプログラミングお絵かき (@falworks_ja) 2019年7月30日 という具合に自由度を高くしていろんなバリエーションを作ろうとすると見てて面白いものができあがる打率が減って、逆に打率を上げようと面白くなさそうなものをフィルタリングしていくと自由度が低くなること。 自由度を高くするにはランダムにするものを増やせばいい。今回は座標と線の太さと色を表す数式を乱数で作っ
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...
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
Processing Community Day Tokyo 2020 の感想 ミゲル・シカール『プレイ・マターズ 遊び心の哲学』の感想 雑多な思考の諸々 PCD というイベントに参加した話 キーノート講演 参加型コンテンツ トークセッション ライブコーディング NEORTコラボ 他 ワークショップ(ゲーム制作) 資料 準備にあたって考えたこと 改善点 お悩み相談室 / 忙しい中で創作を続けるには PCD まとめ 未解決問題 そうは言っても創作はしんどい プログラムそのものは創造性に寄与しないのではないか 『プレイ・マターズ 遊び心の哲学』を読んだ話 自分と世界 人生は虚しい ゲームは虚しい 虚しさを乗り越えるゲーム 「遊び」の効用 遊びと自分と世界 遊びとクリエイティブコーディング 遊びとプログラム この本を読みたくなった人へ 終わりに 未解決問題への回答 創作がしんどい問題 プログラム
最近の制作にまつわるフレームワークやアプリケーションは、制作における抽象的な思考をフレームワークとしてまとめて提供するものであるから、表現はおのずとツールが提供する抽象概念を土台として成立する。実際に制作をする段階では、低レイヤーの話をいちいち持ち出さずにゴールから逆算して早くたどり着ける道を選ぶだろうが、一方で、新しい表現の可能性を追求したいというクリエーターたちの深い欲求は、逆算的な思考ばかりでは深まらないかもしれない。 クリエイティブコーディングにまつわる制作環境は多様化を極めており、ツールは年々増えている印象がある。特にノードベースの環境は、ノンプログラマーへの導入のしやすさやパターンの再現のしやすさなど様々なメリットとともに受容されている。一方でコードベースにとどまる環境も依然としてあるし増えている。どちらが優れているかを判断するのは、さして重要ではないし個々人の考えに依存する。
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
Description
Processing Advent Calendar 2019 4日目の記事です。遅刻! ※ この記事は連載(の予定)です。前置きや前提知識などを書いたこちらの記事もどうぞ。 はじめに ジェネ1といえばランダム、ランダムといえばジェネである(諸説あり)。 座標、大きさ、色、そのほか数値で表せるようなありとあらゆる属性は、作り手が決め打ちしてもいいし、コンピュータ任せでランダムに決めてもいい。結果として、作り手すら予想しなかったような絵や動きができあがる、これはクリエイティブコーディングの醍醐味の一つと言えるでしょう。 日常的にお世話になるものですから、この機会に、 用途に応じた特殊系をいろいろ用意しておくのも悪くないのではないか。 ということで、やっていきましょう。 [備考] ・たいへん地味な内容なので、お暇でない人はとりあえず下の方の 作例 だけでもどうぞ。 ・乱数アルゴリズムとかの話で
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 JavaScript library that aims to make creative expression and coding on the web accessible and inclusive for artists, designers, educators, and beginners. While it’s been nearly seven years since p5.js began
presented by mis.w51 shirasu @hty
Interested in shaders? Check out our documentation website for using shaders inside p5.js
🔽minify & run 🔼beautify ❎stop 🔄reset code 🎥record gif Length (sec) 🐤Tweet
Processing Fanはアーティスト・デザイナーのために作られたビジュアルコーディングツール Processingへの入門サイトです。 ProcessingのJavaScript版であるp5.jsを中心に解説しています。 Processingの1ファンである私が、Processingの魅力を伝えたくて個人的に立ち上げました。 「プログラミング言語を学んだけど、作りたいものも特にないし、だからと言って続けないと忘れてしまう。」 「仕事では毎日プログラミングしているけど、もっとクリエイティブで楽しいプログラミングがしたい」 そんなことを思ったことはありませんか? Processingなら、プログラミング言語を覚えたての方でも存分に楽しむことができ、 毎日をよりクリエイティブにしてくれます。 processingは今すぐ始められます! News 2018/10/06 リファレンスページ作成
本記事は、Processing Advent Calendar 2021の21日目の記事です。 昨年、一昨年に続き、Processingでお手軽に3次元データビジュアライズするシリーズです。 はじめに 昨今、「VR」「メタバース」「デジタルツイン」という言葉に代表されるように3次元表現が注目されつつありますが、Processingでも意外と簡単に3次元の地形を再現することができます。今回は「標高モデル」というオープンデータのビジュアライズとクリエイティブ・コーディングを組み合わせる内容です。 データさえ用意すれば日本全国どこの地形でも表示できますが、今回はお正月向けに富士山周辺の地形を使って遊んでみます。 サンプルコードはこちらからダウンロードできます。 文中のサンプルコードのファイル名と対応しているので適宜参照しながらお読みください。 完成例 前提条件 使用するライブラリは次の通りです。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く