ZawaWorks’s diary

プログラミング技術メモ

Processingとゲームコントローラを接続しよう!

Processingアドベントカレンダー2020 4日目です. 今回はGame Control Plusライブラリを紹介します. lagers.org.uk このライブラリを用いることで,Xbox・PS4・Joyconなどのゲームコントローラを使って,Processingで作成したゲームをプレイすることができ…

Processingで機械学習!? (RunwayML + Processing)

はじめに Processingアドベントカレンダー2020 3日目の記事です. RunwayMLとは,クリエイターのための機械学習ツールです.すでに複数の学習モデルが用意されており,それらを使うことで機械学習アート(勝手に命名)を創作できます. runwayml.com このRun…

Unity+Vuforia: ARで画像と動画を表示する

今回はUnity とVuforiaを使ってマーカー上に画像と動画の表示方法をまとめました! 目標 youtu.be 目次 目次 環境 事前準備 教材 UnityとVuforiaのセットアップ 画像の表示 1. Assetsの中にimagesフォルダを作りcat.jpegをいれる 2. catのTexture TypeをSpri…

Processing: 円と円の交点を求めよう

目次 目次 はじめに 目標 サンプルコード 解説 数式で考えてみる コードにしてみよう はじめに 目標 今回は円と円の交点を求めてみます サンプルコード 動画のコードは以下のようになります 記事の後半では、この中のgetCirclesCrossPoints()という関数につ…

Processing: 2番目の画面でクラスを使うときの注意

Processingは通常画面が一つしか作成されませんが,PAppletクラスを継承するクラスを作れば画面を複数作成することができます. 問題 新しくTestクラスを作りました.これは画面の背景を黒くするクラスです. このクラスをSecondWindowのdraw()に書きました…

Processing: 2点を通る直線と円の交点を求めよう

目標 Processing: 2点を通る直線と円の交点を求めよう 今回は以下のようにある2点を通る直線と円の交点を求めるgetCrossPoints()という関数を作ります. //交点を取得する関数 PVector[] getCrossPoints(float x1, float y1, float x2, float y2, float circ…

Python : pandasでdf['hoge']が使えないときの対処法

はじめに 自分の研究でデータ分析をするためにpandasを使い始めました.pandasはcsv(tsv)ファイルをdf = pd.read_csv('hoge.csv')(またはread_table)で読み込んで,df['hoge'] という形で指定したカラム(列)を配列として抽出できます.しかし,あると…

Processing : PGraphicsでジェネラティブアート

はじめに 私はProcessingを使ってジェネラティブアートを作るのが趣味です.作っていくうちに「 PGraphics 使うといろんな作品が作れる!」と気づいたので紹介します. PGraphicsの簡単な紹介 PGraphicsは簡単に言うとProcessing画面を画像として作り出すも…

Adobe Premiere Proでオブジェクトを回転運動させる方法

はじめに 動画編集のために Adobe Premiere Pro を使ったのですが,そこで「オブジェクトの回転運動」で手こずったので,そのときの対策を書き記しておきます. 今回の目標 下の動画のようにカーソルをその向きのまま回転させます. カーソルは1秒に360度回転…

Processing: 正弦波を使ったおもしろ図形(おにぎり、花、金平糖、その他)

はじめに Processingで正弦波を使って様々な図形を作ってみました。すべて同じ関数の変数をいじるだけで作成できます。 使う関数 今回使う関数はwave_circle()という自作の関数です。この関数は元々ジグザグした円を作るために作成しました。 wave_circle() …

ArduinoからProcessingに複数のint型データを送る

はじめに 最近、Arduinoを使って複数の曲げセンサの値をProcessingに送り、ある値になると音を出すというものを作りました。このときArduinoで取得したint型のデータをProcessingに送信することに苦戦したのでその対処法をまとめました。 いつも洗濯物たたむ…

p5js:スマホのブラウザ上でmouseX,mouseYが使えない問題と解決法

はじめに p5jsを使って簡単なお絵描きツールを作ろうとしたのですが、PC上ではマウスで線を描画できたのに、スマホ上ではタッチで線を描画することができませんでした。今回はその問題の解決法を紹介します。 環境設定 スマホ Xperia XZ スマホのブラウザ Go…

Node.jsでサーバーを立ててngrokで外部公開

はじめに Node.jsでサーバーを立てて、htmlファイルを読み込むとき、ローカルホストではなく外部からURLを開くと自分のPCのIPアドレスがバレバレになってしまいます。今回は、それを防ぐために、ngrokというサービスを使った話をします。 Node.jsでサーバを…

Processingがどの現場で使われているのか?

はじめに 私が通う大学では、一年生のときにProcessingという言語を学びます。それゆえに、周り友人はこぞってProcessingでたくさん作っています。あるときその友人の一人が、現役エンジニアの方とお話しする機会があり、そのときに「Processingはあまり企業…

Yahoo!のエンジニアに聞いてみた五つの質問

はじめに 先月、友人と「【学生エンジニア限定】Yahoo! JAPAN MeetUp #14 ~マーケティングを支える~ - connpass」というイベントに参加してきました。そのイベントでは若手のエンジニアの方が現場でどういう活動をしているのかということをプレゼンしてい…

