Skip to main content

Posts

TouchDesigner Experiment: Particle Displacement

My first experiment with TouchDesigner is creating this particle displacement visual by following Bileam Tschepe's tutorial  on Youtube. His tutorial is pretty clear on how to create this project, however, I'm going to show a little on how it goes. This is my result.

Trying TouchDesigner

TouchDesigner is a node-based visual programming language for real-time interactive multimedia content, developed by the Toronto-based company Derivative (via Wikipedia ). TouchDesigner is so flexible that it can be used to create audiovisual-based projects, detailed 3d projects, create complex interactive UI solutions, amongst others. I honestly have never heard of this software before being introduced by my lecturer. So far, I have been doing experiments with nodes and looking up tutorials to get familiar with the details. Tutorials I've been following are mostly by Bileam Tschepe  where he thought the basics of using the software to create audio and visual-related artwork. To get a project working, we must always remember that the flow of the network must be arranged in a flow from left to right. Start everything on the left side of the screen, and end the project on the right, preferably into one output (node). To start a project, it requires operations, and to create...

Installing node-osc in npm (node.js)

This post is to update my experiment on the Thinker Blinker project. Thus far, I had been trying to 'install' the appropriate node.js that are necessary for this project to work. The first thing I need to make sure is the file being in the right folder. In the following picture, we can see that the file I wanted to run is called 'index.js' that is located in /Users/christinedinata/index.js . So I typed 'node index' on my terminal/command prompt page (read more from this post I uploaded previously) to call the file to get it running. However, there are some 'errors' because it says that the computer can't find the osc module. Upon more research on how to handle this problem, it turns out another node is needed.  npm install node-osc (more information h ere ) But when I wanted to install this, there are a lot of issues and errors as well.  This prompt lead me to search more on why I can't install this node-osc. This  per...

Website Portfolio Update: Mobile Version

Mobile version of the web folio is also available (works best on smartphones with the width size of 414px; ex: iPhone 6/7/8+, etc).  According to StatCounter Global Stats , the market share for people using mobile phones is larger compared to those using desktops and tablets. The data is from a worldwide region, with 51.74% mobile users, 45.61% desktop users and 2.65% tablet users. This shows that having a mobile version for a website would be the most beneficial thing to do since people would most presumably open websites via their smartphones. However, coding websites from scratch can be difficult. To create both desktop and mobile version needs a lot of resizing and checking on different devices just to see how it looks. I am deeply regretful to say that kweestin.com is not suitable for tablet devices such as the iPad, etc. This is due to the lack of time I have to balance all my school work during these several weeks. Please keep in mind that different devices may ...

Interview: Mulyadi Witono

Mr. Mulyadi (Didi) Witono is the creative director and film director for Milkyway Studio, based in Jakarta, Indonesia. Mr. Witono has a web folio  which showcases the projects he did with Milkyway Studio. Upon stumbling his web folio, he attached his email for business inquiries, and I emailed him to get an interview. Unfortunately, at first, I didn't receive a direct reply, and therefore I messaged his LinkedIn profile , which prompts him to reply to my initial email. The following is the interview exchange. 1. Can you explain what is Milkyway Studio and what do you do in the company? Milkyway Studio is a full-service Indonesian based Film Production Studio dedicated to producing exceptional content for various client needs. We are more than just a production company - we provide additional services in order to ensure that each video we produce is smart, engaging, and achieves its purpose. My role in Milkyway Studio is as a Creative Director / Film Director for all Milkyway...

Using the Johnny-Five platform to control Arduino using JavaScript

When trying to figure out how to actually set the thinker blinker up, the creators specified that they "uploaded the Firmata sketch to an Arduino, then wrote JavaScript code to drive the bulb, using Johnny-five to communicate with it." I then began to search on how to set this Johnny-five up. To understand more about what it is and how to use it, I stumble across this  article. But the point I want to share is this. Julian Gautier then implemented the Firmata protocol, a protocol used to access microcontrollers like Arduinos via software on a computer, using JavaScript in his Node.js Firmata library.  Rick Waldron took it a massive step further. Using the Firmata library as a building block, he created a whole JavaScript Robotics and IoT programming framework called Johnny-Five. The Johnny-Five framework makes controlling everything from LEDs to various types of sensors relatively simple and painfree. This is what many NodeBots now use to achieve some very impress...

Website Portfolio Update: Portfolio Details

The details for the portfolio has a standard look. It got a cover page that is the same as the thumbnail seen on the featured page. The name of the project and the year the work was created is plastered there.  Using full-screen pictures is an effective way in web designing to capture people's attention. Like on Molly and Me Pecans , we are immediately gobsmacked by a huge picture of their delicious snack, which makes us more attracted to the brand and curious to learn more about what the brand offers. Selection of this all-important asset is absolutely crucial, as it can make or break a user's emotional connection with the brand. Make sure it bears strong relevance to the actual subject matter wherever possible. You need to build an association with the individual brand in question, and an image that feels too generic or 'bought in' will detach users from the experience and undermine the site's authenticity.  Both quotes are taken from the first ...