タグ JavaScript が登録されている動画 ： 624 件中 193 - 224 件目
種類:
- タグ
- キーワード
対象:
マイクラでマインスイーパーを作ってみた
8x9Craftでマインスイーパーを作ってみました。順番が逆になっちゃたけど、この作品は一個前にアップしたもぐらたたきの前に作った作品です。ルールは、地面に爆弾が埋まっているのでそれを掘り当てないように爆弾以外の砂を全部ほると勝ちというゲームです。全部掘り当てるとと、爆弾がダイヤモンドに変わって花火がうちあげられます。ソースコード：https://goo.gl/PwMoY2
phina.jsによる10分間プログラミングPart56 横スクロールアクション編
会話するPart1
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
本日のソースはこちら
http://runstant.com/vistan/projects/720347ef
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/B-pLGuuMIe0
前回 sm32329855 メッセージエンジンの作成
次回 sm32354123 会話するPart2
mylist/59143338 phina.jsマイリスト
shioleap様 広告ありがとうございます
phina.jsによる10分間プログラミングPart58 横スクロールアクション編
会話するPart3
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
本日のソースはこちら
http://runstant.com/vistan/projects/478facf5
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/MFEaSCXZIWc
前回 sm32354123 会話するPart2
次回 sm32414916 会話するPart4,流れるメッセージ
mylist/59143338 phina.jsマイリスト
shioleap様広告ありがとうございます
phina.jsによる10分間プログラミングPart59 横スクロールアクション編
会話するPart4,流れるメッセージ
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
本日のソースはこちら
http://runstant.com/vistan/projects/86936723
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/zNq8ibVtt0c
前回 sm32379085 会話するPart3
次回 sm32441433 流れるメッセージPart2
mylist/59143338 phina.jsマイリスト
phina.jsによる10分間プログラミングPart60 横スクロールアクション編
流れるメッセージPart2
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
本日のソースはこちら
http://runstant.com/vistan/projects/09099ef4
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/hmRp5uNuGx4
前回 sm32414916 流れるメッセージ
次回 sm32478768 看板作成
mylist/59143338 phina.jsマイリスト
shioleap様広告ありがとうございます。
phina.jsによる10分間プログラミングPart61 横スクロールアクション編
看板を作る
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
本日のソースはこちら
http://runstant.com/vistan/projects/a49d0134
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/l5nuoEwj2BE
前回 sm32441433 流れるメッセージPart2
次回 sm32518398 看板を作るPart2
mylist/59143338 phina.jsマイリスト
Mira様広告ありがとうございます。
phina.jsによる10分間プログラミングPart64 横スクロールアクション編
ボス作成Part2
下記を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
本日のソースはこちら
http://runstant.com/vistan/projects/a33905be
youtube版
https://youtu.be/AlF2OzJ-9nM
前回 sm32554604 ボスを作るPart1
次回 sm32619948 ボス作成Part3
mylist/59143338 phina.jsマイリスト
shioleap様広告ありがとうございます。
phina.jsによる10分間プログラミングPart66 横スクロールアクション編
BGMの挿入
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
本日のソースはこちら
http://runstant.com/vistan/projects/fd7a5bda
youtube版
https://youtu.be/FNZM9V-7bIg
前回 sm32619948 ボスを作るPart3
次回 sm32693280 壊れるブロック
mylist/59143338 phina.jsマイリスト
phina.jsによる10分間プログラミングPart67 横スクロールアクション編
壊れるブロック
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
本日のソースはこちら
http://runstant.com/vistan/projects/05640ad0
youtube版
https://youtu.be/bqJhBjpkSN8
前回 sm32668145 BGM挿入
次回 sm32728642 主役の交代
mylist/59143338 phina.jsマイリスト
shioleap様広告ありがとうございます。
phina.jsによる10分間プログラミングPart68 横スクロールアクション編
主役の交代
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
本日のソースはこちら
http://runstant.com/vistan/projects/36a08bcf
youtube版
https://youtu.be/yo3efpxnumQ
前回 sm32693280 壊れるブロック
次回 sm32769448 下からすり抜けるブロック
mylist/59143338 phina.jsマイリスト
shioleap様広告ありがとうございます。
phina.jsによる10分間プログラミングPart71 横スクロールアクション編
新しい敵作成
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
HTML Slidy (スライドショーツール)
https://www.w3.org/Talks/Tools/Slidy2/Overview.html#(1)
本日のソースはこちら
http://runstant.com/vistan/projects/b8a59291
youtube版
https://youtu.be/4lC2VBgSH8c
前回 sm32805274 すり抜けるブロックのロード
次回 sm32885209 新しい敵作成 2
mylist/59143338 phina.jsマイリスト
shioleap様広告ありがとうございます。
phina.jsによる10分間プログラミングPart73 横スクロールアクション編
新しい敵作成 3
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
HTML Slidy (スライドショーツール)
https://www.w3.org/Talks/Tools/Slidy2/Overview.html#(1)
本日のソースはこちら
http://runstant.com/vistan/projects/501ba046
youtube版
https://youtu.be/kDZ0Dm3p1Hs
前回 sm32885209 新しい敵作成 2
次回 sm32954999 新しい敵作成 4
mylist/59143338 phina.jsマイリスト
phina.jsによる10分間プログラミングPart74 横スクロールアクション編
新しい敵作成 4
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
HTML Slidy (スライドショーツール)
https://www.w3.org/Talks/Tools/Slidy2/Overview.html#(1)
本日のソースはこちら
http://runstant.com/vistan/projects/2f73bb86
youtube版
https://youtu.be/4SwGDo_rxOQ
前回 sm32922538 新しい敵作成 3
次回 sm32995625 ちょっと速くする
mylist/59143338 phina.jsマイリスト
shioleap様広告ありがとうございます。
phina.jsによる10分間プログラミングPart75 横スクロールアクション編
ちょっと速くする
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 pythonでゲーム作りますが何か様
http://aidiary.hatenablog.com/entry/20080507/1269694935
プログラミング記述 runstant
http://runstant.com/
素材置場 cloundup
https://cloudup.com/login
利用素材 ねくらマップチップのいろいろ様
http://nekuramap.blog.fc2.com/
「やさぐれひよこ素材」置き場様
http://banraku-games.sakura.ne.jp/yasagure/
pochi様,つちのこ様
利用素材 SHW様
http://shw.in/
HTML Slidy (スライドショーツール)
https://www.w3.org/Talks/Tools/Slidy2/Overview.html#(1)
本日のソースはこちら
http://runstant.com/vistan/projects/d08dd011
youtube版
https://youtu.be/k-vx4NlCm6g
前回 sm32954999 新しい敵作成 4
次回 sm33031836 ちょっと速くする2
mylist/59143338 phina.jsマイリスト
ブラウザとJavaScriptだけでベートヴェンの交響曲第9番＋Ζ刻をこえてを演奏
sm29089662 からエンジンに改良を重ねてベートヴェンの第９番を演奏できるぐらいになりました。
主な変更
・描画負荷を減らすためテーブルタグでなくDivタグとスタイルシートで鍵盤を表示。 （一応レスポンシブ対応）
・数値よりもバーのほうがわかりやすいっしょということでパンポットやピッチはmeterタグで描画。
・音色ファイルをS-YXG50_0.2.1.2.sf2をベースに作り直した。48kHzと以前の倍以上に向上。
・リバーブエフェクトのインパルス応答（IR）のライセンスが怪しかったのでエフェクターのインパルス応答JavaScriptで自作（https://github.com/logue/sf2synth.js/blob/develop/src/reverb.js）
今後の予定
・バンク・セレクトに正式対応しGeneral MIDI 2に準拠させる。（今はドラムとSFXしか対応していません。）
・音色が存在しなかった場合の処理を書く。（125未満のバンクの場合、バンク0の音色を鳴らす。126～128の場合、音色番号1の楽器（通常はドラムのStandard Kit）を鳴らす）
だいぶシャリシャリ感はなくなったハズ。
MIDIファイルのアドレスもコピペできます（日本語が含まれてると動かないが・・・）：
https://logue.github.io/smfplayer.js/#zip=midifiles%2F%E9%81%A9%E5%BD%93%E8%A9%B0%E3%82%81%E5%90%88%E3%82%8F%E3%81%9B.zip&file=Beethoven%20-%20Symphony%20No.%209%20(with%20choir)%20in%20d%20minor%2C%20Op.%20125%20-%204.mid
おまけに、Ζ刻をこえて（Better days are comming）19:41 も入れてあります。
【アプリ開発を試みる放送】その4 javascriptとは何ぞや？やっとプログラミング？？
HTML5,CSS初級編が終わり、JavaScript初級編に入る。
Javascriptは全く初めてゆえに不安は多いが頑張るぞ☆
【最新のブログ記事】
ベーシックインカムはインフレを引き起こすのか？
https://okiku001.com/2018/09/15/bi-011/
ーーーーーーーーーーーーーーーーーーー
【定期放送再生リスト】
毎朝6時～「365日キクタプロジェクト」
https://goo.gl/XuwUMo
毎週土曜20時～ベーシックインカム について「今週のベーシックインカム」
https://goo.gl/G71J4b
毎週水曜20時～幸せになるには？「幸福を呼ぶマインドセット」
https://goo.gl/ApDmbJ
不定期配信【アプリ開発を試みる放送】
https://goo.gl/p43nD6
ーーーーーーーーーーーーーーーーーーー
ベーシックインカムとは？
https://goo.gl/poqFtP
某の活動について語っています。
http://okiku001.com/sbi-001/
ーーーーーーーーーーーーーーーーーーー
ツイッターはこちら
https://twitter.com/vocalooos
ーーーーーーーーーーーーーーーーーーー
↓キクタのHP↓
http://okiku001.com
【アプリ開発を試みる放送】その5 プロゲートによるjavascript
HTML5,CSS初級編が終わり、JavaScript初級編に入る。
Javascriptは全く初めてゆえに不安は多いが頑張るぞ☆
【最新のブログ記事】
ベーシックインカムはインフレを引き起こすのか？
https://okiku001.com/2018/09/15/bi-011/
ーーーーーーーーーーーーーーーーーーー
【定期放送再生リスト】
毎朝6時～「365日キクタプロジェクト」
https://goo.gl/XuwUMo
毎週土曜20時～ベーシックインカム について「今週のベーシックインカム」
https://goo.gl/G71J4b
毎週水曜20時～幸せになるには？「幸福を呼ぶマインドセット」
https://goo.gl/ApDmbJ
不定期配信【アプリ開発を試みる放送】
https://goo.gl/p43nD6
ーーーーーーーーーーーーーーーーーーー
ベーシックインカムとは？
https://goo.gl/poqFtP
某の活動について語っています。
http://okiku001.com/sbi-001/
ーーーーーーーーーーーーーーーーーーー
ツイッターはこちら
https://twitter.com/vocalooos
ーーーーーーーーーーーーーーーーーーー
↓キクタのHP↓
http://okiku001.com
【RPG編 #03】JavaScriptゲームプログラミング初級
次: sm34639630
前: sm34639616
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/p1aa3PYDdts
【RPG編 #04】JavaScriptゲームプログラミング初級
次: sm34639638
前: sm34639622
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/L-3bzaaTyj8
【RPG編 #06】JavaScriptゲームプログラミング初級
次: sm34639647
前: sm34639638
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/8la9ghX2FJM
【RPG編 #07】JavaScriptゲームプログラミング初級
次: sm34639651
前: sm34639644
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/MO6foQGEm5I
もぐらたたき×ライフゲーム
複雑系の例の動画を見て、もぐらたたきとライフゲームを組み合わせた簡単なゲームを作りました。（音はありません。）
ライフゲームの法則に従ってもぐらが増えるので、全滅しないように倒していきましょう。
ライフゲームに慣れている人だともっと得点が増やせると思います。
遊べるページ：http://www.alpheratz.sakura.ne.jp/boshi/game/life_tataki.html
BGM：かまタマゴ（https://kamatamago.com）
エアリスのテーマをアレンジ／JavaScriptで3Dスペクトラムアナライザーを自作してみた
JavaScriptでスペアナを実装しました。スペアナのパラメータはWeb Audio APIに標準含まれるAnalyserNodeを使っています。（本来であればフーリエ変換などの知識が必要になる）
で、PS版ヴァルキリープロファイルのサウンドテストのBGMプレイヤーの画面みたいな波形表示にしたかったのでWebGLを用いて奥行きを加え3D化しました。
初めての3Dプログラミングなので色々間違ってる気がしてならない。
（フレームごとに平面ポリゴンを作成してそこにその時点のCanvasで描画したスペアナ画像をテスクチャとして貼り付けて手前に追加し、古くなったポリゴンはその都度削除するという実装）
ちなみに、演奏している曲は、FF7のエアリスのテーマのアレンジです。だいたい、sm2863205 を作ったときと同時期に作ったやつ。当時公開するつもりだったけど、自分的には微妙な出来だったのでズルズルと公開が伸びて放置していました。
Vue JS 2 入門 完全パック - もう他の教材は買わなくてOK！ (Vue Router, Vuex含む)
Vue.jsの基礎を紹介した無料の動画です。
この動画でVue.jsを始めてみてください。
続きはこちらから視聴できます。
https://www.udemy.com/course/vue-js-complete-guide/?couponCode=NICONICO20190915
新しいコースを作成した際にいち早くお知らせできるので、Twitterのフォローもよろしくお願いします。
https://twitter.com/firstbumpofrice
ライフゲームを使った模様の描画
表題の通りライフゲームを用いた模様の描画です。
適当なBGMでもかけながら眺めるために作りました。
動きを維持するために外周からセルを一定間隔ごとに供給しているので
厳密にはライフゲームそのものではありません。
一定の規則性がある一方で周期がかなり長く変化が不規則で
全体的には虫が蠢いているような動きなので
蟻の巣作りでも眺めているような感覚になるかと思います。
人によっては幻覚というかサイケなものに見えるかも。
この動画自体はただの紹介で実際のプログラムは以下にあります。
https://xf108.web.fc2.com/gameoflife.html
javascriptのプログラムにhtmlのUIをつけただけですので
ローカルに保存しても動きます。
色調と残像効果は目が疲れないものにしたつもりですがそこはお好みで。
ひらがなとカタカナを変換するアプリつくったー
それだけだったりする。
HTMLの初心者でも、サーバー制御いらずに黒歴史な自作サイトで動くものを作れて満足している。
あと、PVぽいものも作れて二度満足。
ちなみに制作時間は約7時間。
https://masterexa.github.io/webapps/kana-converter/
ブラウザでブレークポイントを張る方法を紹介します
javascriptの実行を途中で止めてデバッグする方法です。
chromium系のブラウザで解説してますが、他のブラウザでも似た機能はあると思います。
【初音ミク「マジカルミライ2020」プログラミング・コンテスト】 リリックアプリ開発ことはじめ #mm2020procon
初音ミク「マジカルミライ2020」で初めて開催されるプログラミング・コンテストでは、マジカルミライのテーマ曲にあわせて歌詞などの映像演出が魅力的に動くWebアプリケーション（リリックアプリ）を募集しています。
この動画では、コンテストの概要からTextAlive App APIを使ったリリックアプリの開発方法まで紹介しています。開発方法だけに興味のある方は Part 3. をご覧ください。
#00:00 Part 0. はじめに
#00:34 Part 1. プログラミング・コンテストについて
#01:51 Part 2. リリックアプリとは？
#04:49 Part 3. TextAlive App APIを使ったリリックアプリ開発
#16:53 Part 4. プログラミング・コンテストの参加方法
#20:35 Part 5. おわりに
■ 初音ミク「マジカルミライ 2020」 プログラミング・コンテスト 公式サイト: https://magicalmirai.com/2020/procon/
■ TextAlive for Developers サイト内 コンテスト応募者向けサポートページ: https://developer.textalive.jp/events/magicalmirai2020/
■ 動画で紹介している作例 textalive-app-lyric-sheet の掲載サイト
CodePen: https://codepen.io/arcatdmz/pen/abNXJgG
GitHub: https://github.com/TextAliveJp/textalive-app-lyric-sheet
デモページ: https://textalivejp.github.io/textalive-app-lyric-sheet
■ 作例 textalive-app-lyric-sheet で流れるマジカルミライ2020 テーマ曲
ピノキオピー feat. 初音ミク / 愛されなくても君がいる
https://www.nicovideo.jp/watch/sm37223770
---
投稿者: 加藤 淳（産業技術総合研究所）
この動画に関するお問い合わせ: [email protected]