Google ドキュメントでLaTeXを使う方法

はじめに Google ドキュメントには計算式を書くツールがあるのですが、それが私には使いづらいものでした。そのとき「LaTeX記法使えたらな~」と探していたら、なんとLaTeX記法が使えるアドオンがあったので紹介します。 Auto-LaTeX chrome.google.com 今回…

SQLite:上から何番目の行を削除したい

はじめに 最近、大学でSQLiteを習ったのですが、データベースを作成中「上から〇番目のものを消したいな」と思ったのですが、それが上手くいかなかったのでいろいろと調べてみました。 使うテーブル テーブル名:user id name 2 tanaka 5 kato 7 maeda LIMIT…

標高からきんモザのアリスちゃんを探してみた

はじめに 今回は大学のプログラミング授業で「APIを使ってWebサービスを作ろう」という課題で自分が提出した作品について語ろります。 Webサービスの説明 左にある地図をタップするとそこの標高が取得され、その標高に合わせてアニメ「きんいろモザイク」の…

アニヲタが作ったおもしろAPI集

はじめに 今回は(たぶん)アニメが好きな人たちが作ったであろうAPIを紹介します。 目次 ShangriLa API きんモザAPI シャロシコAPI API一覧 ShangriLa API qiita.com 指定した年や春夏秋冬を指定するとそのときにやっていたアニメが何だったのか返してくれ…

GIFMAGAZINE APIをJavaScript/Node.jsで叩いてみた

はじめに プログラミングの授業で「Web APIを使ってWebサービスを作ろう」という課題が出たためいろいろとWeb APIを探していたときにこの「Gifmagazine-API」見つけました。ただリファレンスを読むとサンプルコードが書いていなかったためこの記事でJavaScri…

Android×Processing:adb input touchscreen編

はじめに この記事ではProcessingを使ってAndroid端末を操作しようと思います。 環境設定 Processing 3.3.6 Xperia XZ Windows 10 'input touchscreen' タッチや直線のスワイプといった単純な操作にはinput touchscreenを使います タッチの場合 adb shell in…

Android×Processing:adb getevent編

はじめに 前に紹介したadbコマンドをProcessingと組み合わせてみました。この記事ではAndroid端末のタッチイベントをProcessingを使ってリアルタイムでアニメーションします。 環境設定 Processing3.3.6 Xperia XZ Windows10 おさらい adbのgeteventコマンド…

Processing:コマンドプロンプトを開いてみた

はじめに 今回はProcessingでコマンドプロンプトを開くことを試みました。今回見つけた方法をそれまでの失敗を含めて紹介していきたいと思います。 環境設定 Windows10 Processing 3.2.1 launch()を使ってみる launch()はProcessingからファイルを実行できる…

JavaScript:コード画像をテキストファイルに変換する

はじめに 僕が通っている大学ではCMP実習という授業があり、そこでHTMLやCSS、JavaScriptを教えてもらいます。その課題で「JavaScriptのライブラリを使ったプログラムを作ってきてね」と言われたので僕はTESSERACT.jsという文字認識ライブラリを使いコード画…

Processing:絶対パスを返してくれるsketchPath()

はじめに ProcessingでTwitter botに画像をツイートさせようとしたら、「画像の相対パスではなく絶対パスを送ってくれないとダメです!」と言われてしまいました。そのときはその画像があるフォルダーまで「C:\Users\Documents\・・・\image.png」と書いきま…

Processing: length? length()? size()?

はじめに Processingで配列や文字列、ArrayListなどを使っているときにいつも「これって列の長さ出すのlengthだっけ? length()だっけ? size()だっけ?」悩んでしまいます。というわけで同じ悩みを持つ人がいると信じてここにまとめておきます。 環境設定(…

ADB : Androidのタッチイベントを取得してみた

はじめに スマートフォンでユーザがどこをタッチしたのかのログデータを取得したい人に朗報です。Android端末ならそれができます。それを実現するのが「ADBコマンド」です。 環境設定 Windows 10 コマンドプロンプト Xperia XZ 準備 今回の記事ではADBコマン…

ProcessingからNode.jsにテキストデータを送る

はじめに 前回はProcessingがサーバー側でクライアント側のNode.jsがテキストメッセージを送ることを試みました。(前回の記事)今回は他の記事にもあるようなNode.jsからProcessingにテキストメッセージを送ることをnetモジュールを用いて行おうと思います…

Node.jsからProcessingにテキストメッセージを送る

はじめに Node.jsとProcessingで変数やテキストメッセージを共有する記事は多々ありました。しかし、それらはNode.jsがサーバー側でクライアント側のProcessingがテキストメッセージを送るものでした。この記事はその逆で、Processingがサーバー側でクライア…

Node.js:Webmoを動かしてみた

はじめに Webmoとは電子工作の知識がなくてもJavaScriptで制御できるモーターです。このWebmoはNode.js用のライブラリがあり、それを使ってNode.jsで制御することが可能です。 今回はNode.jsでのWebmoの制御の仕方をまとめました。 環境設定 Node.js v6.11.0…