Takayosi Amagi

Profile / Works / Media

Profile

Web Frontend Engineer.

amagitakayosi
fand

#Kyoto #Japan
#JavaScript #React #WebGL #GLSL
#Guitar #VJ #LiveCoding

Works

Apps / CLI / Libs

Apps

glsl-livecoder

GitHub

VJ / Live Coding environment for Atom.

Technically it's a GLSL environment like Shadertoy.
You can load images / videos and take audio / MIDI inputs.
It also supports webcam inputs, events from keyboard, and gamepads.

evil

https://evil.gmork.in/
GitHub

Synthesizer / Sequencer on the Web.
Its session view is heavily inspired by Ableton Live.

Built with Web Audio API.

Lolipop


GitHub

Music player for "lolicore" lovers.
Works on macOS and Windows.
Built with Electron + Vue.js.

Cyro

https://gmork.in/cyro
GitHub

Web Electronic Sampler.
Built with Cycle.js + RxJS.

Guitar Breaks

https://gmork.in/guitarbreaks
GitHub

Breakcore sampler for GuitarFreaks gamepad.
Built with Mithril.js, Web Audio API and Gamepad API.

RVD

https://gmork.in/RVD
GitHub

Web Video Sampler / Sequencer.

It parses hexadecimal string to binary pattern.
For example, 0xFEFE0808 is parsed as
1111 1110 1111 1110 0000 1000 0000 1000.

Built with React + Flux.

Mokugyo Clicker

GitHub

A parody of CookieClicker.

Random Font Generator

Glitched SVG Web Font Generator.
Unavailable now (SVG font is deprecated).

Contraster

GitHub

Contrast calculator for accessibility.
Built with AngularJS.

glitch you

GitHub

Detect faces in images and glitch 'em randomly.

Bakemonogatari Logo Generator

GitHub

Generates Bakemonogatari (化物語) logo using <canvas>.
This is my first web app.

CLI

aozora

GitHub

CLI client for Aozora Bunko (青空文庫).

irasutoya

GitHub

CLI client for Irasutoya (いらすとや).

glsl2img

GitHub

Renders png / animated GIF for GLSL fragment shader.

Clonepool

GitHub

Git utility designed for Scala.
Its website is built Scala.js, React and ScalaCSS.

circle-text

GitHub

ⒺⓃⒸⓁⓄⓈⒺⒹ ⒸⒽⒶⓇⓈ.

Libs

See github.com/fand and npmjs.com/~fand.

Media

Blog

Hatena Blog: マルシテイア
Medium: @amagitakayosi

WebGL Study

Studies of WebGL / GLSL.
Built with TypeScript, React and Three.js.

Slides

See SpeakerDeck.

Events

I'm the organizer of Kyoto.js.
See connpass for past events.

https://kyotojs.connpass.com/