p5.jsでProcessingのようにリッチなWeb表現を作るチュートリアル | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアののびすけです。最近はGKE触って遊んでました！ 発表されたばかりで情報が少ないですね（汗） さて、今日はフロントネタで「p5.js」の話をしてみたいと思います。 p5.jsとは http://p5js.org/ p5.jsは、ProcessingのJavaScript版ライブラリと言えば分かりやすいと思います。 Processingで描画や音声、ゲームなどが作りやすくなっているライブラリです。 また、CanvasやWebAudioなど、最近のHTML5界隈の技術を内部で使っているみたいです。 Webでこういったことをやろうとすると、本来はCanvasやWebAudioといった各々の知識を覚える必要があるのですが、こういったライブラリがまとめてくれると初心者には嬉しいですよね。 使ってみよう プログラミングが初めての方でもチャレンジできるくらい、簡単な書き方になってい
第0回 はじめに プログラミングが「できる」ようになろう | gihyo.jp
この連載の目的 プログラミング言語の入門書を読んだり、学校で学習し終えても、実際にソフトウエアを作れないと感じる人が多いものです。それは、特定のプログラミング言語の「文法」を学習しただけだからです。ソフトウエアを作る手順を、私は次のように分解して考えています。 何を作りたいのか、必要なのかはっきりさせる 同じものが既に無いかを調べ、仮に同じものがあっても作る価値があるか考える 私の使えるプログラミング言語でそれができるか調べてみる 試作品を作ってみる 上手くいきそうならきちんと設計する 仕上げる 手順の3や4で頓挫することがあります。手順の5と6は、行きつ戻りつの作業になります。手順の6の作業中に、使っている言語だけではできないことが分かってがっかりすることもあります。 いずれにせよ、この連載が読者として想定するのは、上記の作業を未経験の人です。 上記の作業を効率良くおこなうためには、様々
Kinect Physics Tutorial for Processing
In this hands-on tutorial I will walk you through the steps needed to turn YOU into an interactive virtual polygon. How awesome is that? To realise our creative end goal we will be using Processing and several of it's contributed libraries. Obviously I will not be covering all the aspects or possibilities of these libraries. Rather this tutorial focuses on the specific steps needed to reach our pr
Processingアプレットをはてダに貼り付けよう！ - hp12c
ProcessingはJavaをベースにした オープンソースのグラフィック専用言語です マルチプラットフォームの統合開発環境(IDE)が用意されており それをインストールするだけで誰でも簡単に グラフィカルなプログラミングを始めることができます IDEにはエクスポート機能があって 作ったプログラムをアプレット化して 簡単にWebサーバにアップし公開できます でもWebサーバを用意するのは簡単ではありません できれば手軽にはてダに貼り付けたい そんなわけで... その手順を以下に書いておきます なおここではDropbox*1とGoogleのアカウントが必要です Dropboxのアカウントをお持ちでない方は 是非とも次のリンクから！ Dropbox - You're invited to join Dropbox! 上に貼り付けた clockアプレット(clock.pde)を例に手順を説明しま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
