خلق بنفسك، ولدت MIDI المرئيات الخاصة بك في الوقت الحقيقي مع openFrameworks

Liam Lacey on Oct 30, 2015 in DIY & Hacking 16 comments

Do you want to create a simple desktop app that generates realtime animations using MIDI data? Then you're in the right place and Liam Lacey is here to show how using openFrameworks.  

كموسيقي أداء، وتتضمن مرئيات المتوقعة ضمن العروض الخاصة بك هو وسيلة متأكد النار لتعزيز تجربة لجمهورك. هناك العديد من التطبيقات جوكي الفيديو وإسقاط الخرائط البرامج المصممة للقيام بذلك، مثل Resolume الساحة أو ArKaos GrandVJ، والتي تسمح الفنانين لتشغيل ومراقبة الفيديو والرسومات والرسوم المتحركة في الوقت الحقيقي، وكذلك المزامنة لها إلى الموسيقى. معظم هذه التطبيقات يمكن التحكم باستخدام MIDI، مما يجعلها مفيدة للموسيقيين الذين يستخدمون بالفعل MIDI ضمن عروضهم للغاية. ومع ذلك، فإن التكامل MIDI غالبا ما تكون محدودة للغاية وقد لا تتيح لك التحكم في مرئيات بالضبط كيف تريد. وتتمثل إحدى الطرق للتغلب على هذه أن يكون لخلق بنفسك تطبيق البرمجيات المخصصة الخاصة بك

في هذا البرنامج التعليمي، وأنا

Resolume Arena 4 projection mapping software 

Resolume الساحة 4 إسقاط الخرائط البرمجيات.

ويطلق على المنصة، ونحن سوف تستخدم هنا openFrameworks (غالبا ما يختصر إلى من)

Live Visuals at Roskilde Festival 2014, Denmark, by Johan Bichel Lindegaard, partly made using openFrameworks

المرئيات الحية في مهرجان روسكيلد 2014، الدنمارك، يوهان Bichel Lindegaard، أدلى جزئيا باستخدام openFrameworks.

قبل أن نبدأ، وهنا مثال بسيط من ما سوف يجعل

ما سوف تحتاج:

Step 1—Installing your IDE

أولا سوف تحتاج إلى تثبيت IDE الخاص بك. تثبيت كسكودي على OS X من السهل

Step 2—Installing openFrameworks and ofxMidi

لتثبيت ل، لمجرد تحريك تحميلها من مجلد إلى أي مكان على جهاز الكمبيوتر الخاص بك. لتثبيت ofxMidi، نقل المجلد ofxMidi بتحميلها في دليل ادونس داخل المجلد الخاص بك.

Step 3—Setting up the oF Project

القادم سوف تحتاج إلى إعداد مشروع لIDE الخاص بك بحيث يمكنك تطوير التطبيق الخاص بك. للقيام بذلك ستستخدمها ل

  1. تعيين
  2. تأكد
  3. تأكد
  4. اضغط على
  5. انقر

openFrameworks Project Generator application

تطبيق openFrameworks مشروع المولدات.

ينبغي أن يكون هناك الآن مجلد جديد في الدليل openFrameworks / تطبيقات / myApps للمشروع الخاص بك تم إنشاؤه حديثا.

Step 4—Adding the Code

القادمة التي تحتاج لفتح مشروعك الذي تم إنشاؤه حديثا وإضافة بعض التعليمات البرمجية إليه:

  1. فتح التطبيق الخاص بك IDE (كسكودي أو كود بلوكس).
  2. توجه إلى
  3. حدد ملف المشروع (ملف .xcodeproj لكسكودي أو .workspace لكود بلوكس) وانقر
  4. في IDE انتقل إلى اليسار ومن ناحية العمود / الجزء حيث يجب أن يكون هناك رمز بجانب اسم مشاريعك. انقر على المثلث أو

The Xcode (left image) and Code::Blocks (right image) project navigator where you will find the source code files

وكسكودي (يسار الصورة) وكود بلوكس (الصورة اليمنى) الملاح المشروع حيث ستتمكن من العثور على الملفات شفرة المصدر.

  1. تحميل رمز لهذا المشروع من هنا.
  2. استبدال محتويات ofApp.cpp وofApp.h داخل IDE الخاص بك مع محتويات الملفات التي تم تحميلها حديثا. لفتح هذه الملفات في كسكودي نقرة واحدة فقط عليها من الاشجار الرأي، ولكن في كود بلوكس تحتاج إلى انقر نقرا مزدوجا فوق عليها.

تعليمك كيف رمز يعمل هذا المشروع هو قليلا خارج نطاق هذا المقال، لذلك أنا

Step 5—Building and Running the Code

كنت تقريبا على استعداد لمحاولة الخروج من تطبيق visualiser MIDI، ولكن قبل ذلك تحتاج إلى بناء التعليمات البرمجية في قطعة من البرمجيات. للقيام بذلك أكمل الخطوات التالية:

في كسكودي على OS X:

  1. على شريط الأدوات العلوي على الجانب الأيسر بجانب اللعب ووقف الرموز هناك قائمة منسدلة
  2. من شريط القائمة حدد
  3. من شريط القائمة حدد
  4. يجب الآن ظهرت تطبيق visualiser، ويجب أن يتم إنشاء ملف التطبيق في

The Xcode IDE running the MIDI visualiser application

وكسكودي IDE تشغيل التطبيق visualiser MIDI.

