Works

【createJS】particle練習2

参考サイト: createJS実践講座 粒子のオブジェクトが互いに引き合うアニメーション https://www.lynda.jp/courses/createjs-workshop

  • 1156
  • 6

【createJS】particle練習3

参考サイト: createJS実践講座 粒子のオブジェクトが互いに引き合うアニメーション https://www.lynda.jp/courses/createjs-workshop CreateJS での当たり判定 https://ics.media/tutorial-createjs/hittest.html

  • 511
  • 0

【createJS】文字が降る

文字が降ってきます。 9/13更新: 全画面対応にしました。

  • 491
  • 0

【createJS】エージェント2

参考サイト: http://www.generative-gestaltung.de/P_2_2_4_01

  • 318
  • 0

【three.js】センサーでスマホの角度を取得して立方体に反映

※※※※スマホで見てください※※※※ three.js 参考:  [WebGL入門] javascriptを使って3Dプログラミングをやってみる http://www.dfx.co.jp/dftalk/?p=13407 スマホセンサー取得参考: 【保存版】スマートフォンって実はセンサーの塊! たった数行 ... - ICS MEDIA https://ics.media/entry/4095 デバイスの傾き、方角、加速度を取得できる「Device Orientation Event ... http://www.antytle.com/js/device-orientation-event

  • 905
  • 0

目玉が追尾弾を発射して笑顔を殺しにかかるゲーム

**フルスクリーン推奨** **スマートフォン、タブレット端末非対応** 名前の通りのゲームです。 ========================== ・操作方法 マウスカーソルで移動 ・遊び方 追尾弾と目玉を避けながら頑張って生き延びよう。 追尾弾は笑顔に近づくと大きく膨らむ。 スコアは以下のことをすると増える。 ・時間が経過する ・目玉が消える ・追尾弾が消える ・追尾弾が膨らむ ==========================

  • 316
  • 0

【createJS】雪を降らす

マウスの位置で風向きが変わります。 スマホ・タブレットの場合、傾きで風向きが変わります。 snowfallの値を変えることで雪の量を調節できます。

  • 415
  • 1

Moire generator

モアレの模様を操作することができます。 lineNum --- 線の数 px,py --- モアレのうねりの数 radianX,radianY --- モアレの大きさ speed1,speed2 --- 回転の速度 ※フルスクリーン推奨 -2016 12/18 更新  ・dat.GUIの使用  ・コードの整理 ・変更できる数値に線の数と回転の速度を追加

  • 956
  • 0

クリックで弾むボールを出す

クリックでボールが出ます。 画面の底側に触れると弾みます。 弾むと音が出ます。

  • 292
  • 0

【createJS】鱗模様

### *フルスクリーン推奨 *3/4 ベクター画像としてダウンロードできるように修正。

  • 382
  • 2

HexagonCircles

### ※フルスクリーン推奨

  • 309
  • 0

【Three.js】蛍パーティクル

参考: https://threejs.org/examples/#canvas_particles_sprites 2017/6/15 Tween.jsのイージングの設定機能を追加 Tween.js イージング参考: http://sole.github.io/tween.js/examples/03_graphs.html

  • 565
  • 3

Skills

  • Photoshop
  • Illustrator
  • HTML5
  • CSS
  • CSS3
  • JavaScript

Hot tags

Categories

HTML / CSS / JavaScript