# data[].attributes.attachment_link.title
3D and augmented reality product visualization platform

# data[].attributes.attachment_link.description
The platform for 3D and augmented reality product visualization

# data[].attributes.attachment_link.readable_text
Okay so once you've added your model to the project folder you'll want to change the ' modelFile' variable at the top of the file so that you are now loading in your new model. If you are using a model that has separate materials then you will want to add another variable for the file path to the material and then add that into the model loader. Save the project and check that now when you tap your car model bounces in. If not then double check all your model loading code, try it again with a different model and if non of that works then maybe consider using a .GLB file and also that your file has its origins set to 0 and that it has the correct forward vector positions. You might also want to check the scale of your model and adjust the ' startScale' and ' endScale ' value as desired to get the correct looking bounce effect.

Presently when you tap on a surface in the scene it will spawn a new object, since we want to be able to drive our car around we only want our first tap to spawn the car and then all subsequent taps to move the car. In order to achieve this we will start by adding a bool at the top of our document to store when the car has been spawned. So for this we create a let called 'carSpawned' and set it to false.

Now navigate down to the function 'placeObjectTouchHandler' and where it calls the function 'placeObject' change the code to the following.

Save again and check that now after spawning one car taping again moves the car to your desired position. You will notice however that the further away you tap the faster the car goes. This is because presently our position tween uses the fixed timing from the objects bounce in animation. To fix this we will set our tween up to move the car at a consistent speed depending on the distance it has to travel.

Create a new variable at the top of the file called ' millisPerMeter' and set it to 100. Then change your code to the following. Here you will want to test out the changes and see how fast your car moves. You can easily slow the car down by increasing ' millisPerMeter ' and speed it up by decreasing it. All we are doing here getting the distance between the cars position and the target position and then using that distance with 1 representing a meter.

Okay so you got a car and it moves around a little better now but it still sits at any old rotation while you do this which, last time I checked anyway, is not how cars drive. Thanks to Three.js fixing this is a simple problem as they have a built in ' lookAt ' function. Just add the following line of code to your application and then you will be done!

And we are done! Thanks for reading and I hope you are happy with your new web AR app!

If you have any comments or suggestions on the project then please let me know!

# data[].attributes.attachment_link.title
Make your first Web AR Application in 30 minutes

# data[].attributes.attachment_link.description
Okay so once you've added your model to the project folder you'll want to change the ' modelFile' variable at the top of the file so that you are now loading in your new model.

# data[].attributes.attachment_link.description
BRINCANDO COM REALIDADE AUMENTADA NA WEB Diego Martins de Pinho

# data[].attributes.headline
Conheça o FILE (Festival Internacional de Linguagem Eletrônica)

# data[].attributes.subject
Conheça o FILE (Festival Internacional de Linguagem Eletrônica)

# data[].attributes.body
Abraham Palatnik é um dos artistas brasileiros pioneiros na criação de obras cinéticas.

# data[].attributes.attachment_link.title
Abraham Palatnik | Enciclopédia Itaú Cultural

# data[].attributes.attachment_link.description
Biografia Abraham Palatnik (Natal, Rio Grande do Norte, 1928). Artista cinético, pintor, desenhista. Em 1932, muda-se com a família para a região onde, atualmente, se localiza o Estado de Israel. De 1942 a 1945, estuda na Escola Técnica Montefiori em Tel Aviv e se especializa em motores de explosão.

# data[].attributes.attachment_link.description
Welcome to the world's most awesome playground for all things making. Learn from the largest collection of how to step-by-step projects anywhere.

# data[].attributes.attachment_link.description
Arduino Projects: The Arduino microcontroller has a nearly limitless array of innovative applications for everything from robotics and lighting, to games and gardening! It's a fun way to automate everything, enabling you to control simple devices or manage complex ...

# data[].attributes.attachment_link.title
Tinkercad | From mind to design in minutes

# data[].attributes.attachment_link.description
Tinkercad is a free, easy-to-use app for 3D design, electronics, and coding.

# data[].attributes.attachment_link.provider_name
Millumin. For theaters, video mappings and interactive installations.

# data[].attributes.attachment_link.title
Millumin. Create audiovisual and interactive shows.

# data[].attributes.attachment_link.description
Millumin is a revolutionary software to create audiovisual shows. For theater, dance, video mapping and interactive installation.

# data[].attributes.attachment_link.readable_text
vvvv is a hybrid visual/textual live-programming environment for easy prototyping and development. It is designed to facilitate the handling of large media environments with physical interfaces, real-time motion graphics, audio and video that can interact with many users simultaneously. Responsible for its development is the vvvv group.

vvvv is free for non-commercial use,
commercial use requires a license.

# data[].attributes.attachment_link.description
vvvv is a hybrid visual/textual live-programming environment for easy prototyping and development. It is designed to facilitate the handling of large media environments with physical interfaces, real-time motion graphics, audio and video that can interact with many users simultaneously. Responsible for its development is the vvvv group.

# data[].attributes.attachment_link.title
Fun Makey Makey Projects | Makey Makey Operation Game Scratch

# data[].attributes.attachment_link.readable_text
Como programar o Arduino com linguagem gráfica de blocos

Ardublock é uma linguagem de programação que utiliza blocos de funções prontas. Do mesmo jeito que o Arduino ajuda entusiastas a entrar no meio da eletrônica e automação, o Ardublock ajuda a quem não tem conhecimento em linguagens de programação a criar programas para o Arduino de forma simples e intuitiva.

Como os blocos disponíveis do Ardublock se equiparam a funções de uma linguagem de programação, o Ardublock possui uma vasta possibilidade de utilização e aplicação.

!Como instalar

Se você está usando o Arduino pela primeira vez, não deixe de ver nossos tutoriais de como configurar o Arduino para Windows ou Mac na nossa página de tutoriais.

Depois de configurado o Arduino, entre no site do Ardublock para baixar e instalar o Ardublock no Arduino IDE.

Este tutorial é dividido nas seguintes partes:

Baixe o arquivo no site na seção de DOWNLOADS.

Localize onde se encontra o "Sketchbook" do Arduino.

No Windows, por padrão se encontra em: "Documents\Arduino" dentro da pasta do seu usuário;

No Mac, por padrão se encontra em: "Documents/Arduino" dentro da pasta do seu usuário;

No Linux, por padrão se encontra em: "sketchbook" da pasta do seu usuário.

Localizada esta pasta crie um subpasta chamada: tools e dentro dela outra subpasta chamada ArduBlockTool e ainda outra subpasta chamada tool.

Copie o arquivo baixado nesta última pasta.

Agora ao abrir o Arduino IDE, na seção tools, o Ardublock aparecerá na lista. (Veja figura abaixo)

!Programando com o Ardublock

