高橋 佳弥

楠富 智太

松田 明

フリーランスのテクニカルアドバイザー業, 技術顧問

瀬口 庄一朗

株式会社オトラビスタ, 営業部

松田 怜

フロントエンドアニメーション小ネタ集

falling cherry blossom

写真を撮り、トリミングしてスタンプを貼り画像を生成できるサイトです。
(source: https://github.com/ray-zero2/photoFrame)

Canvasの学習を始めて最初に作った作品です。(canvas 2D)
(canvasの学習にフォーカスしたため、デザインは行っていません。)

JSの仕様やオブジェクト指向もよくわからず制作したためコードは綺麗ではありませんが、
ロジックについてしっかり悩んで実現することができました。

スタンプを描画する際はオフスクリーンのcanvasを2枚使用し、
一番上に描画されているスタンプ以外の全てを事前に描画しておくことで
余計なレンダリングを防ぐ工夫を行いました。

フォトフレーム

particles

ロケット

Happy New Year 2021

アクセンチュア株式会社, accenture song

アクセンチュア株式会社 / accenture song

西坂 大介

FESTA運営 + 作品制作

空きスペース可視化プロジェクト

実績

JavaScript

TypeScript

SCSS

HTML

Vue.js

GLSL

WebGL

松田怜

松田怜

松田 怜

松田 怜

松田怜

松田怜