في كود بلوكس على ويندوز:

  1. من شريط القائمة حدد
  2. من شريط القائمة حدد
  3. تطبيق visualiser يجب الآن ظهرت (مع تطبيق الأداة الثانية تظهر وراء ذلك)، ويجب أن يتم إنشاء ملف التطبيق في

The Code::Blocks IDE running the MIDI visualiser application

وIDE كود بلوكس تشغيل التطبيق visualiser MIDI

ألف مبروك

Step 6—Using the application

باستخدام تطبيق MIDI visualiser أمرا سهلا. وكما جاء في التعليمات، ببساطة اختيار المدخلات ميدي تريد استخدامها مع الأرقام على لوحة مفاتيح الكمبيوتر، والضغط

The MIDI visualiser application

تطبيق visualiser MIDI

تحميل شفرة المصدر لهذا المشروع HERE

Conclusion

لهذا السبب

 

Liam Lacey

More articles by this author

Liam is the Head Of Development specialising in software development at Modal Electronics, the company behind the 002, 008, CRAFT and SKULPT synthesisers, and was previously the lead software developer at nu desine, the developers of the AlphaSphere MIDI controllers. He was also an Associate Lecturer at UWE, Bristol, UK where he gradua... Read More

Related Videos

Related Articles

Discussion

cuticulamusic
can you specify for which OS X this should work, cause I guess in 10.9 it is not working. I get tons of debugging errors like "gluBuild2DMipmaps is deprecated" use xxx instead. ???
Oct 30, 2015
Liam Lacey
Hey cuticulamusic,
These messages are actually just openFrameworks build warnings that can be ignored in this case, so it should still be possible to build and run the application. Is this true for you, or are they coming up as red errors that prevent you from building? With the latest version of oF (0.8.4) this project should work on OS X 10.6 and above.
Oct 30, 2015
cuticulamusic
Hi, I found out that I didn't " On the top toolbar on the left-hand side next to the play and stop icons there is a dropdown menu—select the ‘[project name] Debug’ option." set it right. But after doing that I got like 18 real errors. all of them "Apple Match-O Linker (id) Error". Do you have any idea what that could be? and thanks for your help already and putting up this tutorial (even tough its not working for me, haha).
Nov 01, 2015
Liam Lacey
Can you give examples of the exact "Apple Match-O Linker (id) Error" errors?
Nov 02, 2015
Xac
Tried this on OS X 10.11.1 Xcode says build failed.
Oct 30, 2015
Liam Lacey
Hey XacWj,
I haven't been able to test this on OS X 10.11 yet. What errors are you getting?
Oct 31, 2015
Bonzo
I'm so confused. You linked to a version of Code Blocks, yet the installation guide for Windows you linked to recommends another completely different version. They're nowhere near the same size and the version numbers are completely different. It asks that i 'install' it, but all i find is an install.md file which i can't open.
Nov 06, 2015
Bonzo
Thanks for deleting my comment, i figured out where i went wrong anyway. It would have helped if you had explained that oF and code::blocks are two separate programs.
Nov 07, 2015
Bonzo
So now i've done all the steps but at the end i just get the grey screen and an empty command prompt box with no instructions. The build had no errors. Any advice?
Nov 07, 2015
Liam Lacey
Hey Bonzo,

Code::Blocks is the piece of software used for developing software applications, whereas oF is just a library of files used to make software development a lot easier. Sorry if that wasn't clear in the tutorial.

Since releasing this tutorial there has been a newer release of oF (0.9.0), and unfortunately they no longer suggest Code::Blocks to be the best IDE to use on Windows. Also I have not yet tested this tutorial using version 0.9.0 - just 0.8.4 (which can be downloaded from http://www.openframeworks.cc/download/older.html). Which version of oF did you try this tutorial with?
Nov 09, 2015
Stefan Hetzel
@Liam Lacey: Thanks for the great tutorial, it was (almost) no problem to install the app :-) (Win 7 64-bit, using oF 0.8.4)
Jan 16, 2016
Eric
This is exactly what I've been looking for. Thank you so much!!!
Mar 15, 2018
Alex
Please, what portions of midi_visualizer source code gets copied into CodeBlocks. Think I'm ok with ofx files (h and C++). Does MAMA file go as well. How??
Apr 19, 2018
Mapt
Hi, thanks for this article. With your help, I managed to create music videos for my musical project. Here is the first one if anyone is interested :
https://youtu.be/AAL9CR8_tJ8
Apr 22, 2019
VoyagesLuna
Hi, thank you so much for this awesome tutorial!! It actually worked for me! On macOS Catalina 10.15.5 may 2020. Only small detail at first the build failed, it said midi thing did not have a method getPortsList and asked me if I meant getInPortList instead... I changed it for getInPortList where the error was flagged and now it is working!!

Only thing that I still need to figure out though is how can I route the midi from my song in Ableton Live to the program? Right now I am able to chose between my drum pad, my midi synth or my audio interface as MIDI input and if I chose the drumpad or the midi synth it totally works and I can see the circles on the app!

Could you share how you got the midi from your Ableton coming out in the app? Thanks!
Jun 02, 2020
A
For those trying to run this code in VS on Windows
change line 158 from
vector midi_port_strings = midiIn.getPortList();
to
vector midi_port_strings = midiIn.getInPortList();
If it can't compile try to switch Solution Platform from Win32 to x64 (and optionally back)
Aug 14, 2020

Want to join the discussion?

Create an account or login to get started!