Creating Retro-inspired Interfaces in Houdini
Subscribe:  iCal  |  Google Calendar
1, Jul — 1, Aug
San Diego US   19, Jul — 23, Jul
Torino IT   25, Jul — 29, Jul
Shanghai CN   3, Aug — 7, Aug
Vancouver CA   12, Aug — 17, Aug
Latest comments
by the impossible quiz
3 hours ago

A very meaningful invention, I really like. Thanks for sharing the impossible quiz

by slither io
3 hours ago

A very meaningful invention, I really like. Thanks for sharing slither io

by shell shockers
3 hours ago

The pictures are very beautiful and very artistic, I like it very much shell shockers

Creating Retro-inspired Interfaces in Houdini
20 April, 2017
Mike Murdock, a Virtual Reality Director who is currently working on a VR game called “Wire//Frame”, talked to guys from Sketchfab about his ‘Primary Ion Drive’ as a part of Art Spotlight. The artwork is a retro-inspired interface built in Houdini. The artist played with ‘weird and wonderful node-based workflow’ of Houdini and got an amazing result. 

Mike started working on this kind of interfaces as a way to relax after consulting at a VR startup as a UI and UX designer. The first “3d doodles” in Houdini were created on the train ride home. 

Primary Ion Drive /// by indierocktopus on Sketchfab

The final design showing the different pieces

The final node network inside the center module container

The core

Here’s a GIF showing the node network I built for the outer ring module. Mostly everything is very simple and straightforward. A lot of magic happens in the “CopyStamp” node: I copy the original circle a bunch of times and scale each copy down by about 20%. I also used a simple expression that allows me to “carve” each circle copy by a different amount so every ring is a slightly different length.

Then I add a polywire, give it a color, move it over to the side, and mirror it on the X axis before applying the holographic glow material.

The Red rings are also made up of a very simple network: There’s that “HOLO” node again near the bottom.

Mike Murdock

Make sure to read the full breakdown here. Tons of tips and tricks on how to build your own interface in Houdini. What is more, you get the Houdini source file for this design to study it!

Source: Sketchfab

Leave a Reply

Be the First to Comment!