Processingアドベントカレンダー2020 4日目です. 今回はGame Control Plusライブラリを紹介します. lagers.org.uk このライブラリを用いることで,Xbox・PS4・Joyconなどのゲームコントローラを使って,Processingで作成したゲームをプレイすることができ…
はじめに Processingアドベントカレンダー2020 3日目の記事です. RunwayMLとは,クリエイターのための機械学習ツールです.すでに複数の学習モデルが用意されており,それらを使うことで機械学習アート(勝手に命名)を創作できます. runwayml.com このRun…
今回はUnity とVuforiaを使ってマーカー上に画像と動画の表示方法をまとめました! 目標 youtu.be 目次 目次 環境 事前準備 教材 UnityとVuforiaのセットアップ 画像の表示 1. Assetsの中にimagesフォルダを作りcat.jpegをいれる 2. catのTexture TypeをSpri…
目次 目次 はじめに 目標 サンプルコード 解説 数式で考えてみる コードにしてみよう はじめに 目標 今回は円と円の交点を求めてみます サンプルコード 動画のコードは以下のようになります 記事の後半では、この中のgetCirclesCrossPoints()という関数につ…
Processingは通常画面が一つしか作成されませんが,PAppletクラスを継承するクラスを作れば画面を複数作成することができます. 問題 新しくTestクラスを作りました.これは画面の背景を黒くするクラスです. このクラスをSecondWindowのdraw()に書きました…
目標 Processing: 2点を通る直線と円の交点を求めよう 今回は以下のようにある2点を通る直線と円の交点を求めるgetCrossPoints()という関数を作ります. //交点を取得する関数 PVector[] getCrossPoints(float x1, float y1, float x2, float y2, float circ…
はじめに 自分の研究でデータ分析をするためにpandasを使い始めました.pandasはcsv(tsv)ファイルをdf = pd.read_csv('hoge.csv')(またはread_table)で読み込んで,df['hoge'] という形で指定したカラム(列)を配列として抽出できます.しかし,あると…
はじめに 私はProcessingを使ってジェネラティブアートを作るのが趣味です.作っていくうちに「 PGraphics 使うといろんな作品が作れる!」と気づいたので紹介します. PGraphicsの簡単な紹介 PGraphicsは簡単に言うとProcessing画面を画像として作り出すも…
はじめに 動画編集のために Adobe Premiere Pro を使ったのですが,そこで「オブジェクトの回転運動」で手こずったので,そのときの対策を書き記しておきます. 今回の目標 下の動画のようにカーソルをその向きのまま回転させます. カーソルは1秒に360度回転…
はじめに Processingで正弦波を使って様々な図形を作ってみました。すべて同じ関数の変数をいじるだけで作成できます。 使う関数 今回使う関数はwave_circle()という自作の関数です。この関数は元々ジグザグした円を作るために作成しました。 wave_circle() …
はじめに 最近、Arduinoを使って複数の曲げセンサの値をProcessingに送り、ある値になると音を出すというものを作りました。このときArduinoで取得したint型のデータをProcessingに送信することに苦戦したのでその対処法をまとめました。 いつも洗濯物たたむ…
はじめに p5jsを使って簡単なお絵描きツールを作ろうとしたのですが、PC上ではマウスで線を描画できたのに、スマホ上ではタッチで線を描画することができませんでした。今回はその問題の解決法を紹介します。 環境設定 スマホ Xperia XZ スマホのブラウザ Go…
はじめに Node.jsでサーバーを立てて、htmlファイルを読み込むとき、ローカルホストではなく外部からURLを開くと自分のPCのIPアドレスがバレバレになってしまいます。今回は、それを防ぐために、ngrokというサービスを使った話をします。 Node.jsでサーバを…
はじめに 私が通う大学では、一年生のときにProcessingという言語を学びます。それゆえに、周り友人はこぞってProcessingでたくさん作っています。あるときその友人の一人が、現役エンジニアの方とお話しする機会があり、そのときに「Processingはあまり企業…
はじめに 先月、友人と「【学生エンジニア限定】Yahoo! JAPAN MeetUp #14 ~マーケティングを支える~ - connpass」というイベントに参加してきました。そのイベントでは若手のエンジニアの方が現場でどういう活動をしているのかということをプレゼンしてい…
はじめに Google ドキュメントには計算式を書くツールがあるのですが、それが私には使いづらいものでした。そのとき「LaTeX記法使えたらな~」と探していたら、なんとLaTeX記法が使えるアドオンがあったので紹介します。 Auto-LaTeX chrome.google.com 今回…
はじめに 最近、大学でSQLiteを習ったのですが、データベースを作成中「上から〇番目のものを消したいな」と思ったのですが、それが上手くいかなかったのでいろいろと調べてみました。 使うテーブル テーブル名:user id name 2 tanaka 5 kato 7 maeda LIMIT…
はじめに 今回は大学のプログラミング授業で「APIを使ってWebサービスを作ろう」という課題で自分が提出した作品について語ろります。 Webサービスの説明 左にある地図をタップするとそこの標高が取得され、その標高に合わせてアニメ「きんいろモザイク」の…
はじめに 今回は(たぶん)アニメが好きな人たちが作ったであろうAPIを紹介します。 目次 ShangriLa API きんモザAPI シャロシコAPI API一覧 ShangriLa API qiita.com 指定した年や春夏秋冬を指定するとそのときにやっていたアニメが何だったのか返してくれ…
はじめに プログラミングの授業で「Web APIを使ってWebサービスを作ろう」という課題が出たためいろいろとWeb APIを探していたときにこの「Gifmagazine-API」見つけました。ただリファレンスを読むとサンプルコードが書いていなかったためこの記事でJavaScri…
はじめに この記事ではProcessingを使ってAndroid端末を操作しようと思います。 環境設定 Processing 3.3.6 Xperia XZ Windows 10 'input touchscreen' タッチや直線のスワイプといった単純な操作にはinput touchscreenを使います タッチの場合 adb shell in…
はじめに 前に紹介したadbコマンドをProcessingと組み合わせてみました。この記事ではAndroid端末のタッチイベントをProcessingを使ってリアルタイムでアニメーションします。 環境設定 Processing3.3.6 Xperia XZ Windows10 おさらい adbのgeteventコマンド…
はじめに 今回はProcessingでコマンドプロンプトを開くことを試みました。今回見つけた方法をそれまでの失敗を含めて紹介していきたいと思います。 環境設定 Windows10 Processing 3.2.1 launch()を使ってみる launch()はProcessingからファイルを実行できる…
はじめに 僕が通っている大学ではCMP実習という授業があり、そこでHTMLやCSS、JavaScriptを教えてもらいます。その課題で「JavaScriptのライブラリを使ったプログラムを作ってきてね」と言われたので僕はTESSERACT.jsという文字認識ライブラリを使いコード画…
はじめに ProcessingでTwitter botに画像をツイートさせようとしたら、「画像の相対パスではなく絶対パスを送ってくれないとダメです!」と言われてしまいました。そのときはその画像があるフォルダーまで「C:\Users\Documents\・・・\image.png」と書いきま…
はじめに Processingで配列や文字列、ArrayListなどを使っているときにいつも「これって列の長さ出すのlengthだっけ? length()だっけ? size()だっけ?」悩んでしまいます。というわけで同じ悩みを持つ人がいると信じてここにまとめておきます。 環境設定(…
はじめに スマートフォンでユーザがどこをタッチしたのかのログデータを取得したい人に朗報です。Android端末ならそれができます。それを実現するのが「ADBコマンド」です。 環境設定 Windows 10 コマンドプロンプト Xperia XZ 準備 今回の記事ではADBコマン…
はじめに 前回はProcessingがサーバー側でクライアント側のNode.jsがテキストメッセージを送ることを試みました。(前回の記事)今回は他の記事にもあるようなNode.jsからProcessingにテキストメッセージを送ることをnetモジュールを用いて行おうと思います…
はじめに Node.jsとProcessingで変数やテキストメッセージを共有する記事は多々ありました。しかし、それらはNode.jsがサーバー側でクライアント側のProcessingがテキストメッセージを送るものでした。この記事はその逆で、Processingがサーバー側でクライア…
はじめに Webmoとは電子工作の知識がなくてもJavaScriptで制御できるモーターです。このWebmoはNode.js用のライブラリがあり、それを使ってNode.jsで制御することが可能です。 今回はNode.jsでのWebmoの制御の仕方をまとめました。 環境設定 Node.js v6.11.0…