タグ javascript が登録されている動画 ： 624 件中 289 - 320 件目
種類:
- タグ
- キーワード
対象:
phina.jsによる10分間プログラミングPart12 ブロック崩し編
パドルの移動 ボールの反射
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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/fa72819d
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/Uzy2M3HMwUo
前回 sm31498295 ファイア・ボール
次回 sm31528831 ボールの反射 ブロックを壊す
mylist/59143338 phina.jsマイリスト
phina.jsによる10分間プログラミングPart11
ファイア・ボール
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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マイリスト
slither.ioを改良してみた
このオンライン対戦ゲームをご存知の方も多いと思います。夢中になるとサポート機能が欲しくなります。そこで、以下の機能を作ってみました。●マウスカーソルがゲーム外にでないようにする●自分が進んでいる方向を線で示す●一定時間（約一秒）で進める距離を緑の円で示す●Uターンに必要な半径を赤い円で示す●雑魚キャラ（1000以下のヘビ）は黄色で示す●エサを目立たない色で示す※動かすためにはサーバーを立ち上げないと行けないので改良したプログラムは公開しません。
phina.jsによる10分間プログラミングPart10
キャラクターアニメーション
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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マイリスト
phina.jsによる10分間プログラミングPart9
スプライトグループの使い方
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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マイリスト
phina.jsによる10分間プログラミングPart8
効果音の再生とスプライトの使い方
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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マイリスト
phina.jsによる10分間プログラミングPart7
キーイベントと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様 宣伝ありがとうございます。
phina.jsによる10分間プログラミングPart6
画像の移動と跳ね返り処理
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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様 宣伝ありがとうございます。
phina.jsによる10分間プログラミングPart5
マウスイベント
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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マイリスト
phina.jsによる10分間プログラミングPart4
イメージを描画する
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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/cd0dc20a
前回 sm31351406 図形を描画する
次回 sm31385638 マウスイベント
mylist/59143338 phina.jsマイリスト
shioleap様 広告ありがとうございます。
追記：shioleap 様より冴えたやり方を教えていただきました。
http://runstant.com/shioleap/projects/a45007e5
shioleap 様 掲載許可ありがとうございます。
phina.jsによる10分間プログラミングPart3
図形を描画する
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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マイリスト
phina.jsによる10分間プログラミングPart2
テキストを描画する
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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マイリスト
うはうは☆プログラミング 第7回(後半) if命令
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます！
講師：Revin https://twitter.com/rev84
生徒：やられ https://twitter.com/yanao331
おたより：https://goo.gl/U7vfHQ
YouTube：https://goo.gl/q3A3RH
教材：https://github.com/rev84/uhauha_programming
マイリスト：mylist/59061583
最初：sm31238731
前：sm31323265
次：sm31333167
phina.jsによる10分間プログラミングPart0
今回からphina.jsによる10分間プログラミングをやっていきます。
導入編
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
前回 sm29959833
次回 sm31321436 ウィンドウの作成
mylist/59143338 phina.jsマイリスト
shioleap様 だいし様 広告ありがとうございます。
うはうは☆プログラミング 第4回 どう書けばいいの？命令編
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます！
講師：Revin https://twitter.com/rev84
生徒：やられ https://twitter.com/yanao331
おたより：https://goo.gl/U7vfHQ
YouTube：https://goo.gl/q3A3RH
教材：https://github.com/rev84/uhauha_programming
マイリスト：mylist/59061583
最初：sm31238731
前：sm31251101
次：sm31287006
うはうは☆プログラミング 第3回 どうやって書くの？
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます！
講師：Revin https://twitter.com/rev84
生徒：やられ https://twitter.com/yanao331
YouTube：https://goo.gl/q3A3RH
教材：https://github.com/rev84/uhauha_programming
マイリスト：mylist/59061583
最初：sm31238731
前：sm31246802
次：sm31283560
うはうは☆プログラミング 第2回 言語どれにする？
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます！
講師：Revin https://twitter.com/rev84
生徒：やられ https://twitter.com/yanao331
YouTube：https://goo.gl/q3A3RH
マイリスト：mylist/59061583
前(最初)：sm31238731
次：sm31251101
MMD + ARをブラウザ上で
Three.js + jsartoolkit5 (動画中ではさらに + A-Frame)
デモ: https://takahirox.github.io/mmd-ar/examples/barcode.html
(PC推奨。Androidでも動く？)
前: sm30124044 (ブラウザ上でMMDミクのライブをリアルタイム処理で)
次:
マイリスト: mylist/49125767
東方風STGブラウザゲーム→mylist/38547755
音楽投稿サイト作ってみた
PicotuneというMIDI共有サイトを作りました！
http://picotune.me
音をピコピコに変換したり、ピアノロールにイイネを押したり、ツイッターにプレイヤーを埋め込んだりできます！
動画で使っている3曲とも私が作った曲で、Picotuneに投稿してあります□
ツイッターの宣伝を拡散していただけると非常に励みになります。よろしくおねがいします
https://twitter.com/cagpie/status/855765511635820544
追記:このサービスはオリジナル曲など(詳しくは利用規約などに表記しています)に限定したものになりますので、JASRAC云々は基本的には関係ありません。
初心者が初心者向けにJavaScriptを解説しながらゲームを作っていく動画 003
JavaScriptでゆっくりゲームを作っていこうという動画です。
めざすはハイドライド風のARPGです。
おもいのほか、間隔があいてしまいました。しばらくは1か月近くかかるかもです。
自己満解説
http://ohchan2525.web.fc2.com/m/001.html
sm30658685<-前 次-> なるはやで
【けものフレンズOP】ようこそジャパリパークへ をJSに演奏させてみた
音楽は得意ではないので、大抵のことは出来るJSにWebAudioAPIを使って演奏してもらった
使うのは、ブラウザとテキストエディタのみです
楽譜参考：sm30603160
※♭・＃が♮まで適用され続けることを、シ♭の指摘をもらって調べるまで知りませんでした。ご指摘ありがとうございます。
ニコニコ動画のコメント入力補助ツールを作ってみた（＃３）
HTML5対応の暫定版です。
残念ながら、コマンドやコメントの書込みが認識されないので、現在は、クリップボードにコピーする仕様となっていますので、使いやすくはありません。
いろいろと癖がありますので、十分練習してから、ミスを連発しない様にして、動画への使用をお願いします。
ニコニコ動画のコメント入力補助ツールを作ってみた
sm26215277
ニコニコ動画のコメント入力補助ツールを作ってみた（＃２）
sm26427467
ブックマークレットの置き場
http://tottemohimadesi.esy.es/
初心者が初心者向けにJavaScriptを解説しながらゲームを作っていく動画 002
JavaScriptでゆっくりゲームを作っていこうという動画です。
めざすはハイドライド風のゲームです。
解説ページつくりました
http://ohchan2525.web.fc2.com/m/002.html
sm30658685 <-前 次-> sm30851795
初心者が初心者向けにJavaScriptを解説しながらゲームを作っていく動画 001
JavaScriptでゆっくりゲームを作っていこうという動画です。
めざすはハイドライド風のゲームです。
解説ページつくりました
http://ohchan2525.web.fc2.com/m/001.html
次-> sm30706732
許諾楽曲検索を便利にするツールを作ってみた
http://storagebox.xxxxxxxx.jp/tools/nicovideo_license-search_ex.html
許諾楽曲検索を便利にするブックマークレットの紹介です。
2017-03-05：機能を改善し、統合版も追加しました。
key sound player
javascript で web audio api を使ったブラウザ演奏のプログラムをつくりました。そのデモ操作動画です。
■key sound player
http://yuroy.rdy.jp/other/ks.html
キーボードで音を鳴らしたりループ演奏したり録音したりファイル書き出ししたりできます。
音源がかなり多いので読み込むのに時間がかかります。スペックによってもしかしてブラウザが固まったりするかもしれないですが、固まったらごめんなさい。ほんとうにごめんなさい。
firefox と chrome では動きました。他はわからないですが多分ダメだと思います。
こんなかんじですが、よかったら遊んでみてください。
【はがオケ初初祭】湯煙RTA【00:00:20.89】
はがオケ初初祭（http://hagane.huegame.jp/Campaign/20161118）の湯煙に挑戦しました。
一部下ネタの要素が含まれます。
レギュレーションは、ページを更新してから湯煙を表示した状態で、ストップウォッチをタイマースタート。
すべての湯煙を取り除いたら、ストップウォッチをタイマーストップ。
軽い気持ちで、オモシロ動画2016にも応募してみました。この動画を見て応募へのハードルが下がればいいなあと思います。
立ち絵：im4964683 黒白ぐれい様、ありがとうございます
ブロマガ(解説など)：ar1149695
追記１：げむしゅ様、あむ様、広告ありがとうございます。
追記２：立ち絵の利用規約（金銭が絡む事への使用）に抵触する可能性があった為、応募を取り下げました。(12/11 22:14)
ブラウザ上でMMDミクのライブをリアルタイム処理で
前: sm30067053 (ブラウザ上でMMD編集とVRできるようにした)
次: sm31239935 (MMD + ARをブラウザ上で)
マイリスト: mylist/49125767
それなりに凝ったことができるようになってきました。
オンラインデモ
物理 http://takahirox.github.io/MMDLoader-app/index.html#app_physics
モザイク http://takahirox.github.io/MMDLoader-app/index.html#app_postprocessing_lowresolution
ライブ http://takahirox.github.io/MMDLoader-app/index.html#app_music_live
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMD編集とVRできるようにした (JavaScript&WebGL)
前(MMDxWebアプリ): sm279561563
次(ブラウザ上でMMDミクのライブをリアルタイム処理で) :sm30124044
マイリスト: mylist/49125767
やっぱりアニメーション編集もできたほうがいいですかね。
オンラインデモ
Editor http://takahirox.github.io/three.js.mmdeditor/editor/index.html
A-FramexMMD https://github.com/takahirox/a-mmd
Three.js MMD example https://threejs.org/examples/#webgl_loader_mmd
東方風STGブラウザゲーム→mylist/38547755
ニコニコ 投稿一覧にID表示 & Twitter検索へのリンク追加ブックマークレット
ニコニコ動画のマイページおよびユーザーページの「投稿」一覧にID表示＆Twitter検索へのリンク追加するブックマークレットを作りました。
ブックマークレットはブラウザ上で動くJavaScriptによるプログラム。
自分の動画に言及してるツイートがないかなあ？ なんて探すことが多い人向け。
自分だけでなく、気になるユーザーの一覧でもお試しあれ。
動画はWindowsのCromeですが、IEでもOKでした。
ブックマークレットの登録は以下から
http://pointofviewpoint.air-nifty.com/blog/2016/09/niconico-id-twi.html
掃除でパズル！ 解説動画
プラウザで動作するパズルゲームの解説動画です。
プレイはこちらから→https://freegame-mugen.jp/browser/game_2865.html
作成した他のゲーム(mylist/56736258)
なお、この解説動画の作成にはRPGツクール2000を使用しました。