• Skip to primary navigation
  • Skip to main content

antpb

Just another WordPress dev

  • Home
  • Music
  • Dev Blog
  • Bio
  • Donate

WordPress

Browser Based Music Interface Design

antpb · Jan 5, 2019 · Leave a Comment

I have an idea! I'm writing this to hold myself to it. If you've not been keeping up with my personal happenings lately, let me catch you up really quick.

The last few years I've been chipping away at this idea of building a music performance application for XR (Extended Reality). I hacked together a somewhat stable framework for demo purposes and over the last year, I've refined it to something stable that finally builds for Windows (more platforms eventually ?.) The result has morphed into a game that I call Broken Place. The game's audio relies heavily on an open source visual programming language called Pure Data, which is extremely popular for multimedia. You can build very complex pieces of music using this language and I have developed a way to interface with this from Unity UI components. One thing I particularly like about this language is the patch file size is usually kilobytes but still generates complex sounds. This makes it super easy to handle users uploading on a post editor and downloading from an XR headset.

*The actual source will be open sourced as soon as it is cleaned up and stable. 🙂

Screenshot from an early demo of the game.

Before I get on with the idea, some more backstory about WordPress things

If you don't already know, my day job is WordPress development and I spend a great deal of that time contributing to the WordPress open source project. Recently, I found myself in a position to help as one of the handful of release leads heading up one of the largest changes in the history of the project. In this release, the old content creation process was rebuilt with new block based approach to managing post content. This change brings a considerable chunk of the web to an open future for content creation in a browser. Users of all skill levels are empowered to create content in interesting ways. This content does not have to be specific to a web browser. On to the idea....

Music interfaces designed in a web/browser based editor

I’ve been thinking through how I could use the new block based WordPress editor for music interfaces in my game. I imagine a user logging into a WordPress to a custom song post type with the option to upload a Pure Data music file. The editor could be used for making grid layouts. The block would have placeholder images representing the custom performance interface element (knobs, buttons, sequencers.) In the example below, we see a grid layout of knobs. The caption of each is defined by the user. These messages could be very important messages for something like a Pure Data patch which is listening for parameters associated with those messages. In the game, we would know how many cells to put across a row by querying the column block's number attribute. In 3D world space, the game would then populate the components associated with the attributes of each block queried from WordPress. Each block's attributes represents what type of 3D UI element drops in the cell and even detailed parameters about that element (maybe min/max ranges).

Editor screenshot of a 5 Column grid with 1 "Knob Block" per cell 
knob1
cutoff1
reverb
kickTone
kickDecay
attackSynth
decaySynth
sustainSynth
releaseSynth
rvbSynth

Blockers and a spiffy option

Currently WordPress Core out of the box cannot query via REST API to get individual block data. Roy Sivan is currently working on a plugin that would allow this to happen( Hi Roy!) Here's the github link if you want to test or contribute: https://github.com/royboy789/gutenberg-object-plugin

The plugin allows for block data to be exposed via REST API. This will be crucial as I start building a web editor for my game.

More to come as I find time to work on this. I'm open to dialogue with any that are interested. Feel free to leave thoughts below.

Proof of Concept : Virtual Reality WordPress

antpb · Jan 6, 2018 · Leave a Comment

What would a basic WordPress look like in VR? Using the WordPress REST API, I could easily pull things like author information, post content, or even custom meta. Using WordPress gives a user friendly interface to control environment variables of a game. One example would be using custom meta to define something like the color of the world lighting. These sort of level variables could also be interesting for an application that allows user registration. Users could have their own levels or posts to show their content without knowing how to be a game dev.  A travel blog comes to mind for this POC. Using 360 images as the post featured image, I wrapped them around the user with post content attached to UI elements.

After a two day hackathon the project was loading nicely. SimpleJSON proved to be an interesting library to dissect, but I was able to get JSON objects accessible via C#. In the controllerWordPress scripts (Assets/Scripts/) you'll find the bulk of how to accomplish this. I'll document the code further as I work on this. 🙂

Made a VR #WordPress in #unity3d using the WP REST api. toggle posts with the controller. Feat. Image gets attached to skybox. ?#vrdev #vr pic.twitter.com/ictJpERAN5

— Anthony Burchell (@antpb) September 14, 2017

 

What is happening for each post?

  1. We make a REST call for most recent post with a limit of one and an offset defined as zero.
  2. From there we take the featured image from the post and attach it to a sphere surrounding the user.
  3. After loading the post data it queries the comment and author information. It does a call for each (this needs major refinment.)
  4. The author data then pulls the gravatar, and description of the author. These assets are attached them to the left plane. Post comments go to the right plane.
  5. On Vive button press it adds one to the offset and repeats all the calls above.

Download:

Github: https://github.com/anthonyburchell/VR-WordPress

The readme in the repo should cover basic usage.

 

WordPress Quick Tip: WP-Core Plugin Manager

admin · Aug 2, 2014 · Leave a Comment

WP-Core is an amazing plugin management service that allows you to save collections of your favorite plugins to give you the ability to install them into WordPress with a single click. Here's a video tutorial I did on it:

Preventing Bruteforce Attacks With BruteProtect

admin · Jun 26, 2014 · Leave a Comment

Here's a security focused video on preventing bruteforce attacks.

Working Without FTP Access - WP htaccess control

admin · Sep 26, 2013 · Leave a Comment

A brief tutorial on working on your WordPress site without FTP access.

A website made with WordPress on WP Engine