キーワード javascript が含まれる動画 ： 1160 件中 449 - 480 件目

スクリプトエンジンというのか簡易言語というのかわからないですが、それっぽい感じのミニツールを作ってみました。これはその紹介動画です。

少しだけ更新→sm27739512

http://www.nicovideo.jp/watch/sm27594035

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

http://www.nicovideo.jp/watch/sm27700766

自分で作ったソフトで遊んでいる動画です　ただそれだけです　使った言語(?)はJavaScriptでIEで動いています　どうもプログラムの仕方が悪いらしく動きが微妙に変ですが気にしないように　曲は適当に選びました　他の動画→mylist/2235047

http://www.nicovideo.jp/watch/sm2774729

いろいろ未調整なとこが多いですが･･･
遊んでたらそれなりに面白かったので動画にしてみました。

■現状の課題点■
●リトライボタンの追加
●ハイスコアの維持
●自分の記録をベスト３まで残す
●ブロックを12 * 12　→　16 * 16に拡大
●キャラクターを８～１０体くらい
●その他諸々････

※動画内に記載漏れがありました
効果音:koshibone 様
http://commons.nicovideo.jp/material/nc899

http://www.nicovideo.jp/watch/sm28065139

あっているかわからないですが、とびだせ大作戦とかで使われているスムーズな奥行きのあるスクロールです。
縦縞模様をパースさせたようなBGを用意してラスターで市松模様にするのがポイントかとおもいます。(BGを色分けしてあります)

Javascriptで再現してみました。
http://jsdo.it/bitchunk/OqJ7

http://www.nicovideo.jp/watch/sm28226031

Wikiの情報と必要なCSSとjavascriptをコピペして地図を作りましたが私の攻略に役立つのかというとそんなことはなさそうです。
明日はアコーディオンメニューを開きっぱなしにするJSをコピペしたいと思います。→CSSの範疇でした。

お返事(?)：POFは主にワープのため、次に報酬のために受注しています。ただし、制限時間を迎えワープが可能になった時点がワープに都合がいい時とは限らないため、実際にワープするか否かは流れでお願いします。
購入予定覚書：撒き餌、カップケーキ、アロマ、熊介家具

1日目：sm28421874　
前日：sm28519662　
翌日：sm28543428

マイリスト：mylist/55203055
シーツリ―：http://www.freem.ne.jp/win/game/9085
ごっつぁんです：http://torikumi.web.fc2.com/index.html

http://www.nicovideo.jp/watch/sm28535739

スプラトゥーン再現ネタはたくさん出ていて、もう出涸らしみたいになってますが
JavaScriptのCanvasAPIを使ってインクを出すところを再現してみました。

※最初のSEは後付けです。
最初の部分もブラウザ上で動いてます。

【http://jsdo.it/uzimaru0601/eycu】から遊べます。（IEは動きません＞＜）

使用素材
フォント：イカモドキ

http://www.nicovideo.jp/watch/sm28778680

プラウザで動作するパズルゲームの解説動画です。
プレイはこちらから→https://freegame-mugen.jp/browser/game_2865.html

作成した他のゲーム(mylist/56736258)

なお、この解説動画の作成にはRPGツクール2000を使用しました。

http://www.nicovideo.jp/watch/sm29478446

ニコニコ動画のマイページおよびユーザーページの「投稿」一覧にID表示＆Twitter検索へのリンク追加するブックマークレットを作りました。

ブックマークレットはブラウザ上で動くJavaScriptによるプログラム。

自分の動画に言及してるツイートがないかなあ？　なんて探すことが多い人向け。

自分だけでなく、気になるユーザーの一覧でもお試しあれ。

動画はWindowsのCromeですが、IEでもOKでした。

ブックマークレットの登録は以下から

http://pointofviewpoint.air-nifty.com/blog/2016/09/niconico-id-twi.html

http://www.nicovideo.jp/watch/sm29624102

