k.tanaka

Lei Hau'oliというWeb制作会社で、開発と新人教育の仕事をしています。
開発ではjavascriptのコーディングを担当しています。
制御系、サーバ系、フロント系と一通り経験してきましたが、今の仕事が一番自分の性に合っているような気がします。
canvasが好きな割には実務で使用する機会が少ないので、ここではcanvasメインの投稿をさせて頂きたいと思っています。

Lei Hau'oliホームページ
https://www.leihauoli.com/

Lei Hau'oliエンジニアブログ
http://tech.leihauoli.com/

Works

fireworks on the sphere

夏恒例のあれを作ってみました。 去年投稿したものとは趣を変えています。 フルスクリーンにも対応しています。 mousemove : x軸及びy軸方向の回転 mousewheel : z軸方向の移動 Edge、Firefox、Chromeで動作確認済みですが、Edgeでは処理が重くなってしまっています。

  • 744
  • 7

寺院への道

先日テレビで見た寺院の光景が素晴らしく幻想的だったので、プログラムで表現してみることにしました。 フルスクリーンにも対応しています。 Edge、Firefox、Chromeで動作確認済み。

  • 539
  • 7

海月

以前投稿したものを手直ししつつ、フルスクリーンに対応させてみました。 Edge、Firefox、Chromeで動作確認済み。

  • 605
  • 8

風鈴

海、花火、風鈴という3つの夏の風物詩をまとめて表現してみました。 Edge、Firefox、Chromeで動作確認済み。

  • 719
  • 10

一人上手なあざらし

大好きなあざらしネタ第二弾です。 水族館で楽しそうに一人で遊んでいるあざらしを見て作りたくなりました。 残念なのは楽しそうな雰囲気を表現するつもりが、どことなく寂しそうになってしまったことです。 Edge、Firefox、Chromeで動作確認済み。

  • 1088
  • 7

夜景

最近見た夜景がとても綺麗だったので、雰囲気だけでもプログラムで表現してみることにしました。 Edge、Firefox、Chromeで動作確認済み。

  • 1010
  • 10

線の雨と円の川

線と円だけで雨の日の川の様子を表現できないかトライしてみました。 Edge、Firefox、Chromeで確認済み。

  • 855
  • 11

夏の風物詩

この時期定番の花火を打ち上げてみることにしました。 構図は子供の頃、田舎の庭から花火を見た時の記憶を元にしています。 Edge、Firefox、Chromeで動作確認済み。

  • 1244
  • 13

雨模様

休日に家でのんびり外を眺めていたら、生憎の雨模様でした。 傘をさす人影が煙って何とも寂しげな光景だったのですが、微妙に現実離れしており、しばらくの間飽きずに眺めていました。 というわけで早速プログラムで表現してみることにしました。 Edge、Firefox、Chromeで動作確認済み。

  • 1933
  • 17

サーディンラン

boidsのアルゴリズムを参考にして小魚の群れの動きを表現してみました。 一応、サーディンランを意識しています。 ご存知の方も多いと思いますが、boidsのアルゴリズムとは次の3つの行動原理から成り立っています。 (A)各個体の距離が近い場合は互いに離れようとする (B)各個体は群れの中心に集まろうとする (C)各個体は群れ全体の進行方向に自分の進行方向を合わせようとする 今回は(B)と(C)を次のように変更してみました。 (B)各個体は一定範囲内の個体との距離が遠い場合は互いに近づこうとする (C)各個体は一定範囲内の個体の進行方向に自分の進行方向を合わせようとする 更に、近づいたり離れたりする速度を互いの距離によって調整したり、 色々なパラメータ値を調整することにより、群れ全体の挙動を制御しています。 また群れ全体の進行ベクトルの平均値に連動して背景の明るさを変更することで、 群れ全体の躍動感を表現してみました。 IE11、Firefox、Chromeで動作確認済み。

  • 1775
  • 11

Skills

  • jQuery
  • HTML5
  • CSS
  • CSS3
  • JavaScript
  • ActionScript
  • C
  • Java
  • SQL
  • node.js

Hot tags

Categories

HTML / CSS / JavaScript