VS Code & TypeScriptとp5.jsで始めるモダンなクリエイティブコーディング入門 - ICS MEDIA
ページの背景で動くダイナミックなパーティクルやラインアニメーション、あるいはちょっとした遊びごころの溢れるキャラクターアニメーションなど、webページにクリエイティブな表現を組み込めるようになりたいと考える方はエンジニアにも多いでしょう。 この記事では、基本的なJavaScriptの知識があれば誰でも始められるp5.jsというライブラリを使用して、クリエイティブな作品作りの入門を解説します。 環境面では、フロントエンド開発のデファクト・スタンダードとも言えるVisual Studio Code（以下VS Code）とTypeScriptを使用して、モダンで快適な開発環境を作ります。 環境構築といっても、とくに難しい作業はありません。記事を読みながらぜひ、オリジナルの作品作りにチャレンジしてみてください。 ▼ VS Codeでp5.jsを使って制作している環境の例 クリエイティブ・コーディン
配信背景をTypeScript(Processing)で書いてみた
以下のような画像を生成できるWebサイトを作ったのでその紹介です。 リポジトリ: https://github.com/tamayura-souki/live-backgrounds 作ったWebサイト: https://tamayura-souki.github.io/live-backgrounds/ 本記事はProcessing Advent Calendar 2021の13日目の記事です。 この記事は何か 画像・アニメーションを生成できるWebサイトを作ったので紹介 どうやって作ったか、工夫したところとか雑に説明 "クリエイティブコーディング × 配信用画像素材作成"はいいぞ!! サイトの使い方 サイトURL: https://tamayura-souki.github.io/live-backgrounds/ サイトにアクセスすると、私の作った素材へのリンク一覧が出る。 例えば、
Daydream : AndroidのDaydreamアプリをProcessing.jsで作成する - tomoyukim's blog
Android 4.2から搭載された新機能「Daydream」は、電源接続時やDock接続時に有効になるスクリーンセーバー機能です。 個人的にはProcessingのような「絵画的」作品が作成しやすいフレームワークでは、その制作物はスクリーンセーバーとか、壁紙のような使い方が合っていると思っているので、Daydream対応は「これぞ！」という第一印象を持ちました。 Processing界隈では、AndroidへExportされたコードがPAppletというProcessing関連のFWになるクラスに依存していて、それがActivityベースなのでLive Wallpaperが作れない…というスレッドがあったりして、通常アプリ以外のAndroidアプリを作ることがなかなか難しい背景があります。 今回はProcessingのJavaコードをなんとかするのではなく、Processing.jsの方
Getting Started with Kinect and Processing | Daniel Shiffman
Getting Started with Kinect and Processing Kinect and Processing The Microsoft Kinect sensor is a peripheral device (designed for XBox and windows PCs) that functions much like a webcam. However, in addition to providing an RGB image, it also provides a depth map. Meaning for every pixel seen by the sensor, the Kinect measures distance from the sensor. This makes a variety of computer vision probl
Microsoft PowerPoint - simple-openniインストールの手引き.pptx
1 インストールするもの 1. インストールするもの • Processing – Javaベースのプログラミング言語 • OpenNI & NITE p – Kinectからのデータ取得や姿勢認識を⾏うライブラリ • KinectおよびKinect互換デバイスのドライバ – KinectやXtionをPCで使えるようにするためのドライバ • simple-openni – ProcessingでOpenNIを使えるようにするためのライブラリ 1 2 OSは何ですか？ 2. OSは何ですか？ • Windows 7（32bit） • Windows 7（64bit） • Windows 8（32bit） • Windows 8（32bit） • Windows 8（64bit） Windows 8（64bit） • Mac OS X 自分の環境がどれなのか確認してください。 自分の環境がど
processingの最近のライブラリについてまとめ processingという、とてもシンプルにプログラミングができるソフトウェアがありまして、それはライブラリというものをprocessing>librariesに放り込むことで機能を追加できるんです。 で、最近del.icio.usなどで発見したライブラリについてまとめー processing.jp更新されないのかなー E-mail Processing by Daniel Shiffman processingからメールサーバにアクセスして、メールを
processingの最近のライブラリについてまとめ processingという、とてもシンプルにプログラミングができるソフトウェアがありまして、それはライブラリというものをprocessing>librariesに放り込むことで機能を追加できるんです。 で、最近del.icio.usなどで発見したライブラリについてまとめー processing.jp更新されないのかなー E-mail Processing by Daniel Shiffman processingからメールサーバにアクセスして、メールを読んだり、書いたり。 p5sunflower レイトレーシング on p5！！ Calling Processing with Asterisk processingから電話したり。別途javaを立ち上げてる？ ctext 自然言語解析？word-netとつながって、辞書検索みたいなことと
SuperCollider Client for Processing /± erase
Project: SuperCollider client for Processing A Processing library to interface with the SuperCollider synthesis engine. This library provides a simple approach to interfacing with the powerful SuperCollider sound synthesis engine. It provides objects to encapsulate common functions such as creating and manipulating Synth, Buffer and Bus objects. Formerly known as p5_sc, now renamed for the release
inutch - Proce55ing
Processing Processingで作ったもの置き場 game ohana ball バウンドしているボールをビームやレーザーで撃って消すゲーム。昔あったキャノンボールというゲームの真似。すこしアレンジしました。スコアのランキングも登録できます。 →現在のランキング 練習でつくったもの 描画の練習 stlipe ストライプの模様をランダムに生成します。クリックするたびに新しい模様になります。 teerdrop 涙。 マウス操作の練習 dragbox01 四角をマウスでドラッグすると移動します。動かしながらボタンを放すと滑っていき、ゆっくり止まります。 キー操作の練習 oop04 キーボードでマリオっぽい動き。 ２次元の物理シミュレーション dragball02b ボールをドラッグして動かしながら放すと滑っていきます。他のボールとの衝突も再現。おはじきとかビリヤードとかカーリングみた
Home - fluidforms
RealConnections biedt een unieke manier om uw bedrijf naar nieuwe hoogten te brengen door verbinding te maken met echte mensen. In een wereld waar technologie vaak de boventoon voert, is ... De MacBook 2020 biedt indrukwekkende hardware specificaties die een naadloze ervaring voor gebruikers mogelijk maken. De laptop wordt aangedreven door de Apple M1-chip, die zorgt voor uitstekende prestaties en
Structure Synth
Structure Synth is a cross-platform application for generating 3D structures by specifying a design grammar. Even simple systems may generate surprising and complex structures. The design grammar approach was originally devised by Chris Coyne (for a 2D implementation see the popular Context Free Art). Features: Graphical environment with multiple tabs and OpenGL preview Integration with third-part
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Max/MSP/Proce55ing 音響解析から映像生成｜松本昭彦 (Akihiko Matsumoto) Blog Algorithmic Computer Music
Butterfly.ie is for sale | www.premiumdomains.ie
Processing and ChucK < Visible Area: things visible - things imaginable, a weblog by Arthur Clemens
HugeDomains.com
Loading...
http://gofar2.iobb.net/~htaka/wordpress/archives/663
かつて音楽と呼ばれたもの � Blog Archive � Processing on Leopard - 描画の高速化
Loading...
BNN新社「Built with Processing［改訂版］ デザイン/アートのためのプログラミング入門」サンプルファイルダウンロード
rmx.cz - doména je registrována