Name: 用JavaScript創建美麗的LED藝術--布萊恩-休斯--美國2019年JSConf。 (Creating Beautiful LED Art with JavaScript - Bryan Hughes - JSConf US 2019)
Uploaded: 2021-01-14T10:22:02.000Z
Duration: 30 min 21 s
Description: 【看影片學英語】數萬部 YouTube 影片，搭配英漢字典即點即查，輕鬆掌握單字發音與用法，長久累積看電影不必再看字幕。

Creating Beautiful LED Art with JavaScript

How is everyone feel something [ Applause ]

So, for our next speaker, they'll be speaking about creating beautiful LED art with JavaScript.

LED art is something I'm pretty passionate about.

I got involved doing this three years ago for various festivals and things of that nature.

I wanted to talk about it because I think there's a lot of cool stuff here.

By the way, I have a lot of resources to go along with this talk.

You can find it at the URL at the bottom of this slide.

And don't worry, this URL will also be on the side of most of the other slides in the

So, like LED art is something that I find really fascinating in a lot of ways.

Because it really is a hybrid of technologies, specifically technology that we already tend

And I think there's a lot of misconceptions about what art really is.

We tend to think of it as this world that's just completely separate from technology.

We kind of view them as having no overlap whatsoever.

I think there's actually quite a bit of overlap.

Because when we really dig into it, art is quite technical, when you look at it.

For example, have you ever looked at how paints actually work?

We ought to think of painting as one of the sort of classic arts and we think of it as

When we look at how paints work, they are deeply technical.

There are all sorts of different types of paints that have different effects, cure differently,

different textures, different material properties.

There's different ways you can mix them, different ways they age.

There's a lot of technology behind paints.

And this is true of most art that's out there.

People who create art are really good at their craft.

They're really good at the technology of their arts.

We do classify these as different things for a reason.

So, the question of what is art, how do we define art?

That's one of those questions that's sort of puzzled philosophers for pretty much all

And I don't have to claim to have an answer to that question in its entirety.

But I do have one small claim to make to sort of get at the edges.

What I would say about art is that we create art by using technology to express emotional

And this is what separates art from the typical ways that we use technology.

Because in the case of technology, or in our case what we think of as technology is really

We're thinking about using technology to create a product, usually with the intention of generating

Or perhaps with users in theory, some magic Silicon Valley math generates revenue.

But we have a concept of revenue at the end of the day that drives it.

And with art, there really isn't that concept.

We're going to set that aside for a moment.

But with art, we're not trying to create revenue.

Our intention is to express truth about ourselves or the society or the world.

It's kind of an inward look and taking it out.

And we express this outside for what is inside of ourselves.

The way we do that, we first have to master our craft.

We have to understand the basics of what we do.

And for LED art specific, like this piece here, there's some technology that goes behind

And so, the first thing I want to talk about, I want to talk about how we can create visualizations

And we have to start by talking about color.

And specifically I want to talk about the HSV color space.

Which is the hue saturation value is what the acronym stands for, color space.

This is very similar to one you might have seen on the web, HSL, hue saturation luminous.

They're almost the same, there's a tiny difference to them.

But this is pretty important for understanding color and especially for doing art with it.

And to explain why we need this, first let's talk about RGB.

We express it in the space in terms of how much red is in it, how much green and how

much blue and they add together to create color.

We use this model because RGB is mechanically how we create color and work with color with

So, for example, with these LEDs, the way we create a specific color and hue is actually

three LEDs embedded in it, red, green and blue.

And we change how bright those three are to create any color.

Same with LED screens, projectors and anything we can think that have creates a visual device.

In fact the oldest RGB device is our eyes themselves.

We have three nerves that are light sensitive.

And specifically sensitive to relatively narrow ranges of light.

One towards green, one towards red, one towards blue.

We user it for color production and color sensing, it's a mechanical thing.

字幕列表影片播放

用JavaScript創建美麗的LED藝術--布萊恩-休斯--美國2019年JSConf。 (Creating Beautiful LED Art with JavaScript - Bryan Hughes - JSConf US 2019)

weird

sort

eventually

constant