Vamos demonstrar aqui como realizar um programa simples de piscar um LED no ambiente de programa em blocos (Ardublock). À esquerda do Ardublock se encontram todas as funções disponíveis, desde operadores lógicos e condições de estado até controles das entradas e saídas do Arduino, etc.

Etapas

1. Função Loop

Todo e qualquer programa para Arduino deve conter a função loop. Esta função é executada indefinidamente quando o Arduino é ligado. Portanto é nela que queremos colocar nossos blocos.

Aperte na seção Control e arraste o bloco loop para a área de trabalho;

2. Setando o LED

Para simplificação do projeto, iremos utilizar o LED interno, já embutido no Arduino, localizado no pino 13.

Aperte na seção Pins e arraste o bloco set digital pin para a área de trabalho;

Este bloco possui 2 argumentos: Número do pino e estado lógico desejado.

Aperte na seção Pins e arraste o bloco set digital pin para a área de trabalho;

Selecione o pino 13 e nível lógico alto (HIGH);

3. Tempo de espera

Vamos utilizar o bloquinho delay milliseconds para fazer um atraso de 1 segundo. Seu parâmetro é o tempo de atraso em milissegundos.

Aperte na seção Utilities e arraste o bloco delay milliseconds;

Configure o valor para 1000. (Correspondente a 1 segundo);

4. Conexão

O Ardublock, assim como a linguagem do Arduino, é sequencial, portanto ele executará uma função de cada vez. Para dar as ordens das instruções no Ardublock conectamos uma função em baixo da outra, simplesmente arrastando e conectando um bloquinho embaixo do outro.

Faça isto para os 2 últimos blocos criados. Colocando o delay em baixo do set digital pin.

Agora estes 2 bloquinhos formam um bloco só. Como queremos ligar o LED por um segundo e em seguida desligá-lo por um segundo precisamos de um segundo bloco deste para fazer a segunda operação.

Clique com o botão direito neste bloco e aperte o botão clone para fazer uma cópia.

Encaixe a cópia do bloco criado em baixo do bloco original, e configure o segundo set digital pin para LOW (desligado)

5. Conexão com o loop

Este novo bloco agora representa o que queremos fazer no programa: Piscar o LED com o intervalo de 1 segundo.

Para finalizar ligue este bloco dentro do bloquinho loop, arrastando-o.

Clique no botão upload para gravar o programa no seu Arduino.

6. Observações

Certifique-se na seção tools da janela do Arduino que a placa e a porta de comunicação foram selecionadas corretamente.

O Ardublock se encarrega de configurar as entradas e saídas dos pinos, de forma a facilitar para o usuário.

# data[].attributes.attachment_link.title
Ardublock - Programação Gráfica para Arduino

# data[].attributes.attachment_link.description
Como programar o Arduino com linguagem gráfica de blocos Ardublock é uma linguagem de programação que utiliza blocos de funções prontas. Do mesmo jeito que o Arduino ajuda entusiastas a entrar no meio da eletrônica e automação, o Ardublock ajuda a quem não tem conhecimento em linguagens de programação a criar programas para o Arduino de forma simples e intuitiva.

# data[].attributes.attachment_link.title
Makey Makey and Scratch Interactive Word Wall for Elementary Students

# data[].attributes.attachment_link.readable_text
MapMap is a free software of projection mapping which is mainly aimed at artists and small teams. Its intuitive interface facilitates learning and promotes artistic expression. Visit: http://mapmap.info for more.

It also promotes creativity and remains an ideal choice tool for people who want to learn the discipline of Mapping.
Projection mapping, also known as video mapping and spatial augmented reality, is a projection technology used to turn objects, often irregularly shaped, into a display surface for video projection. These objects may be complex industrial landscapes, such as buildings. By using specialized software, a two or three dimensional object is spatially mapped on the virtual program which mimics the real environment it is to be projected on. The software can interact with a projector to fit any desired image onto the surface of that object. This technique is used by artists and advertisers alike who can add extra dimensions, optical illusions, and notions of movement onto previously static objects. The video is commonly combined with, or triggered by, audio to create an audio-visual narrative.

# data[].attributes.attachment_link.description
MapMap is a free software of projection mapping which is mainly aimed at artists and small teams. Its intuitive interface facilitates learning and promotes artistic expression. Visit: http://mapmap.info for more. It also promotes creativity and remains an ideal choice tool for people who want to...

# data[].attributes.attachment_link.readable_text
Overview

MapMap is a free, open source software for projection mapping aimed at artists and small teams. Its intuitive interface facilitates learning and promotes artistic expression. This software is available on Windows, OSX, and Linux. MapMap gives users the ability to projection map on any surface of choice. Mapmap takes media sources and gives users the ability to manipulate the media into different positions and shapes. Media sources can come from any various accepted media formats. With an easy to understand interface, new users can get started in minutes.

Projection mapping, also known as video mapping and spatial augmented reality, is a projection technology used to turn objects, often irregularly shaped, into a display surface for video projection. These objects may be complex industrial landscapes, such as buildings. By using specialized software, a two or three dimensional object is spatially mapped on the virtual program which mimics the real environment it is to be projected on. The software can interact with a projector to fit any desired image onto the surface of that object. This technique is used by artists and advertisers alike who can add extra dimensions, optical illusions, and notions of movement onto previously static objects. The video is commonly combined with, or triggered by, audio to create an audio-visual narrative.
Click here for a video demo
Download and install

The latest version of MapMap can be find at these links:

Older versions:

Launching the application

On macOS, open the application by either double-clicking on its icon in the Finder, or by clicking on its icon in the Dock.

On Debian or Ubuntu GNU/Linux, find its icon in the application menu and click it. You can also run it via the command-line by typing "mapmap".

On Windows, click on the windows icon and type in mapmap. Click on the MapMap icon to then launch the program.

Layout

MapMap consists of several different windows, icons, and menu options. The main windows are the Library, Layers, Input Editor and Output Editor.

Library

The Library contains the collection of sources that can be used in MapMap. The supported sources are:

media files such as:

video (see preferred video formats below)

still images (PNG, JPEG, etc)

animated GIFs

color paints/masks

webcams (currently on Linux version only)

... and more to come in future versions

Importing new media can be done in multiple ways:

Clicking on File > Import media file...

Hitting CTRL+I

Clicking the icon in the toolbar

Drag and drop media directly into library window

Preferred Video Formats:

Containers: .mov, .avi, .mp4, .ogg, .ogv

Video codec formats: Motion-JPEG / Photo-JPEG, MPEG4, Apple Pro Res 422

A introductory media / tutorial startup file can be found here: (INSERT LINK TO NEW MEDIA ? TUTORIAL ZIP FILE)

Color Sources

Adding color paints to the library can be done by choosing File > Add color paint or by clicking on the icon in the toolbar.

Once clicked on the following menu will appear once a color has been selected click "Ok" to add the color to the library.

