タグ javascript が登録されている動画 ： 624 件中 481 - 512 件目
種類:
- タグ
- キーワード
対象:
JavaScriptでiELECTRIBEにメロディを入力するツール作った - iSEQTRIBE
KORG iELECTRIBE for iPadはシンセパートがあるのですが、音程のエディットが困難。メロディを奏でるのにpitchノブをリアルタイムに動かすなんて、ほぼ無理！
ということで、JavaScript / Web MIDI APIでツールを作成、「iSEQTRIBE」と名づけました。Chromeで動きます。
パートはSYN3、SYN4のみ、1小節のみの対応です（それ以上はMOVE DATAとかでなんとかしてください）。
https://webmidilab.appspot.com/iseqtribe/
（YouTubeにアップした動画に新たにちょっと足しました）
これで入力してデータで「ファミマ入店音」演奏（？）してみました。 → sm27702774
なんかありましたら、ツイッターまで。 https://twitter.com/linclip
Web MIDI API関連のリスト： mylist/55267430
自作ソフト「Like A LCD」をゆっくり紹介してみた
スクリプトエンジンというのか簡易言語というのかわからないですが、それっぽい感じのミニツールを作ってみました。これはその紹介動画です。
少しだけ更新→sm27739512
自作スクリプトエンジンで簡単なゲームを作ってみた
前回（sm27499804）から少し進めて、簡単なゲームなら作れるところまで来たので、ジャンケンゲームを入力して遊んでみました。
この手のツールを「スクリプトエンジン」というらしいですね。
HTML+JavaScript5で作成したツールで、ブラウザ上で動きます。
さて、作ったはいいが、需要はというと…うん、なさそうですなぁ(^^；
ブラウザ上でMMDを踊らせてみる その6 (JavaScript & WebGL)
前: sm25936936 次: sm25974661
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
Whammy.jsを使用し、直接動画ファイルを生成できるようにした。
音声は動画編集中に後から足しています。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
もっと再配布可能な音声、モデル、モーション、カメラモーションが増えると、
デモで使えて嬉しいんだけどな。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その3 (JavaScript & WebGL)
前: sm25726043 次:sm25900381
mylist/49125767
ブログ投稿用。
使用しているライブラリは行列計算用のglMatrixのみ(自前のものに差し替え予定)。
ここまでで実作業日数7日くらい。まだまだ実装途中。
WebWorkersの導入でCPU側はまだ性能改善できるかも。
東方風STGブラウザゲーム→mylist/38547755
イケダハヤトは炎上でPV稼ぐ？プロダクトマネジャーと職人的開発者？
IT系記事を読んで技術トレンドをキャッチする生放送の動画だお
放送時コメント
イケダハヤトはすごい胡散臭いやつって感じがする
apiがあれば定期リクエストしてみたい番組サルベージとか出来るアプリ作れたり
wakotu
ずっと聞きたかったんだけど、なんでやまろうさんって顔出ししてるの?
そういや次の仕事は何ヶ月の契約?
他人の言う似てるは判断基準が甘い
でもいちいち、昼メシ一緒食べるのいやだなー たまにならいいけど
ネクサス５自体は３５０００円するけど
Androidの方が使いやすい
マイリス mylist/44222969
co2268886で放送してるお！コミュ入ってくれお
初音ミクのゲーム作ってるお
http://mikumikuplay.com/
【HTML】TEXTAREAタグ で Bad Apple!! PV 影絵【JavaScript】
TEXTAREAタグもやればできる子。
2作目。
前作(sm24210774)に続いてまた作ってしまいました。
今回は、HTML + JavaScript です。表示領域には TEXTAREA を使っています。
こんな楽しいデータを公開してくださった sm24162325 の作者 .6 さん に感謝です m(_ _)m
使用環境：
OS: Windows 7 Home Premium (64bit)
言語: HTML + JavaScript
Webブラウザ: Internet Explore 11
音データは sm8628149 からお借りしました。
動画データは、sm24162325 の説明に記載のソースコードのありかから。
実際に使ったソースコードは、画面右です。
(linesという変数名は、frames とすべきでした orz）
p.s. 動画データの読込はHTML5の機能を使っています。
1作目 sm24210774、mylist/45326413
自作ゲーム レイガリ 参考用プレイ動画
http://9leap.net/games/4211
HTML5+JavaScriptで作成しました。
tmlib.jsを使用しています。
音や画像は全てオリジナルです
Google Glassを脳波で動かすツール？人月商売の功罪？JavaScriptのcall/apply秘訣
IT系記事を読んで技術トレンドをキャッチする生放送の動画だお
内容
ITエンジニアの価値を貶める『人月商売』の功罪 - paiza開発日誌
わこつん
ブログ×ラジオってどうなんだろう？ - ぐるりみち。
やっぱロリ小説だな
コードのバグはコードで見つけよう！｜サイバーエージェント 公式エンジニアグーグル先生はやまろうアンチだから
潜在意識＝脳波＝コンテンツ自動制作
わこつです。SIerからweb系に転職しました
内容×広告量 内容には大差ないって感じ
薄い内容のブログは広告がクリックされ易いらしい
マイリス mylist/44222969
co2268886で放送してるお！コミュ入ってくれお
初音ミクのゲーム作ってるお
http://mikumikuplay.com/
ソニーがAndroid TV？片手間JavaScriptの限界？海外旅行のスマホアプリ！
はてブのIT系記事を読んで最新の技術トレンドをキャッチする生放送の動画だお
内容
iphoneも他サイズ化が進んでスマホ開発はこれからが地獄だ
顔認識でカメラに顔を降ってページ送りするアプリがipadであった
高度なITスキルはいらないけど記事を書くスキルがいる
読まれる記事を書くスキルとか、どうすればいいかよくわからん
言語だけじゃなくエディタの好みも一緒だた
マイリス mylist/44222969
IT系雑談はco9320、プログラミング作業生はco2268886で放送してるお
初音ミクのゲーム作ってるお
http://mikumikuplay.com/
【声入り】ブラウザ野球ゲーム製作３
PHP,MYSQL,Javascript(JQUERY)でゲームを作っていきます part1 sm21785295 今まで mylist/31473114 pixiv id=2912942のtudura様から背景素材をお借りしました
enchant.jsを使ってwindows8向けアプリを作ろう～ドラッグ&ドロップ編～
こんにちは、ヒグユメです。
今回は、プログラミング実況です。
enchant.jsを使ってwindows8向けのアプリを作ってみました。
わかりやすい解説を目指して頑張ります。
--
料理動画も作っています。→ mylist/43587934
vol070 超便利ツール「Duik」【vol.070（2/2）】
After EffectsやFinal Cut Proなんかを使って色々作っていこうというインターネットラジオ（ポッドキャスト）番組の映像版。
毎回制作にまつわる話やらMacの話やらデザインの話とかやってますが、今回は便利なアニメーションツール「Duik」を使おう、というお話。
youtube版（ほぼ完全版）
http://youtu.be/NAEjIv8RPrc
「ヤサグレMOVIN RADIO」公式ブログ
http://movin-radio.seesaa.net
※ポッドキャストでは映像コンテンツの未編集バージョンが視聴できます。
TM-Shooter普通にプレイ（stage5）
Webブラウザでプレイできる本格弾幕STG「TM-Shooter」です。
へたれっぷりを遺憾なく発揮していますが、見てやってください。
TM-Shooter http://tmshooter.ner/
前 sm22935146
TM-Shooter普通にプレイ（stage4）
Webブラウザでプレイできる本格弾幕STG「TM-Shooter」です。
ノーコンティニューでは4面までが限界です。
TM-Shooter http://tmshooter.ner/
前 sm22935130
次 sm22935168
TM-Shooter普通にプレイ（stage3）
Webブラウザでプレイできる本格弾幕STG「TM-Shooter」です。
前の動画が途中で切れてしまったので3面の初めから撮り直してます。
TM-Shooter http://tmshooter.ner/
前 sm22935099
次 sm22935146
TM-Shooter普通にプレイ（stage1,2）
Webブラウザでプレイできる本格弾幕STG「TM-Shooter」です。
開発者の身でありながら下手くそですが、見てやってください。
TM-Shooter http://tmshooter.ner/
次 sm22935130
tmlib.jsでゲームを作ってみよう〜横スクアクション編(10)
敵に触れると自機がダメージを受けるようにします。
前 sm22587737
次 sm22602367
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう（６）
その６ ゲームオーバー
今回のポイント
(1)ゲームの終了
app.stop()でアプリケーションが停止します。
前 sm22256498
次 sm22357101
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう（５）
その５ 爆発
今回のポイント
(1)爆発
円形（CircleShape）を爆発として使います。
時間とともに拡大し、透明度（alpha）を0に近づけていきます。
前 sm22206747
次 sm22311216
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう（４）
その４ 敵弾
今回のポイント
(1)敵弾の移動
弾の向かう方向をdとし、X座標にcos(d)、Y座標にsin(d)を足していくことで任意の方向に弾を動かすことが出来ます。
前 sm22160827
次 sm22256498
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう（３）
その３ 自機のショット
今回のポイント
(1)tm.app.CircleShape
円形のエレメントです。tm.app.TriangleShapeの親戚です。
(2)敵とショットの衝突判定
あらかじめenemiesという配列に敵を格納しておき、ショットのupdate関数内で衝突判定をしています。
衝突判定にはisHitElement()関数を使用しています。
(3)配列スキャン中に要素を削除する
concat関数で一旦配列をコピーしてからループ処理を行います。
要素の増減による添字のズレを防ぐことが出来ます。
前 sm22063641
次 sm22206747
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう（２）
その２ 敵の出現
今回のポイント
(1)tm.createClass()
クラスを作る関数です。
親クラス(superClass)、コンストラクタ(init)などを定義することが出来ます。
(2)TriangleShapeコンストラクタの第３引数
fillStyleで塗りつぶしに使われる色を指定することが出来ます。
(3)tweener
エレメントにアニメーションを設定するためのプロパティです。
指定したプロパティを絶対量として変化させるtoメソッド、相対量として変化させるbyメソッドなどを持ちます。
(4)Math.rand(a, b)
整数aからbまでの範囲から、ランダムな整数を返します。範囲にはa、bともに含まれます。
前 sm22063606
次 sm22160827
マイリスト mylist/39031781
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その3
ライブラリは使用せず0から作っています。
次: sm21892468 前: sm21742078
mylist/38547755
前回からの更新点はマイリストを参照。
使用素材はその1の親作品参照。
詳細やプレイは下記リンク先で。ウェブブラウザ(Chrome)上でプレイできます。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
1面は動画では初登場の魔理沙、2面は霊夢でプレイしています。
ブラウザMMDビューア→mylist/49125767
ホモォのゲームを作ってみた【ゆっくり解説】
簡単なスクリプトゲームです。超初心者用なので関数とかの説明は吹っ飛ばしました。自分もほぼ独学状態なのでかなり意味不明なこといってると思いますがここは生暖かい目で見守ってください(´･ω･`) 動画中でいってたzipはこのウェブのトップにうpしておきました。ゆっくりいじってね。 http://menchikatu5.tyonmage.com/ twitter @menchikatu5
魔理沙はSWFなPVをHTMLとJSにしていきました
元のPVはSWFなのに、それをHTMLとSWFだけで再現するというすごいのがありました。音声はついていなかったので、キャプチャーした後に私がつけました。画像 (動画) はいっさい編集してません。ただ、どうしても動作が重くてスピードが変わってしまっているところがあり、そこは音声のスピードをあわせました。スピード変更により音程が変わってしまっているので、音程が低い＝動作が重かったところ、です。 - http://www.l-room.net/blog/diary/AliceHTML.htm