javascriptでtableタグを制御することによって表示してます。
作品URL
http://matayoshi.nkmr.io/js/badapple/
説明ブログ
http://matatsuna.hatenablog.com/entry/2016/10/19/151337

本家様がた
曲⇒sm2077177
手書き⇒nm3601701
影絵⇒sm8628149

http://www.nicovideo.jp/watch/sm29864575

javascript で web audio api を使ったブラウザ演奏のプログラムをつくりました。そのデモ操作動画です。

■key sound player
http://yuroy.rdy.jp/other/ks.html

キーボードで音を鳴らしたりループ演奏したり録音したりファイル書き出ししたりできます。
音源がかなり多いので読み込むのに時間がかかります。スペックによってもしかしてブラウザが固まったりするかもしれないですが、固まったらごめんなさい。ほんとうにごめんなさい。
firefox と chrome では動きました。他はわからないですが多分ダメだと思います。
こんなかんじですが、よかったら遊んでみてください。

http://www.nicovideo.jp/watch/sm30320674

テキストを描画する

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

本日のソースはこちら
http://runstant.com/vistan/projects/4a06c624

前回 sm31321436 ウィンドウの作成
次回 sm31351406 図形を描画する
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31346033

図形を描画する

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

本日のソースはこちら
http://runstant.com/vistan/projects/a85bf08a

前回 sm31346033 テキストを描画する
次回 sm31361041 イメージを描画する
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31351406

マウスイベント

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

本日のソースはこちら
http://runstant.com/vistan/projects/08d3e23f

前回 sm31361041 イメージを描画する
次回 sm31396361 画像の移動と跳ね返り処理
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31385638

画像の移動と跳ね返り処理

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

本日のソースはこちら
http://runstant.com/vistan/projects/213c334b

前回 sm31385638 マウスイベント
次回 sm31429814 キーイベントとBGM
mylist/59143338 phina.jsマイリスト

shioleap様　宣伝ありがとうございます。

http://www.nicovideo.jp/watch/sm31396361

キーイベントとBGM

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　魔王魂様　
http://maoudamashii.jokersounds.com/

本日のソースはこちら
http://runstant.com/vistan/projects/92521f74

前回 sm31396361 画像の移動と跳ね返り処理
次回 sm31456424 効果音の再生とスプライトの使い方
mylist/59143338 phina.jsマイリスト

shioleap様　宣伝ありがとうございます。

http://www.nicovideo.jp/watch/sm31429814

効果音の再生とスプライトの使い方

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　魔王魂様　
http://maoudamashii.jokersounds.com/

本日のソースはこちら
http://runstant.com/vistan/projects/de543c90

前回 sm31429814 キーイベントとBGM
次回 sm31464987 スプライトグループの使い方
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31456424

スプライトグループの使い方

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　魔王魂様　
http://maoudamashii.jokersounds.com/

本日のソースはこちら
http://runstant.com/vistan/projects/f20f7145

前回 sm31456424 効果音の再生とスプライトの使い方
次回 sm31480358 キャラクターアニメーション
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31464987

キャラクターアニメーション

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　魔王魂様　
http://maoudamashii.jokersounds.com/

本日のソースはこちら
http://runstant.com/vistan/projects/abf85a70

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/ZyzJb5YpEIo

前回 sm31464987 スプライトグループの使い方
次回 sm31498295 ファイア・ボール
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31480358

ファイア・ボール

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　魔王魂様　
http://maoudamashii.jokersounds.com/

本日のソースはこちら
http://runstant.com/vistan/projects/2e611346

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/9dQEuxDkiz4

前回 sm31480358 キャラクターアニメーション
次回 sm31517363 パドルの移動　ボールの反射
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31498295

ボールの反射 ブロックを壊す

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　魔王魂様　
http://maoudamashii.jokersounds.com/

本日のソースはこちら(Part13,Part14同じ)
http://runstant.com/vistan/projects/299b4cde

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/ndeZ4XdjwII