Media sources can be deleted by simply selecting it in the Library list, and then choosing the Edit > Delete menu item or by control clicking on a media source and choosing "delete source". Since all the layers that use that source will also be deleted, a dialog will ask you for confirmation.

Layers

To the right of the library tab is the layers tab. Layers are media sources that are displayed in the output editor. Layers are created when a source from the library is selected and turned into a 1. quad, 2. triangle or 3. ellipse. This tab allows users to show/hide, lock, duplicate, and delete layers.

Layers can be deleted by selecting it in the layer list, and then choosing the "Edit > Delete" menu item.

Layers can be rearranged by dragging them on top of or below each other. Doing this also controls the layer arrangement in the output editor. Layers add vertices to the source which allows the source to be edited in a variety of ways. Next to each layer name, there are five icons:

1. Hide Icon: This hides or shows the layer.

2. Isolate Icon: This isolates the layer selected.

3. Lock Icon: This locks or unlocks the layer so it can't be modified.

4. Duplicate Layer Icon: This duplicates a layer with all it's settings .

5. Delete Icon: This deletes the selected layer.

Inspector

Below the Library and Layers tab is the Inspector menu. This menu changes according to what is selected in the Library or Layers tab. Through the Inspector menu, users can modify the selected source in a variety of ways. Options for the Layer Inspector menu:

1. Layer opacity can be changed on a 0 to 100% scale.

2. Video sources can be changed to any source in the library via the source drop down menu.

3. For Mesh Layers, there is an additional option titled "Subdivisions". This option is very powerful as it allows the user to add additional subdivisions to the original square shape. These shapes can then be modified to create complex mappings onto a variety of screen shapes / geometries.

4. X and y vertices for each point of the input shape can be modified.

5. X and y vertices for each point of the output shape can be modified.

Options for the Library Inspector menu:

1. Source opacity can be changed on a 0 to 100% scale.

2. Source location can be modified by clicking on the ... button so that a source can be swapped for another or relocated on the users hard drive.

3. Source speed can be changed on a 0 to 100% scale.

4. Source audio volume can be changed on a 0 to 100% scale.

Shapes

Currently supported shapes are: Quads/Mesh, Triangle and Ellipse. When Meshes have a dimension of two by two (2x2) vertices, they are called Quads. When they have more than 2x2 vertices, they are called A Mesh. A Mesh is a grid of vertices that allow more flexible mapping for complex output shapes.

To create a new shape, choose a source in the library and click on Quad/Mesh, Triangle or Elipse icon. A new shape will immediately be displayed in the Output Editor, where the size and shape of it can be manipulated by clicking and dragging it's vertices. You can also click on a vertices and use the arrow keys to make micro adjustments to its position. You can also use the number boxes in the inspector window to move the vertices manually. To turn a Quad into a Mesh, change its dimension changing its width, height, number boxes.

Shapes can also be transformed via a set of transform controls. Click on a vertices and then use the following keyboard shortcuts to activate the controls.

M = Move

R = Rotate

S = Scale

Full Screen Mode

Before projection mapping onto a surface check the system preferences on your machine to make sure your computer is not set on mirroring, but instead is set so that your projector is an external / additional monitor. Then use the Toggle Full Screen icon at the top of the MapMap Menu to send the output editor content to your projector or external monitor.

Special note for Apple Users: In your System Preferences > Mission Control. Make sure that "Displays have separate Spaces" is clicked or you will have control issues when you go to full screen.

Display Controls

Display Controls give the user the ability to select and move vertices both in the input and output editor menus. To hide these controls click on the top menu "View" and then click on "Display controls". Click on it again to re-enable Display Controls.

Save the project to a file

To save the current project, choose "File > Save as..." and then choose a file name. The extension file is ".mmp", but the file format is simply XML, a very common one.

Load a project from a file

To load a project from a file, choose "File > Open...".

External Control using OpenSoundControl (OSC)

IMPORTANT: This feature is currently not supported on macOS.

MapMap supports the OpenSoundControl communication protocol. Currently supported actions allow full control of existing sources and layers, such as changing a source file, adjusting opacity and visibility, changing volume, etc.

The default OSC port can be changed from the Preferences menu.

MapMap provides a flexible way to control groups of sources and layers using regular expressions. For example the following OSC message will change the opacity of all sources whose name starts with "movie-" to 50%:
/mapmap/paint/opacity ,sf "movie-*" 0.5 Read the MapMap OSC reference
To report a problem or suggest an enhancement please open a new issue on GitHub

Other ways to reach us:

Sofian Audry: lead developer, user interface designer, project manager.

Dame Diongue: developer.

Alexandre Quessy: release manager, developer, technical writer, project manager.

Mike Latona: user interface designer.

Vasilis Liaskovitis: developer.

MapMap is made possible thanks to the generous support of the following organizations:

macOS

To display more information about the errors that might occur, launch MapMap from the command line. To do so, open the Terminal application, that is located in /Applications/Utilities from Finder then type " /Applications/mapmap.app/Contents/MacOS/MapMap", and hit the Return key.

# data[].attributes.attachment_link.title
MapMap - open source video mapping software

# data[].attributes.attachment_link.description
MapMap is an open source video mapping software

# data[].attributes.attachment_link.title
Cake Projection Mapping Tutorial (Using Free Software)

# data[].attributes.attachment_link.readable_text
BijaRi e o mundo do videomapping

Este ano no Festival da Serrinha o coletivo BijaRi vai promover uma oficina de criação multimídia que vai "animar" a mata: uma interferência artística na natureza da Serrinha com videomapping, projeção e luzes. Mas o que é videomapping mesmo?

Perguntamos ao Google e encontramos a seguinte definição:
"Video mapping ou mapeamento de vídeo é uma técnica que consiste na projeção de vídeo em objetos ou superfícies irregulares, tais como estruturas de grandes dimensões, fachadas de edifícios e estátuas (cuja projeção pode ser feita a 360º). Através da utilização de um software especializado, os objetos de duas ou três dimensões são formados virtualmente. A partir dessas informações o software interage com um projetor para adaptar qualquer imagem à superfície do objeto escolhido. Pode-se dizer que há uma reconstrução do espaço real existente através da adição de espaço virtual. Com esta técnica os artistas podem criar dimensões extras, ilusões ópticas e noções de movimento em objetos estáticos. Normalmente são criadas narrativas audiovisuais através da combinação ou desencadeamento de vídeo com áudio."
Pra ajudar a entender esse verbete da Wikipedia, resolvemos buscar referências do que tem sido feito ultimamente com esta técnica e encontramos muita coisa bacana:
O que parece ser o maior videomapping já feito
The Biggest VideoMapping Ever by SIEDEMZERO™ from Pawel Piotr Przybyl on Vimeo.

