Categories
javascript JsConf Multimedia Deign

Jsconf in Reykjavik

I’m at the JsConf in Reykjavik. The venue is the fantastic Harpa, with wonderful artwork by Olafur Eliasson. We live in the hotel with the Sky Lounge just across the street.


View Larger Map

Today art and code mixed into an amazing creative cocktail. I cannot wait to experiment with the creative libraries from these wizards of code.

Augmented Reality

There were several talks on JavaScriot as a creative tool. Raisa Cuevas introduced to augmented reality, and she introduced several creative tools, such as:

Google ARCore Brings Augmented Reality to Android

https://threejs.org/

https://poly.google.com/

https://github.com/google-ar/three.ar.js/tree/master

https://github.com/jeromeetienne/AR.js/blob/master/README.md

 

Paint Splatter: The making of an interactive artwork

Halldór Eldjárn & Þórður Hans Baldursson introduced the code behind the interactive artwork decorating Harpa this week. On the website http://paint.jsconf.is/ you can choose the colors on the building. They told about the work, and how they wrote the creative code.

 

Creating generative art with Javascript

Then Kate Compton told about her work as an artist / researcher. She used JavaScript for art. Even her dress was made by JavaScript. One of her bon mots was:

“make things that makes things”

You can follow Kate’s work here: http://galaxykate.com/

Among the tools in her toolbox was https://threejs.org/ 

 

The keynote

The first keynote speaker was a nodejs talk, along the lines of this: “version 1.0.4 of XX is not there yet. Please google”. My mind drifted away, but perhaps there were hidden gems for the Nodejs adepts. But at the end of the day JsConf gave many ideas for creative code.

Code is poetry.

Categories
javascript

Radio Buttons and DOM

Gist: How to manipulate the DOM via event listeners.

 

Categories
javascript Multimedia Deign

Workshop: JavaScript Assignment

Here are some ideas, you might use:

Categories
javascript Multimedia Deign

JavaScript Intro Fiddle

Categories
javascript MMD2 Multimedia Deign

Jquery From Zero to Hero

A four hour Jquery crash course from Microsoft.

https://www.youtube.com/watch?v=ELRNFtFxIs8

Categories
javascript Jquery MMD2 Multimedia Deign

Jquery first fiddle

Here is a very, very short Jquery introduction on Jsfiddle.



After a while the document ready function becomes boring. However there is a shorthand version:

$(function() {
    // ... your code ...
});
Categories
javascript Jquery MMD2 Multimedia Deign

The image registration point

On at JavaScript canvas the registration point is the top left corner.

So in hit detection you have to calculate the x-position, the image width and height. In layout you should be able to figure out where to plage the images, and illustrations.

  • Y = “up / down”
  • X = “left / right”

( I tend to forget this … )

The image registration point.
The image registration point.