Концепция · жива рисунка

Говорещ помощник от една рисунка

Една рисунка с молив, нарязана на слоеве, оживява в браузъра: диша, мига, гледа към вас и говори с истински глас. Без видео и без външни услуги.

Здравейте! Аз съм помощник, направен от една рисунка с молив. Натиснете бутон и ще ви разкажа как.

  1. 01

    Рисунката

    Една рисунка с молив на бял фон. Героят е цял, с празно място около него.

  2. 02

    Слоевете

    Тяло, глава, антена, ръка, очи и уста. Фонът става прозрачен по свързаност с края на листа.

  3. 03

    Движението

    Дишане, мигане, поглед към показалеца и жест с ръката — само CSS трансформации.

  4. 04

    Гласът

    Готови звукови файлове. Устата следва силата на звука през Web Audio.