Foram 104 projetores, 2.000.000 de ansilumens e um público de 100.000 pessoas. O "iMapp Bucharest 555", foi um videomapping projetado na fachada do People's House, o segundo maior edifício do mundo depois do Pentágono.
Um videomapping no rosto de uma pessoa
OMOTE / REAL-TIME FACE TRACKING & PROJECTION MAPPING from nobumichi asai on Vimeo.

O Projeto Omote é uma colaboração entre o artista multimídia Nobumichi Asai, o make-up artist Hiroto Kuwahara e o engenheiro de imagem digital Paul Lacroix.
O videomapping interagindo com uma perfomance musical
Videomapping Dance Performance by erLab [2010] from erLab on Vimeo.
Uma árvore que ganha vida numa praça
Symbiosis é um termo da ecologia que designa uma relação mutuamente vantajosa entre dois ou mais organismos vivos de espécies diferentes. E é dessa forma que a Symbiosis da artista paraense Roberta Carvalho ocorre: da relação entre os entes imagem (arte) e natureza, gerando uma escultura de luz, uma criatura verde, uma árvore observadora.
O videomapping que o BijaRi fez na Sala São Paulo
O BijaRi usou o diálogo entre a música e a arquitetura sofisticada da Sala São Paulo para criar uma experiência lúdica, sonhadora, quase infantil, capaz de aliviar tensões e preparar os sentidos para a apresentação que estava prestes a começar.
E claro, um videomapping na floresta!
Projections in the Forest from 3hund on Vimeo.

"Bioluminescent forest" é um projeto dos artistas Friedrich van Schoor e Tarek Mawad. Eles passaram seis semanas na floresta fascinados pelo silêncio e as ocorrências naturais na natureza, especialmente o fenômeno da bioluminescência. Então, personificaram a floresta para acentuar a beleza natural através da criação de plantas luminescentes.

Ficou curioso para entender mais desse universo? Participe da oficina com o coletivo BijaRi, que vai acontecer na primeira semana de festival, de 07 a 11 de julho. Os integrantes do coletivo vão compartilhar com os participantes o processo de criação e montagem de uma instalação multimídia na área de mata nativa da Fazenda Serrinha. O grupo irá trabalhar na produção de dispositivos luminosos, conteúdos para vídeos e prospecção dos territórios em busca das melhores locações para a obra. O objetivo não é de capacitar tecnicamente os alunos em softwares e sistemas eletrônicos, mas proporcionar uma experiência estética e imersiva. Garanta a sua vaga!

07 a 11 de julho [terça a sábado]
terça a sexta, das 10h às 18h
sábado até as 13h
15 vagas
R$300,00
Sugestão do que trazer: computador, máquina fotográfica e de filmar, material de trabalho e, se puder, aparatos e equipamentos para produção de projeções e composições luminosas
Local: Fazenda Serrinha
+ info:http://www.arteserrinha.com.br/oficinas-2015/workshop/

# data[].attributes.attachment_link.title
BijaRi e o mundo do videomapping - FESTIVAL DE ARTE SERRINHA

# data[].attributes.attachment_link.description
Este ano no Festival da Serrinha o coletivo BijaRi vai promover uma oficina de criação multimídia que vai "animar" a mata: uma interferência artística na natureza da Serrinha com videomapping, projeção e luzes. Mas o que é videomapping mesmo?

# data[].attributes.attachment_link.readable_text
MIT Visiting Scholar and GRAMMY® Award-winning artist, Lupe Fiasco, experiments with our latest large language model PaLM 2 and MakerSuite to build AI tools for writers, rappers and wordsmiths.

# data[].attributes.attachment_link.description
Help test early-stage experiments to shape the future of technology, together.

# data[].attributes.attachment_link.readable_text
When you visit websites, they may store or retrieve data in your browser. This storage is often necessary for the basic functionality of the website. The storage may be used for marketing, analytics, and personalization of the site, such as storing your preferences. Privacy is important to us, so you have the option of disabling certain types of storage that may not be necessary for the basic functioning of the website. Blocking categories may impact your experience on the website.

# data[].attributes.attachment_link.title
Thunkable: Best no code app builder | No code app creation

# data[].attributes.attachment_link.description
Thunkable is the most powerful mobile app development platform that allows anyone to create an app without needing to know how to code.

# data[].attributes.attachment_link.description
Scratch is a free programming language and online community where you can create your own interactive stories, games, and animations.

# data[].attributes.attachment_link.title
Learn computer science. Change the world.

# data[].attributes.attachment_link.description
Every student in every school deserves the opportunity to study computer science.

# data[].attributes.attachment_link.title
Khan Academy | Cursos, aulas e prática on-line gratuitos

# data[].attributes.attachment_link.description
Aprenda Matemática, Artes, Programação de Computadores, Economia, Física, Química, Biologia, Medicina, Finanças, História e muito mais, gratuitamente. A Khan Academy é uma organização sem fins lucrativos com a missão de oferecer ensino de qualidade gratuito para qualquer pessoa, em qualquer lugar.

# data[].attributes.attachment_link.readable_text
Tone.js is a framework for creating interactive music in the browser. It provides advanced scheduling capabilities, synths and effects, and intuitive musical abstractions built on top of the Web Audio API.

Tone.Synth is a basic synthesizer with a single envelope and single oscillator.

triggerAttackRelease is a combination of two methods: triggerAttack when the amplitude is rising (for example from a 'key down' or 'note on' event), and triggerRelease is when the amplitude is going back to 0 ('key up' / 'note off').

triggerAttackRelease

The first argument to triggerAttackRelease is the frequency which can either be a number (like 440) or as "pitch-octave" notation (like "D#2").

The second argument is the duration that the note is held. This value can either be in seconds, or as a tempo-relative value.

The third (optional) argument is when the note should be scheduled to play. With no argument, the note plays immediately, but it can also be scheduled to play anytime in the future.

Web Audio has advanced, sample accurate scheduling capabilities. The AudioContext time, which is the reference clock that Web Audio uses to schedule events, starts at 0 when the page (or iframe) loads and counts up in seconds.

The third argument of triggerAttackRelease is when along the AudioContext time the note should play. It can be used to schedule events in the future.

Tempo-Relative

Tone.js abstracts away the AudioContext time. Instead of defining all values in seconds, any method which takes time as an argument can accept a number or a string. For example "4n" is a quarter-note, "8t" is an eighth-note triplet, and "1m" is one measure. These values can even be composed into expressions.

Read more about Time encodings.

Instead of scheduling relative when the page load (AudioContext time = 0) like the examples above, Tone.js provides the Tone.Transport which allows events to be scheduled along a seekable, restartable and editable timeline.

One-time and repeated events can be scheduled relative to the Transport's position (instead of just the AudioContext time) using schedule and scheduleRepeat. The Transport will invoke the scheduled callback and return the precise AudioContext time of the scheduled event.

Since Javascript callbacks are not precisely timed, the sample-accurate time of the event is passed into the callback function. Use this time value to schedule the events.

