【重要】サービス終了のお知らせ

ang

javascriptとSVGのお勉強

Works

SVGで15パズル

SVGのクリッピングパスを使って15パズルを作ってみた。 URL指定して反映で画像変更 ※chromeのみ

  • 1802
  • 0

SVGで囲碁盤

SVGで囲碁盤を作ってみました。 地とかどう数えればいいのかわからなかった。。。 ※chromeのみ確認

  • 1863
  • 1

SVGで将棋盤

SVGで将棋盤を作ってみました。 ※chromeのみ確認

  • 2618
  • 0

SVGでShift Gameを作ってみた

SVGでShift Gameを作ってみました。 Shift Gameとは? よくわかりませんが... キャラクターを動かしてゴールに辿り着けば良いのです。 ~操作説明~ 矢印キー:←→で左右に動きます スペースキー:ジャンプ Shiftキー:白のフィールド⇔黒のフィールドの移動 赤いところがゴールです。 ※chromeでしか動作確認してません

  • 2823
  • 2

SVGで楽譜を作ろう!

SVGで楽譜を作ろう!を作ってみた。 SVGとWeb Audio APIで楽譜の作成と再生。 音楽の知識がないので、 音が外れてたり長さが違うかも?? 音が鳴る時にプチプチしてるのが気になる・・・ ※Chrome Ver.39.0.2171.95 ~メニューバーの説明~ 左から ①音符をドラッグで楽譜上に配置 右クリックで音符の種類が選べます。 ②楽譜のリセットと楽譜読込です。 「キラキラ星」と「さくらさくら」の楽譜を読込むことが出来ます。 ③作成した楽譜を再生 or 停止 ④音量の変更 ⑤テンポの変更 ⑥配置した音符を削除したい場合はゴミ箱へ!

  • 8016
  • 5

SVGでしまむらくんを動かしてみた

SVGでしまむらくんを動かしてみた。 分身は改良して動きを付けてみた。 ユ○クロの処理が特に酷い(´・ω・`) でも、しまむらくんがかわいいからOK ※chromeしか動作確認しないです。 ※ボタン連打してもそんなの知らない。 ・ドラッグ移動時の動作を修正してみた。 ・サムネイルを変えてみた。 ・変身ボタンを追加、SVGで作ったかわいい?しまむらくん画像を表示してみた。 ・しまむらくんマウスダウン中の顔を変えてみた。 ・玉乗りボタンを追加してみた。

  • 5789
  • 5

Skills

Hot tags

Categories

HTML / CSS / JavaScript