キーワード Javascript が含まれる動画 ： 1160 件中 449 - 480 件目
種類:
- タグ
- キーワード
対象:
phina.jsによる10分間プログラミングPart50 横スクロールアクション編
移動床作成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/519cb28f
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/JXb5mAQleKA
前回 sm32193234 移動床作成part2
次回 sm32222142 移動床作成part4
mylist/59143338 phina.jsマイリスト
shioleap様広告ありがとうございます。
JavaScrptでアルカノイドを作ってみるVer.2
JavaScriptとp5.jsでアルカノイド風なブロック崩しゲームを作ってみる動画です。
今回は前回の続きでボールの描画と移動処理を実装しました。
前回どう考えてもソースコードの文字サイズが小さくてスマホだとほとんどなに書いてあるかわかんないと思ったので、今回から文字を大きくしました。
これからは１本の動画を10分程度にまとめようとしましたが、20分になってしまいました。次回から頑張ります。
youtubeにも上げてます。
https://youtu.be/mKoiuzyjkXM
Windows Live の本気「Messenger Connect」 #TechParty2011
2011/8/27 開催 TechParty 2011 広島地区
http://heroshima.jp/TechParty2011.aspx
Windows Live の本気「Messenger Connect」
プログラミング生放送: Microsoft MVP for Online Services - Windows Live: jz5
Windows Liveサービスと統合したアプリ開発を可能にするMessenger Connectについて紹介します。
ソーシャルアプリを作るならTwitterとFacebook連携とあわせて、Windows Liveもね。趣味プログラマー視点で簡単な内容を話します。
mylist/27526713
key sound player
javascript で web audio api を使ったブラウザ演奏のプログラムをつくりました。そのデモ操作動画です。
■key sound player
http://yuroy.rdy.jp/other/ks.html
キーボードで音を鳴らしたりループ演奏したり録音したりファイル書き出ししたりできます。
音源がかなり多いので読み込むのに時間がかかります。スペックによってもしかしてブラウザが固まったりするかもしれないですが、固まったらごめんなさい。ほんとうにごめんなさい。
firefox と chrome では動きました。他はわからないですが多分ダメだと思います。
こんなかんじですが、よかったら遊んでみてください。
phina.jsによる10分間プログラミングPart24 インベーダー編
ゲームオーバー画面
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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マイリスト
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様広告ありがとうございます。
tmlib.jsでゲームを作ってみよう（４）
その４ 敵弾
今回のポイント
(1)敵弾の移動
弾の向かう方向をdとし、X座標にcos(d)、Y座標にsin(d)を足していくことで任意の方向に弾を動かすことが出来ます。
前 sm22160827
次 sm22256498
マイリスト mylist/39031781
phina.jsによる10分間プログラミングPart23 インベーダー編
爆発エフェクト
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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様 広告ありがとうございます。
phina.jsによる10分間プログラミングPart35 横スクロールアクション編
背景描画
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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/4c5f4163
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/kVURI-9gSFQ
前回 sm31913068 マップ間移動（イベントファイルのロード)
次回 sm31936249 敵作成パート１
mylist/59143338 phina.jsマイリスト
shioleap 様 広告ありがとうございます。
phina.jsによる10分間プログラミングPart39 横スクロールアクション編
プレイヤーショット
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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/b5420bbc
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/fmRSIjyRXZc
前回 sm31950950 敵との当たり判定
次回 sm31974539 ショットと敵の当たり判定
mylist/59143338 phina.jsマイリスト
【過去放送】2019/03/02 雑談「SVGでアニメーションさせたいんじゃ」
Mohoでボーンを入れたベジェをアニメーションさせて、
出力したSVGのタグをRubyで解析して修正して、
JavaScriptを使って後追いロードしてコマの切り替えを実装して…
って、無駄に技術つぎ込んでる感半端ない（白目）
放送中に見せてたアニメはコレ
https://sourceof0-html.github.io/walk_anime/
下記日付に行ったニコ生の録画編集動画です。
2019年03月02日（土） 20:30～
sm34680248←前 mylist/61095983 次→sm34751024
【JavaScript：5限目】プログラミング？なにそれおいしいの？【2枠目】
最初(一限目) → sm19079001
sm19204488 ←前 次→ sm19204640
mylist/34106830 ←過去放送一覧
《放送日》2012年10月23日（火）20時30分〜23時00分：ニコニコ生放送にて
《内容》jQueryの基礎と実習
▼この番組は・・・
SRTスタヂオがお送りするプログラミング講座番組です。
コンセプトは「プログラミングができない２人がプログラミングを学ぶ」。
つくりたい、学びたいものをリアルタイムに調べ・試し・悩みながら習得していきます。
※ 番組メンバーも絶賛勉強中のため、解説などに間違いがある場合がございます。番組趣旨をご理解の上、ご参加いただけたら幸いです。
[rk10][28S05] Seamless Integration Testing
![[rk10][28S05] Seamless Integration Testing](https://nicovideo.cdn.nimg.jp/thumbnails/11913926/11913926)
paulelliott (Hashrocket)
Do you have a solid, full coverage integration test suite? You should. It is the final automated point of assurance that what you are about to push to production is not going to blow something up and cost your or your client money. I show how to integration test a real Rails application, demonstrating best practices you can apply to any setup and the latest technologies for fully covering your app, including javascript!
phina.jsによる10分間プログラミングPart33 横スクロールアクション編
マップ間移動
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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/d5d076f3
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/T1NyNBQbpFE
前回 sm31877920 マップスクロール
次回 sm31913068 マップ間移動（イベントファイルのロード)
mylist/59143338 phina.jsマイリスト
【ニコニコ動画用】動画の音量を上げるブックマークレットを作ってみた
音量の自動調整とかで小さくしちゃう人増えそうだから作ってみた。
動画視聴ページで使用してください。
ここからブックマークレット
javascript:((d,y,j,q,n,v,c,g,r)=>{r=d.createElement("input");r.max=400;r.type="range";r.min=0;r[y]=0;r.style="width:25%;height:36px;margin-left:10px;";r.onchange=r.oninput=e=>{if(!v){v=d[j](q);c=new AudioContext();g=c.createGain();c.createMediaElementSource(v).connect(g);g.connect(c.destination);}g.gain.value=1+(r[y]/100);};d[j](n).appendChild(r);})(document,"valueAsNumber","querySelector","#MainVideoPlayer > video",".ControllerContainer-area");
ここまで
追記：めんぼう さん ruins さん 佐藤 さん 広告ありがとうございます。
約5分で分かる！自作ニコ生ゲーム事前準備編
自作ニコ生ゲームを作ってみたい方向けに
事前準備から最初のテンプレートを起動するまでの手順動画です。
過去に手順を動画化してるのでこの動画でわからない方はこちらも見てみてください！
https://www.nicovideo.jp/watch/sm41268926
こちらはAkashicEngineの公式サイトがリニューアル前のものになります！やってることは同じです！
公式サイトのインストール手順はここから見れます。
https://akashic-games.github.io/tutorial/v3/introduction.html
動画内に出てくるリンクやコマンド
※1 https://www.nicovideo.jp/watch/sm41267018
※2 https://akashic-games.github.io/tutorial/v3/
※3 https://nodejs.org/en/
（書くの忘れてたけど動画時間40秒くらいのnode.jsのリンクです）
※4 npm install -g @akashic/akashic-cli
※5 npm install -g @akashic/akashic-sandbox
8/23追記：
新たに環境を作る場合はこの機能が※４と統合されているらしく、
※5の手順はいらないそうです！（公式さんに確認済み）
※6 akashic init -t javascript-shin-ichiba-ranking
※7 【akashic sandbox】打つのはカッコの中身です！
動画内でかくの忘れてました！
ゲームをを終了する場合はコマンドプロンプト内でcttl+cを押せば終了できます。
【クレジット】
魔王魂： ときめき☆ラビリンス、シャイニングスター
VOICEVOX:ずんだもん
Chef スマ勉 グーグルグラスでビットコイン支払い アクセル・ワールド
はてブのIT系記事を読んで最新の技術トレンドをキャッチする生放送の動画だお
内容
資格取得するとちょっとお金出たりとかしか
JavaとC#の違い教えて下さい
やっぱ中国攻撃してるやん
今から15年前くらいにMITの学生がそっくりのデバイスで歩きながら論文書いてた
イマドキだと電脳じゃなくてニューロリンカーなのか、年齢を感じる
今はWebクライアントはjavascript全盛時代な気がする
PHPかっこいいな
言語の良しあしもだけど、他の言語よりも早く普及したからってのがあるね
マイリス mylist/44222969
IT系雑談はco9320、プログラミング作業生はco2268886で放送してるお
初音ミクのゲーム作ってるお
http://mikumikuplay.com/
初心者が初心者向けにJavaScriptを解説しながらゲームを作っていく動画 003
JavaScriptでゆっくりゲームを作っていこうという動画です。
めざすはハイドライド風のARPGです。
おもいのほか、間隔があいてしまいました。しばらくは1か月近くかかるかもです。
自己満解説
http://ohchan2525.web.fc2.com/m/001.html
sm30658685<-前 次-> なるはやで
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分間プログラミングPart54 横スクロールアクション編
Windowの表示
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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/02999643
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/s2MnkmIa-hQ
前回 sm32268757 NPCの作成
次回 sm32329855 メッセージエンジンの作成
mylist/59143338 phina.jsマイリスト
tmlib.jsでゲームを作ってみよう〜横スクアクション編(6)
今後敵キャラクターを実装するにあたり、自機クラスと共通となるであろう処理を抽出してスーパークラスを作っておきます。
前 sm22562013
次 sm22573815
マイリスト mylist/39031781
phina.jsによる10分間プログラミングPart22 インベーダー編
ブロックの作成
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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/cf18f105
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/LlATeQJ3MlY
前回 sm31643837 エイリアンの反撃
次回 sm31684138 爆発エフェクト
mylist/59143338 phina.jsマイリスト
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分間プログラミング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様広告ありがとうございます
『紅蓮華』を古文に翻訳して歌ってみた＠水無瀬 紀柳
現代文を入力すると古文に翻訳してくれるプログラム「古文にする」で、様々な曲の歌詞を古文に翻訳しているのを最近良く見かけるようになりました
そこで、実際に古文に翻訳した状態で歌ってみると面白いのではと思ったので、鬼滅の刃の紅蓮華を古文に翻訳して歌ってみました
「古文にする」↓
https://catincat.jp/javascript/kogo3.html
Vocal.Mix
水無瀬 紀柳
使用楽曲
紅蓮華/LiSA
・水無瀬 紀柳のTwitter
https://twitter.com/minase_0317
(ライブ出演情報、動画投稿のお知らせ、日々のつぶやきなど)
【なのだまつり】出来たよお姉ちゃん！ずんだもんを増やすプログラムだよ！
Youtube版：https://youtu.be/kImnvM9nGPE
コーディングした作品を世に出すのは初めてなので初投稿です。
凛・・・。
さくら・・・。
ミーミル・・・。
そしてワッカ・・・！！
やったよ、俺、成し遂げたよ！！
【Youtube】https://www.youtube.com/channel/UC8XwnGq_6ZbmpffOkEdvCAg
【Twitter】https://twitter.com/AI97762109
●クレジット表記
【YMM4】https://manjubox.net/ymm4/
VOICEVOX:ずんだもん
↓ニコニ広告してくださった方々↓
くみちょー様
自作ゲーム レイガリ 参考用プレイ動画
http://9leap.net/games/4211
HTML5+JavaScriptで作成しました。
tmlib.jsを使用しています。
音や画像は全てオリジナルです
phina.jsによる10分間プログラミングPart29 横スクロールアクション編
ブロックの作成
下記の内容を利用してます。
この場を借りてお礼申し上げます。
学習教材 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/a9f7d34f
画質が悪くて見えない場合は以下をご参照ください。(youtube)
https://youtu.be/hBnHGFMN4dY
前回 sm31793678 フレームアニメーション ジャンプ
次回 sm31831811 衝突判定
mylist/59143338 phina.jsマイリスト
shioleap様 広告ありがとうございます。
8x9Craftセットアップ
Minecraftでプログラミングができるようになる、8x9Craftというmodのセットアップの解説動画です。
動画ではForgeのインストールから8x9Craftのインストール、そしてブロック言語によるプログラミングで、木こりをするプログラムをつくって木こりをするところまでです。