Unlike the AudioContext, the Transport can be looped, stopped and restarted.

Tempo

The Transport is the master timekeeper, allowing for application-wide synchronization of sources, signals and events along a shared timeline. Time expressions (like "4n" and "2:0") are evaluated against the Transport's BPM which can be set like this: Tone.Transport.bpm.value = 120.

Loops

Tone.js provides even higher-level abstractions for scheduling events. Tone.Loop is a simple way to create a looped callback that can be scheduled to start, stop and repeat along the Tone.Transport.

Read about Tone.js' Event classes.

Parts

Tone.Part allows you to schedule an array of events which can be started, stopped, and looped along the Transport.

All of the Tone.Event classes also allow you to adjust the playbackRate separate from the Transport's bpm. This can create some interesting phasing.

Pass in JSON settings for any of the Tone.js instruments, effects and components to set their values. The synths and effects are capable of a diverse range of sounds.

All instruments are monophonic (one voice) but can be made polyphonic when the constructor is passed in as the second argument to Tone.PolySynth. Tone.PolySynth creates multiple instances of an instrument and manages the voice allocations.

Read more about Instruments.

In the above examples, the synthesizer was always connected directly to the master output, but the output of the synth could also be routed through one (or more) effects before going to the speakers.

Read more about Effects.

Tone has a few basic audio sources like Tone.Oscillator which has sine, square, triangle, and sawtooth waveforms, a buffer player ( Tone.Player), a noise generator ( Tone.Noise), a few additional oscillator types ( pwm, pulse, fat, fm) and external audio input (when WebRTC is supported).

Read more about Sources.

Like the underlying Web Audio API, Tone.js is built with audio-rate signal control over nearly everything. This is a powerful feature which allows for sample-accurate synchronization and scheduling of parameters.

Read more about Signals.

More resources can be found on the github page, forum, wiki, and demos

# data[].attributes.attachment_link.description
Tone.js is a framework for creating interactive music in the browser. It provides advanced scheduling capabilities, synths and effects, and intuitive musical abstractions built on top of the Web Audio API. Tone.Synth is a basic synthesizer with a single envelope and single oscillator.

# data[].attributes.attachment_link.readable_text
Draw on the Canvas With JavaScript

All drawing on the HTML canvas must be done with JavaScript:

Example

Try it Yourself "

Step 1: Find the Canvas Element

First of all, you must find the <canvas> element.

This is done by using the HTML DOM method getElementById():

Step 2: Create a Drawing Object

Secondly, you need a drawing object for the canvas.

The getContext() is a built-in HTML object, with properties and methods for drawing:

var ctx = canvas.getContext("2d");

Step 3: Draw on the Canvas

Finally, you can draw on the canvas.

Set the fill style of the drawing object to the color red:

ctx.fillStyle = "#FF0000";

The fillStyle property can be a CSS color, a gradient, or a pattern. The default fillStyle is black.

The fillRect( x,y,width,height) method draws a rectangle, filled with the fill style, on the canvas:

ctx.fillRect(0, 0, 150, 75);

# data[].attributes.attachment_link.description
All drawing on the HTML canvas must be done with JavaScript: Try it Yourself " First of all, you must find the element. This is done by using the HTML DOM method getElementById(): Secondly, you need a drawing object for the canvas.

# data[].attributes.attachment_link.readable_text
Uma tecnologia que sempre chamou a minha atenção é a Realidade Virtual. O termo não é nem um pouco recente e muitos experimentos já foram feitos, desde os fracassados, como é o caso do Virtual Boy (não é mesmo, Nintendo?), até os mais bem sucedidos que vemos hoje no mercado, como o Oculus Rift, HTC Vive e afins.

No entanto, apesar do hardware ser muito mais avançado e proporcionar uma experiência bastante imersiva, ele ainda é extremamente caro. Além disso, é composto de muitos sensores e fios, o que impossibilita sua locomoção.

Em paralelo ao avanço desta tecnologia, surgiu a chamada Realidade Aumentada. A premissa, por sua vez, é diferente da que temos com o VR. Aqui, a ideia não é inserir o usuário em um novo mundo, mas sim, ultrapassar os limites da realidade física e trazer novos elementos virtuais ao nosso plano.

Por ser uma tecnologia mais barata, e consequentemente mais acessível, muitas empresas estão apostando algumas fichas nela e muita coisa bacana já está saindo. Um exemplo disso é a própria Apple (a primeira empresa do mundo que alcançou o valor de mercado de US$ 1.000.000.000.000 de dólares!), que lançou uma plataforma dedicada exclusivamente a isso, o ARKit.

E como estou falando de evolução, não tem como fugir da Web; e é neste ponto que as coisas começam a ficar interessantes. Hoje já existem algumas APIs que nos permitem utilizar tanto a realidade virtual quanto a aumentada no navegador. É isso mesmo! E como eu sei que você não está acreditando, vou provar com apenas 10 linhas de HTML.

Conheça o AR.js

No primeiro trimestre de 2017 foi lançada uma biblioteca muito curiosa chamada AR.js. O projeto hoje já possui mais de onze mil estrelas no GitHub, está sob licença MIT, e não para de crescer. Desde o seu início, uma das premissas é que podemos brincar com realidade aumentada com poucas linhas de código.

Para provar isso, os engenheiros disponibilizaram uma demo que podemos testar tanto no nosso computador quanto no celular. Essa demo não é nada mais do que um HTML com 10 linhas de código:

Referências

De 0 a 10, o quanto você recomendaria este artigo para um amigo?

# data[].attributes.attachment_link.title
Realidade Aumentada na Web com só 10 linhas de HTML - iMasters - We are Developers

# data[].attributes.attachment_link.description
Uma tecnologia que sempre chamou a minha atenção é a Realidade Virtual. O termo não é nem um pouco recente e muitos experimentos já foram feitos, desde os fracassados, como é o caso do Virtual Boy (não é mesmo, Nintendo?), até os mais bem sucedidos que vemos hoje no mercado, como o Oculus Rift, HTC Vive e afins.

# data[].attributes.attachment_link.readable_text
O iOS 11 está entre nós. Por baixo dos panos, uma das maiores novidades é o ARKit, plataforma de realidade aumentada da Apple. Nós já mostramos os primeiros experimentos feitos com ARKit e eles foram impressionantes (tem muitas possibilidades a serem exploradas). Mas como trazê-los para a tela do seu celular?

Se você já atualizou o para o iOS 11 e tem um iPhone 6s ou superior, experimentar o ARKit é tão fácil quanto baixar um aplicativo. Então listamos aqui apps que você mesmo pode baixar para testar essa nova plataforma da Apple.

Em vídeo

MeasureKit: meça tudo ao seu redor

