Fork
4
Fav
16
View
8869
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 558 lines
  • HTML 103 lines
  • CSS 198 lines
============================================================

Trance Metal Generator HTML5α ver
( トランスメタルジェネレーター HTML5アルファ版)
@author itoz

Mac Chrome Mac Safari で動作確認。
Mac Firefox 3.6ではUIが機能しなかった

--- Flash版はこちら 
 wonderfl http://wonderfl.net/c/iQtM

============================================================
初めての HTML5 & jQuery

--- 遊び方

- 上部サムネを下部にドラッグドロップ。
- 再生ボタンで、再生。
- 手っ取り早く遊びたい人は、緑の[set sample]ボタンを押して再生。


--- HTML5出出来ること、Flashで出来ることの組み合わせ。

- HTML5のDrag And Drop APIを利用。
- サウンドの再生はswf。
- 波形画像の生成はswfでbitmapDataを作成しbase64エンコードし、js経由でhtmlに表示。




--- サムネのテキスト部分をドラッグすると、うまくドロップできない

--- ※Drag And Dropはこちらのコードを参考にさせて頂きました。
- 矩形選択 + ドラッグ&ドロップ - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/t_past_future/bA9p


  • Trance Metal Generator HTML5 α ver ( トランスメタルジェネレーター HTML5アルファ版)
  • SWFObject-2.2
  • jQuery v1.6.2
  • Trance Metal Generator HTML5 α ver ( トランスメタルジェネレーター HTML5アルファ版)

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

pypupypapypupypa:

なにこれすごい!

Forked

sort by