前回 sm31517363 パドルの移動　ボールの反射
次回 sm31528974 ブロックを壊す
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31528831

ブロックを壊す

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　魔王魂様　
http://maoudamashii.jokersounds.com/

本日のソースはこちら(Part13,Part14同じ)
http://runstant.com/vistan/projects/299b4cde

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/8qahR14i4wo

前回 sm31528831 ボールの反射　ブロックを壊す
次回 sm31552691 ボール反射音　反射方向の調整
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31528974

ボールの反射音　反射方向の調整

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/e95309de

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/BTFDVNXHqcM

前回 sm31528974 ブロックを壊す
次回 sm31574938 スコアの表示
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31552691

コメントまわりをだらだら検証していたら公式アプリが出てしまったので、それ以外だけ動画にします。

もうちょっと色々調べたいところですが、ブラウザにデバッグ機能もないし、10年以上前に書いた自分のクソコードが読めなくて断念しました。


じゃあ10年後のZenzaWatchは大丈夫なのか？というと、そもそもニコニコ動画があと10ne…いや、なんでもないです。

ユーザーが製作者の想像を超えたすごい物を作るという点で、コメントアートとロードランナーは通ずるものがあるかなあと思ったりします。

http://www.nicovideo.jp/watch/sm31559998

ミサイルの発射

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/13b2156b

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/A9QSauEMs8o

前回 sm31588067 自機の移動
次回 sm31623063 エイリアン襲来
mylist/59143338 phina.jsマイリスト

shioleap様　広告ありがとうございます。

http://www.nicovideo.jp/watch/sm31599461

プレイヤーの攻撃

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/9c95d141

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/xKO_-xrHMr0

前回 sm31623063 エイリアン襲来
次回 sm31643837 エイリアンの反撃
mylist/59143338 phina.jsマイリスト

shioleap様　広告ありがとうございます。

http://www.nicovideo.jp/watch/sm31633152

エイリアンの反撃

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/7298f5ec

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/LQn-X4bg1PE

前回 sm31633152 プレイヤーの攻撃
次回 sm31661479 ブロックの作成
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31643837

爆発エフェクト

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/3eff7eec

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/suThGfaIPps

前回 sm31661479 ブロックの作成
次回 sm31712301 ゲームオーバー画面
mylist/59143338 phina.jsマイリスト

shioleap様　広告ありがとうございます。

http://www.nicovideo.jp/watch/sm31684138

ゲームオーバー画面

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/0d9c1d02

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/7ZYiY6hmj-Y

前回 sm31684138 爆発エフェクト
次回 sm31737824 タイトルシーン画面
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31712301

8x9CraftはマイクラでJavaScriptプログラミングを楽しむことができるModです。この動画は、その8x9Craftの新機能の一つ、プログラムの実行を確認できる画面のデモ動画です。動画では、プログラムの実行までと、実行画面の表示の仕方、そして実行中の画面をみることができます。音ももなにもない地味な動画ですが、マイクラの画面と実行画面が同期しているのでとてもおもしろい動画だとおもいます。

http://www.nicovideo.jp/watch/sm31724011

タイトルシーン画面

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/8587d2d3

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/GIQDV4cFE-w

前回 sm31712301 ゲームオーバー画面
次回 sm31756081 ステージ管理
mylist/59143338 phina.jsマイリスト

http://www.nicovideo.jp/watch/sm31737824

左右移動

下記の内容を利用してます。
この場を借りてお礼申し上げます。

学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935

プログラミング記述　runstant
http://runstant.com/

素材置場 cloundup
https://cloudup.com/login

利用素材　ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/

利用素材　SHW様　
http://shw.in/

本日のソースはこちら
http://runstant.com/vistan/projects/698c9a7f

画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/FiwFL1DTfyM

前回 sm31756081 ステージ管理
次回 sm31793678 フレームアニメーション　ジャンプ
mylist/59143338 phina.jsマイリスト

shioleap様　広告ありがとうございます。

http://www.nicovideo.jp/watch/sm31775680