Um dos mais esperados, o MeasureKit é capaz de medir distâncias do mundo real usando o ARKit. Ele consegue se tornar uma régua, parar medir linhas retas; fazer trajetórias espaciais; marcar um ponto fixo no espaço para medir distâncias; medir cantos e ângulos (em graus); medir a altura de alguém comparando o nível do chão com o rosto; criar cubos para ver o volume das coisas; e também funciona como nível, para ver se alguma coisa está perfeitamente alinhada.

Baixe o MeasureKit gratuitamente. A versão grátis só libera a régua; para usar as outras ferramentas de medição, você precisa pagar US$ 2,99.

Night Sky: veja o sistema solar

Funciona para ver os planetas e as estrelas do sistema solar. No modo de realidade aumentada, você consegue acelerar a rotação dos planetas ao redor do Sol e ver como será o comportamento dos astros nos próximos anos. Também há um modo retroativo, que mostra como eles se comportaram no passado.

Baixe o Night Sky gratuitamente. A notícia ruim é que o aplicativo é freemium. Esse modo de planetário que usa AR faz parte do premium e custa US$ 10 por ano, mas você pode testar gratuitamente por um mês.

Magicplan: planeje construções

Esse aplicativo é legal para quem mexe com engenharia ou arquitetura: você pode escanear o chão de um quarto (e de uma casa inteira) para planejar a planta baixa com as medidas certas. Em cada planta, é possível adicionar diversas informações, adicionar mais quartos, enfim. Muita coisa.

Baixe o Magicplan gratuitamente.

GIPHY World: GIFs no mundo real!

Se os GIFs já são bons na internet, imagine no mundo real!!!1 É o que faz o GIPHY World, app da gigante biblioteca de GIFs. Existem alguns pré-definidos, mas também é possível procurar por stickers, que são colocados espacialmente no ambiente que você estiver (apesar de serem 2D). É legal para brincar.

Baixe o GIPHY World gratuitamente.

Quartz: notícias em realidade aumentada

...ou quase isso. O app é um chatbot que envia para você as notícias do dia de vários veículos diferentes. Ele também promete mostrar vários objetos em realidade aumentada para te ajudar a "entender" as notícias. Até agora, só descobri uma nave espacial da Nasa.

Baixe o Quartz gratuitamente.

JigSpace: conhecimento em realidade aumentada

Sabe quando a gente fala que a realidade aumentada pode ajudar a melhorar o aprendizado? Por meio do JigSpace, você pode ver várias coisas em 3D para entender melhor como funciona, como as camadas da Terra; há várias categorias principais, como ciência, espaço, máquinas e história. Muito legal!

Baixe o JigSpace gratuitamente.

Apps que te ajudam a comprar alguma coisa

A gama de apps que usam a realidade aumentada para o marketing é tão grande que eu resolvi listar alguns que te ajudam a comprar o que você quer; ou seja, permitem ver como o produto fica dentro da sua casa.

Jogos gratuitos

Edmunds: esse é para quem gosta de carro. O app serve para comprar e comparar veículos, mas também dá para ver se ele se encaixa na sua garagem. Para fazer isso, basta procurar um modelo de carro compatível, clicar na opção Can It Fit? e seguir as instruções para medir o espaço.

IKEA Place: esse app da gigante empresa especializada na venda de móveis te ajuda a ver como o catálogo deles se encaixa no seu quarto, banheiro, sala, enfim. Infelizmente não está disponível na App Store brasileira.

Tok&Stok Decora: mas não tem problema: o Decora, da Tok&Stok, tem a mesma função e está disponível no Brasil. Antes, você precisava imprimir um marcador para ele funcionar com o seu celular. Com o ARKit, dá para fazer só com a câmera do seu celular. Basta selecionar o produto e clicar em Decorar no canto superior direito.

Warhammer 40,000: Freeblade: é um jogo normal com gráficos muito bons e que usa até o 3D Touch para alguns recursos, mas também há o modo de AR, em que você consegue visualizar personagens do game lutando entre si.

Jogos e apps pagos

Não conseguimos testar esses, mas estão em destaque na App Store e parecem ser bem desenvolvidos sobre o ARKit. Vale dar uma olhada caso você esteja disposto a gastar um pouco:

Não é útil, mas é legal (e grátis!)

Thomas e Seus Amigos: Minis: é um jogo mais infantil, no qual você precisa construir trilhas de trem para o Thomas e Seus Amigos andarem (eu adorava esse desenho quando era criança). Dá para ver a sua criação em realidade aumentada tocando no ícone no canto superior esquerdo.

Kings of Pool: te deixa criar uma mesa de sinuca em realidade aumentada e jogar movimentando a câmera pelo ambiente. Muito legal!

powARdup: é um jogo simples, em que você controla uma nave e precisa sobreviver em meio aos inimigos.

Stack AR: outro joguinho simples, no qual o objetivo é empilhar direitinho várias placas e não fazer com que elas quebrem.

AR Runner: é um jogo competitivo, em que você precisa correr sobre uma determinada área e passar por checkpoints no caminho.

Dragon ARena: como o nome sugere, cria-se uma arena de dragões que batalham entre si.

Zombie Gunship Revenant AR: outro jogo de batalha. Você tem o controle de um helicóptero de guerra e precisa defender a base de zumbis que estão tentando invadi-la.

Drive Ahead! Minigolf: como o nome sugere, é um jogo de minigolf que funciona com AR.

MathNinjaAR: esse game é só para quem gosta de matemática: ele te dá desafios simples que você precisa resolver clicando nos bichinhos no cenário que têm a resposta sobre a cabeça.

-

CARROT Weather: mostra a previsão do tempo em realidade aumentada, por US$ 3,99.

Human Anatomy Atlas 2018: mostra o corpo humano por dentro, por US$ 0,99.

Fitness AR: permite que você explore suas corridas e percursos de bicicleta registrados na Strava usando AR, por US$ 2,99.

Splitter Critters: um jogo no qual o propósito é reorganizar um mundo dividido, que ganhou o modo de AR recentemente. Custa US$ 2,99.

Kidu: um jogo que você precisa girar o celular para mover o personagem no universo e resolver desafios. Ganhou um novo nível com AR recentemente e custa US$ 1,99.

PuzzIAR: World Tour: como o nome sugere, faz um tour pelos principais pontos turísticos do mundo graças a realidade virtual. Custa US$ 2,99.

AMON: complete quebra-cabeças em realidade aumentada, por US$ 2,99.

Euclidean Lands: um jogo de puzzles que giram em torno de um cubo, agora com modo de realidade aumentada para todos os níveis. Custa US$ 3,99.

E você, também já achou outros apps legais que usam o ARKit? Conta pra gente!

Você pode se interessar também

Citymapper: pode parecer estranho, mas um dos melhores apps de transporte público tem um modo de realidade aumentada. Não, ainda não é para te ajudar a se localizar na cidade grande (deveria!). É só clicar no mascote com óculos de VR que você consegue colocar um ônibus e os mascotes do aplicativo logo na sua frente.

#wordup: esse app deixa você escrever qualquer coisa e visualizar isso no mundo real. Uma versão Pro que custa US$ 1,99 oferece mais 10 fontes e 8 cores diferentes.

SuperPaint: João Dória até tremeu. Com esse app, você consegue pichar muros como se o seu celular fosse um grafite.

PorscheAR - Imagine: como o nome sugere, ele deixa você imaginar como seria ter alguns modelos da Porsche na vida real. Você pode posicionar o carro na sua frente e até fazer um test drive. Infelizmente, não está disponível na App Store brasileira.

Holo: deixa você ver hologramas pré-definidos na tela do celular.

Miaow: quer ter um gato mas não pode? Esse app anima um gatinho na sua tela.

AR Dragon: e um dragão? A não ser que você tenha sangue de Targaryen e viva no universo de Westeros, não é muito possível ter um dragão hoje em dia. Mas com esse app você pode ter um dragão bebê e ir cuidando dele até ele crescer. Que fofo.

# data[].attributes.attachment_link.title
Os melhores apps de realidade aumentada para usar no iOS 11 - Celular

# data[].attributes.attachment_link.description
O iOS 11 está entre nós. Por baixo dos panos, uma das maiores novidades é o ARKit, plataforma de realidade aumentada da Apple. Nós já mostramos os primeiros experimentos feitos com ARKit e eles foram impressionantes (tem muitas possibilidades a serem exploradas). Mas como trazê-los para a tela do seu celular?

# data[].attributes.body
➱ ARJS - https://aframe.io/blog/arjs/
➱ Tree.js - https://threejs.org/
➱ HP Reveal - https://www.hpreveal.com/
➱ Augment - https://www.augment.com

# data[].attributes.attachment_link.title
Como fazer o óculos de realidade virtual caseiro | Como fazer o GOOGLE CARDBOARD

# data[].attributes.attachment_link.readable_text
Just a few of many, many, many amazing projects that are on the web where Tech meet the Art... this time focused on Arduino (or simple electronics) projects... Enjoy!

Artist: Rob Seward

The installation consists of four units, each capable of displaying all 26 letters of the alphabet with an arrangement of fluorescent lights. The piece displays an algorithmically generated word sequence derived from a word association database developed by the University of South Florida between 1973 and 1998. The algorithms take into account word meaning, rhyme, letter sequencing, and association.

There's a mac mini running Processing that sends alignment data to 4 arduino boards (one for each letter) that are chained together. The positions of the lights are stored in an XML file. There is an app that allows Rob to tweak the positioning in case anything gets out of alignment (see first image below). There's another app just takes what you write on the keyboard and sends it straight to the machine - that's what was used in the A-Z section of the video. The third app reads lists and sends words to the sculpture. Rob describes it as a bit more complicated than he thought it would be because there are certain transitions the sculpture cannot do without intermediary positioning of the lights. For example, if S goes to D, the top and bottom lights will collide, causing the machine to jam. The processing app makes sure that none of these problem transitions occur without inserting an intermediary arrangement of the lights that allows them to move safely.

The installation in total includes 4 arduinos, 20 servos, 8 Step motors, 24 3.9 inch CCL (cold cathode) lights and their inverters. Each arduino has 2 steppers, 5 servos, and 6 lights to control. There are 2 custom shields on each arduino - one for the lights and one for the motors. I wrote a library to operate the servos and stepper simultaneously which you can download here (github).

source: http://www.creativeapplications.net/processing/four-letter-words-arduino-processing/

Artist: Matthias Dörfelt

Created by Matthias Dörfelt, Mechanical Parts is a series of graphic connectors created by Robo Faber, an autonomous drawing robot determined to reproduce. The robot continuously creates drawings generated using a preset system Matthias developed for Weird Faces and the I Follow flip books. The system works around the idea of thinking how the drawings are created by hand and the same logic designed into the algorithm.

Each connector, or "mechanical part" is entirely random and unique, based on the presets Matthias programmed. In this way the robot can draft an infinite amount of connectors while looking like it is sketching and thinking about a mechanism to reproduce.

There is no logic to which connectors go together and the intention was to leave it open to the audience to find the connections that make sense to them. Matthias thinks a perfect fit could be generated at some point, in theory.

Robo Faber is a custom built differential drive robot consisting of two dc motors with encoders at each of the motor shafts. Custom Arduino driver software has been written to approximate the robots position based on the encoders and to allow the robot to follow arbitrary bezier curves. Like in Weird Faces and the I Follow, the drawings are generated using PaperJS.

Source: http://www.creativeapplications.net/arduino-2/autonomous-drawing-robot-by-matthias-dorfelt-determined-to-reproduce/

Artist: Miniaforms

Created by London based experimental architecture and design studio Minimaforms, this project is speculative life-like robotic environment that raises questions of how future environments could actively enable new forms of communication with the everyday. The artificial intelligent creatures have been designed with the capacity to learn and explore behaviours through interaction with participants.

The tracking and the machine awareness of participant(s) is enabled through Kinect and data scanning with Processing. These allow identification of visitor presence within the physical space. Real time camera streams are processed and coupled with blob tracking and optical flow analysis to locate positions and gestural activity of participants. In addition to the Processing sketch for the installation, the team have also been developing more complex future scenario situations where through simulation possible behaviour patterns could be analysed and further refined.

source: http://www.creativeapplications.net/processing/petting-zoo-by-minimaforms-intelligent-artificial-creatures-designed-to-learn-and-explore/

Artist: Readiymate (from Kicksatarter)

reaDIYmates are fun Wifi objects that move and play sounds depending on what's happening in your digital life.
Assemble them easily in 10 minutes, then decide what you want them to do through a simple web interface. Link them to your digital life (Gmail, Facebook, Twitter, Foursquare, RSS feeds, SoundCloud, and more to come) or control them remotely in real time from your iPhone.

Choose from a variety of existing designs, use our templates or create your own object. You don't need any creative or technical skills to build and use your reaDIYmate, but if you want to go further, we made it super easy for you to change designs, write applications, or add inputs and outputs.

Source: Readymate.com

Creative director/ Software engineer: Daito Manabe
Hardware engineer: Motoi Ishibashi
Video director: Muryo Homma
Installation designer: Youichi Sakamoto

'Tantra' is the new single from Timo Maas, taken from his latest artist album, 'Lifer. The video for the single, created by Daito Manabe, Motoi Ishibashi, Muryo Homma and Youichi Sakamoto (rhizomatiks) includes a machine that uses Arduino controlled ball dispensers, motorised rotating steel plates and LED lights to create a nexus between electronic music and a sound responsive mechanical object.

'Tantra' track was first deconstructed into MIDI parts, the data that specified notation, pitch and velocity. Each control signals are used as parameters - volume, vibrato, audio panning, cues - to run through the machine to control its movement.

Source: http://www.creativeapplications.net/openframeworks/timo-maas-tantra-nexus-between-music-and-a-sound-responsive-mechanical-object/

Artist: Tangible Media Group - MIT

Project by Daniel Leithinger, Sean Follmer and Hiroshi Ishii at the Tangible Media Group / MIT Media Lab.
Academic Support: Alex Olwal
Software Engineering Support: Akimitsu Hogge, Tony Tang, Philip Schoessler
Hardware Engineering Support: Ryan Wistort, Guangtao Zhang, Cheteeri Smith, Alyx Daly, Pat Capulong, Jason Moran
Video Support: Basheer Tome

Created at the Tangible Media Group / MIT Media Lab, inFORM is a Dynamic Shape Display that can render 3D content physically, so users can interact with digital information in a tangible way. After the leaked video the project went viral on YouTube last week, the team have now put out the full documentation of the project including some making of information + images and videos for CAN.

The first version of inFORM project was called Relief, and subsequently Recompose. Their initial attempt at prototyping the interface was called Contour. inFORM is a project can also interact with the physical world around it, for example moving objects on the table's surface. Remote participants in a video conference can be displayed physically, allowing for a strong sense of presence and the ability to interact physically at a distance. inFORM is a step toward their vision of Radical Atoms. Past research on shape displays has primarily focused on rendering content and user interface elements through shape output, with less emphasis on dynamically changing UIs. They propose utilising shape displays in three different ways to mediate interaction: to facilitate by providing dynamic physical affordances through shape change, to restrict by guiding users with dynamic physical constraints, and to manipulate by actuating physical objects.

The project uses Kinect for input and a custom 30×30 actuator table, displays and projectors for output. 150 custom Arduino PCB's are controlled by custom software written in openFrameworks. The process includes capturing Kinect data, running colour tracking and generating normalise image and combining into 3d tracking, also running touch tracking and generating a combined depth map which is converted into the position of pistons. For more information, see the links below.

Source: http://tangible.media.mit.edu/project/inform/

Just an amazing project to do with your Arduino (or compatible) board... one image (or a video) is worth more than a thousand words this time. (Video Below).

You can say this is a "full time" job for an arduino... and in the end, a clock work is timeless?

A clock that plots time. Designed with makeability in a fablab/makerspace/hackerspace in mind.

You need:
- Laser cutter or 3D printer
- 1 Arduino
- 3 servos
- 1 dry wipe pen
- M3 nuts, bolts, thread tap

Source: http://www.thingiverse.com/thing:248009

Artist: Frivolous Engineering

Not too much comment on it... but is amazing idea, went viral on 2009 and let´s face it... we all want one of this!!! 😉 (but no arduino on it, sorry!) 😉

Source: http://www.instructables.com/id/The-Most-Useless-Machine/?ALLSTEPS

.

.

.

.

.

and my personal favorite...

Artist: Pangenerator

Earlier this year panGenerator was invited by Copernicus Science Center to create an installation for the new media and technology oriented Transformations Festival and given the central idea of this years edition - empowering people via new tools such as 3d printing and new collaboration frameworks, the team decided to implement an idea they developed some time ago. They strived for something that generates intricate emergent behaviours based on very simple and autonomous building blocks.

The main, and only component of Constellaction installation/experience was a small, vacuum formed tetrahedron. Inside there were custom made electronics driven by ATtiny24A microcontroller which already included all of the things the team were looking for - it was working with voltages as low as 1.8V, consumed small amounts of current and had enough i/o pins. For light detection they used three standard photoresistors, each pointed to corresponding face and the same amount of SMD LED's were used for producing light. On top of that they added a tiny buzzer making some noise along with the blink. As for power supply two CRC2032 batteries were used, and thanks to heavy power consumption optimisations (such as utilising watchdog timer) the tetrahedrons are working even today - a month after the event.

The rules of behaviour are simple - if the tetrahedron detects sudden change of light intensity (caused for example by casting shadow or pointing a flashlight ) it blinks for a short period of time with fixed delay, additionally making a sound. When there are other tetrahedrons nearby they might catch this light and pass it further, giving an effect of a "light wave". The high-level patterns are built upon this simple rule and are shaped by the participants playing with the installation consisted of 400 blinking tetrahedrons. In the result the Constellaction "shape" evolved and branched during the evening, depending on the collaborative effort of the whole audience, effectively showing what emergence is all about.

Source: http://www.creativeapplications.net/arduino-2/constellaction-intricate-emergent-behaviour-using-autonomous-building-blocks/

Related Posts

Printoo is an Arduino-based platform of paper-thin, low-power boards and modules that gives makers new levels of creative flexibility. What is Printoo? Printoo is a platform of paper-thin circuit boards and modules. It gives makers an open-source, lightweight, flexible, and modular Arduino-compatible platform to create just about anything you want!...

While i was searching on the internet a list on Arduino based projects on Kickstarter, i couldn´t find a good list... so i made one! at least the projects i really like. If you feel there is a project missing, or would like your project to be promoted on the...

Power sockets could log your electricity consumption The power authentication system knows which gadgets have been plugged in Charging up portable gadgets might soon mean taking a charge on your credit card. Sony is working on an authentication system that spots which device has been plugged into a power outlet....

# data[].attributes.attachment_link.title
9 amazing projects where Arduino & Art meet!

# data[].attributes.attachment_link.description
Just a few of many, many, many amazing projects that are on the web where Tech meet the Art... this time focused on Arduino (or simple electronics) projects... Enjoy! Artist: Rob Seward The installation consists of four units, each capable of displaying all 26 letters of the alphabet with an arrangement of fluorescent lights.

# data[].attributes.attachment_link.readable_text
Dream big, we will take care of the rest

See what you can create with Arduino Cloud

Education

White Mountains Regional High School

Discover how this school is working with remote sensing applications that allow them to do things like automate lighting, regulate temperature, adjust humidity, and check on the greenhouse from their phones.

Industry 4.0

Smart ovens take a leap into the future

How a strong partnership and the Arduino Portenta Machine Control led historical company Rinaldi Superforni to revolutionize their business

# data[].attributes.attachment_link.description
Dream big, we will take care of the rest See what you can create with Arduino Cloud Education White Mountains Regional High School Discover how this school is working with remote sensing applications that allow them to do things like automate lighting, regulate temperature, adjust humidity, and check on the greenhouse from their phones.

# data[].attributes.body
https://www.arduino.cc/

# data[].attributes.body
https://makeymakey.com/

# data[].attributes.attachment_link.title
Makey Makey Project - Hand Drawn Piano, Nice!

# data[].attributes.attachment_link.title
Fala - Rejane Cantoni e Leonardo Crescenti - Emoção Art.ficial 6.0 (2012)