キーワード Javascript が含まれる動画 ： 1160 件中 385 - 416 件目
種類:
- タグ
- キーワード
対象:
【ゆっくり実況】ぽたぽたと学ぶゼロからのウェブサイト開発入門 part2
ども、ぽたぽたです。part2です。
javascriptは別の動画でやろうと思っています。
↓↓完成図のサイトはここ
http://techinfo.jp/
ぽたぽたと学ぶゼロからのプログラミング入門 → http://potapota.jp/
sm25073485 ←前｜次→ 未定
その他投稿動画part1→mylist/47254942
body {
background-color: gray; margin: 0;
}
#contents {
background-color: yellow; width: 890px; height: 750px; margin: 0 auto;
}
#contentsheader {
background-color: blue;width: 100%; height: 220px;
}
#contentssubtitle {
background-color: red; text-align: right; margin-bottom: 20px;
}
#contentsmain {
background-color: green; height: 500px;
}
#contentslist {
font: bold x-large/100% normal; color: gray; background-color: white;margin-bottom: 70px;
}
【プログラミング】前編・オセロを2時間で作ってみた【学生の実況解説】
■tkihira さんの niconicoprogramming をオマージュして録画しました。
■クリスマスですが、何も予定がないので気分転換にオセロを作る様子を実況してみました。
■できるだけ、最近の書き方を意識して JavaScript を書きました。
■一発撮りですので、ミスが多い点はご容赦ください。途中あまりにもバグで悩まされたので10分ほどカットした部分があります。ご容赦ください。
■Google Chrome, Sublime Text 2 での開発です。
前編→この動画
後編→sm25204626
ソースコードは以下にあります。
https://moriken.dev/nico/othello.html
【プログラミング】後編・オセロを2時間で作ってみた【学生の実況解説】
■tkihira さんの niconicoprogramming をオマージュして録画しました。
■クリスマスですが、何も予定がないので気分転換にオセロを作る様子を実況してみました。
■できるだけ、最近の書き方を意識して JavaScript を書きました。
■一発撮りですので、ミスが多い点はご容赦ください。途中あまりにもバグで悩まされたので10分ほどカットした部分があります。ご容赦ください。
■Google Chrome, Sublime Text 2 での開発です。
前編→sm25203707
後編→この動画
ソースコードは以下にあります。
https://moriken.dev/nico/othello.html
初心者が知るべきJavaScriptの魅力はたった2つ！
自分が書いた↓の記事を読みながら解説する動画です！
http://mikumikuplay.com/it/javascript_goot_2point/
・内容
1. 構文の魅力
プロトタイプ型オブジェクト指向
関数が第一級オブジェクト
連想配列(ハッシュ)とオブジェクトが同じ
2. 動作するプラットフォームの魅力
さぁJavaScriptを学ぼう！
【蒼の彼方のフォーリズム】FlyingCircusをゲームにしてみる part1 【Unity】
感動しすぎてその勢いでjavascript勉強してunityで作った。Youtubeでもうちょっと詳細にアップロードしてます。[https://www.youtube.com/user/gizennsyax/videos]【フライングサーカスまとめ→mylist/47816679】
プログラミング初心者はJavaScriptを学んだ後、PHPを勉強すると良い理由
記事URL
http://mikumikuplay.com/it/beginner_should_learn_javascript_and_php/
プログラミング初心者が初めに学ぶべき言語は？
JavaScriptとPHP学びやすくて学び甲斐がある！
入門者向けWebサイトや本がたくさんある
作ったものをネット上に無料で公開できる
まずはJavaScriptを学ぶ
実行環境を構築する必要がない
HTMLとCSSもセットで学ぶ
言語仕様が小さい
次にPHPを学ぶ
クライアントだけじゃつまらない
同じC言語系シンタックスなので学びやすい
環境構築が簡単
最初はHTMLの中にPHPタグを書く書き方で良い
慣れてきたらフレームワークも使ってみる
DBもセットで学ぶ
コミュ
co2268886
マイリス mylist/44222969
ブラウザ上でMMDを踊らせてみる その1 (JavaScript & WebGL)
次: sm25726043
mylist/49125767
ブログ投稿用。使用しているライブラリは行列計算用のglMatrixのみ。
嫌なことがあったので、むしゃくしゃして3日くらいでここまで作った。
インフルエンザで外出もできなかったし。
まだまだ実装途中。性能改善はIK実装後予定。
東方風STGブラウザゲーム→mylist/38547755
音感テスト作ってみた
こちらから↓
http://pippin1024.web.fc2.com/onkan/index.html
※javascriptを有効にしてください。
※Chrome推奨
和音(コード)の聞き取りテストです。
問題は全部で20問でランダムに出題されます。
1問の点数は最大5点で、全体で100点満点です。
各問題の始めに音声が再生されます。また、真ん中の♪をクリックしても同じ音声が再生されます。
下の5つの選択肢から、音声に対応するコードネームを1つを選びクリックします。
正解した場合、残り時間に応じた点数が加算されます。
ブラウザ上でMMDを踊らせてみる その2 (JavaScript & WebGL)
前: sm25695992 次:sm25738890
mylist/49125767
ブログ投稿用。
使用しているライブラリは行列計算用のglMatrixのみ(自前のものに差し替え予定)。
ここまでで実作業日数5日くらい。まだまだ実装途中。
東方風STGブラウザゲーム→mylist/38547755
プリンセスコネクト 音声再生設定を拡張するPC Chrome用スクリプト
プリンセスコネクトをプレイしていて
ボイス設定で「次の音声まで再生を止めない」機能と
SE・BGM・ボイスの個別音量設定があればいいのに、と思ったので
PC ChromeのTampermonkey用ユーザースクリプトを組んでみました。
ブックマークレット化してインラインフレームを利用した擬似ブラウザみたいな感じにすれば携帯でも...
http://tools.gfdb.info/princess-connect-voice-cancel-inhibitor.html
ブラウザ上でMMDを踊らせてみる その3 (JavaScript & WebGL)
前: sm25726043 次:sm25900381
mylist/49125767
ブログ投稿用。
使用しているライブラリは行列計算用のglMatrixのみ(自前のものに差し替え予定)。
ここまでで実作業日数7日くらい。まだまだ実装途中。
WebWorkersの導入でCPU側はまだ性能改善できるかも。
東方風STGブラウザゲーム→mylist/38547755
TM-Shooter CBL A-S 真ボス サカガミ ハイパー手動ボム禁止縛り
TM-Shooter cure black label
http://tmshooter.net/
HTML5による怒首領蜂再現 をコンセプトとした本格弾幕STG
真ボス出現条件はノーコンティニュー2ミス以内でビギナースタイル以外です。
トレーニングモードはビギナー以外で必ず出現します。
この動画はトレーニングモードStage5のrank50で開始。
ハイパーと手動ボム禁止の縛りです。
できるだけ弾幕を覚えられるように撮りました。
他のプレイ動画 mylist/41537568
tmlib.jsでゲームを作ってみよう〜道中を重視したSTG(1)
おひさしぶりです。
今回からはまたSTGを作っていきます。
敵の配置やパターンの実装を見せてほしいというリクエストを頂いたので、道中を重視した弾幕STGを作っていこうと思います。
名づけてドチューン！！です。
よろしくお願いします。
tmlib.jsのダウンロードはコチラから→https://raw.githubusercontent.com/phi-jp/tmlib.js/develop/build/tmlib.js
使用する画像素材はコチラ→ http://static.dev7.jp/docyuun_assets.zip
利用条件はREADME.txtを読んでね。
前 sm22928803
次 sm25791488
マイリスト mylist/39031781
tmlib.jsでゲームを作ってみよう〜道中を重視したSTG(2)
横スクロールアクションの時と同じように、今回も Tiled Map Editor と tm.display.MapSprite を使っていきます。
tmlib.jsのダウンロードはコチラから→https://raw.githubusercontent.com/phi-jp/tmlib.js/develop/build/tmlib.js
使用する画像素材はコチラ→ http://static.dev7.jp/docyuun_assets.zip
利用条件はREADME.txtを読んでね。
前 sm25738659
次 sm25926183
マイリスト mylist/39031781
JavaScript/CSS でカラオケ風テロップ
http://pronama.azurewebsites.net/2015/03/20/karaoke-telop/ のデモ動画
TypeScript で記述。jQuery, Knockout.js 等を利用。
※ ヒャダインのカカカタ☆カタオモイ-C（ヒャダイン）は、レコード会社から利用が許諾された音楽原盤です。
ブラウザ上でMMDを踊らせてみる その4 (JavaScript & WebGL)
前: sm25738890 次:sm25936936
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
使用ライブラリはglMatrix(行列演算)とAmmo.js(物理演算)のみ。
Bullet(Ammo.js)を使って物理演算に対応。
ここまでで実作業日数1ヶ月くらい。色々大はまり。
まだまだまだまだ実装途中。
物理演算が重すぎてWebWorkersであまり性能改善ができなかった。
動画はローポリミクで60fps。その後に15fpsしか出なかった魔理沙を4倍速で少しだけ。
7年前くらいに買ったノートPC上で動いています。
ローポリ初音さん: http://www.geocities.jp/neko_terashima/MMD/index.html
東方風STGブラウザゲーム→mylist/38547755
CreateJS でアプリつくった話 - プロ生勉強会 第32回
2014/12/20開催「プログラミング生放送勉強会 第32回＠GMO Yours」のセッションです。
詳細： http://pronama.azurewebsites.net/2014/12/03/pronama-32-at-gmo-yours/
「CreateJS でアプリつくった話」@ru_shalmさん
スマホブラウザゲーつくろう！
lv203718786
mylist/25733855
tmlib.jsでゲームを作ってみよう〜道中を重視したSTG(3)
敵キャラを出します。
tmlib.jsのダウンロードはコチラから→https://raw.githubusercontent.com/phi-jp/tmlib.js/develop/build/tmlib.js
使用する画像素材はコチラ→ http://static.dev7.jp/docyuun_assets.zip
利用条件はREADME.txtを読んでね。
前 sm25791488
次 未定
マイリスト mylist/39031781
ブラウザ上でMMDを踊らせてみる その5 (JavaScript & WebGL)
前: sm25900381 次:sm25953917
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
使用ライブラリはglMatrix(行列演算)とAmmo.js(物理演算)のみ。
ようやく形になってきた感じ。
性能を今から倍くらいに上げたい。
動画はミクで実時間基準動作(50fpsしか出ないので、間に合わないフレームをスキップ)、
次にそばかす魔理沙で60fps動作、
最後に30fpsしか出なかったアリスを2倍速で。
7年前くらいに買ったノートPC上で動いています。
もっと軽いモデルが増えてくれると色々遊べて嬉しいんだけどな。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上で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
試製ダメ男製造機Web版を作ってみた
はじめまして。
Web系の勉強をしていたら、気が付くとダメ男製造機が出来てしまったのでご紹介致します
Web上で操作可能なMMDビューワみたいなものです。
モデルの表示にはjThreeというライブラリを使用しています。
執務室の描画や移動の制御はすべてHTML、CSS、JavaScriptで行っており、専用の3Dソフトは使っていません。
またブラウザの機能の都合上、今の所Operaでしか完全な表示ができません。
そのあたり踏まえつつ、ダメになりたい提督はこちらへどうぞ
http://tocoro.m24.coreserver.jp/dameo/
2015/4/8追記
ほーく様、宣伝感謝です。
その他作ったもの
mylist/49892111
ブラウザ上でMMDを踊らせてみる その7 (JavaScript & WebGL)
前: sm25953917 次: sm26008748
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
音楽を鳴らして、音楽と同期を取れるようにした。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算の処理がまだおかしいらしく、
そばかす魔理沙のスカートが暴れていますが気にしないでください。
デモで使える素材を探すのが大変。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その8 (JavaScript & WebGL)
前: sm25974661 次: sm26069436
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
エッジ対応。マウスによるカメラ制御対応。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算やIKのおかしさには目を瞑ってください。
60fps出る環境なら物理演算はだいぶましに見えます。
東方風STGブラウザゲーム→mylist/38547755
ブラウザ上でMMDを踊らせてみる その9 (JavaScript & WebGL)
前: sm26008748 次: sm26166836
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
ステージ対応。ポストエフェクト対応。物理演算調整。
配布されているステージとポストエフェクトは思いの他重かったので、
GLSLを駆使してとりあえずそれっぽいものをいくつかこしらえてみました。
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかは使ってません。0からガリガリ書いてます。
(物理演算と行列演算ライブラリは使っているけど)
動画の最後に前回の撮り直しが入ってます。
前回の物理演算は納得いってなかったんで。
足のピクピクはIK solverのバグです。
東方風STGブラウザゲーム→mylist/38547755
The Tank3 【ニコニコ自作ゲームフェス５】
【ゲームタイトル】
The Tank3
【クリア時間】
1時間
【動作環境】
Windows7
【ジャンル】
シューティング
【使用した制作ツール】
Java/JavaScript
【概要】
難易度高め、マップ探索型シューティングゲーム。
ブーストを駆使して敵を撃破せよ！
【ゲーム入手先】
DL版（要Javaプラグイン）
http://www.vector.co.jp/soft/winnt/game/se490190.html
Web版
http://sorakomi.com/soft/game/tank3/main.html
【コメントへの返信】
スペースがないためサイト掲示板に書いていきます。
http://sorakomi.com/
285人くらいおれ一人で倒してみせるぜ 【ニコニコ自作ゲームフェス５】
【ゲームタイトル】
285人くらいおれ一人で倒してみせるぜ
【クリア時間】
5分 エンドレスモードなら腕次第でいくらでも
【動作環境】
Windows7、Android4.x
【ジャンル】
アクション
【使用した制作ツール】
Java/JavaScript
【概要】
何人向かってこようと倒すゲーム。
【ゲーム入手先】
DL版（要Javaプラグイン）
http://www.vector.co.jp/soft/winnt/game/se501220.html
Web版
http://sorakomi.com/soft/game/battle_of_285/main.html
Android版
https://play.google.com/store/apps/details?id=jp.ne.sk_mine.android.game.battle_of_285
【コメントへの返信】
スペースがないためサイト掲示板に書いていきます。
http://sorakomi.com/
吉田であるということ 【ニコニコ自作ゲームフェス５】
【ゲームタイトル】
吉田であるということ
【クリア時間】
2分
【動作環境】
Windows7、Android4.x
【ジャンル】
クイズ
【使用した制作ツール】
Java/JavaScript
【概要】
おまえら吉田の何を知ってるっていうんだ。
5人の中から吉田を探し出せ！
【ゲーム入手先】
DL版（要Javaプラグイン）
http://www.vector.co.jp/soft/winnt/game/se501225.html
Web版
http://sorakomi.com/soft/game/yoshida_de_aru/main.html
Android版
https://play.google.com/store/apps/details?id=jp.ne.sk_mine.android.game.yoshida_de_aru
【コメントへの返信】
スペースがないためサイト掲示板に書いていきます。
http://sorakomi.com/
ズー・サバイバー 【ニコニコ自作ゲームフェス５】
【ゲームタイトル】
ズー・サバイバー
【クリア時間】
5分
【動作環境】
Windows7、Android4.x
【ジャンル】
アクション
【使用した制作ツール】
Java/JavaScript
【概要】
動物園に来ていたはずが、気づけば檻の中にいた――。
アイテムを使って追ってくる動物たちをかわし、建物から脱出だ！
【ゲーム入手先】
DL版（要Javaプラグイン）
http://www.vector.co.jp/soft/winnt/game/se506346.html
Web版
http://sorakomi.com/soft/game/zoo_survivor/main.html
Android版
https://play.google.com/store/apps/details?id=jp.ne.sk_mine.android.game.zoo_survivor
【コメントへの返信】
スペースがないためサイト掲示板で。
http://sorakomi.com/
ハンバ～グ牧場Ｒ
ニコニコ自作ゲームフェスタ５出品作品ですにゃ。遊び方は、サイト内に説明ページがありますけど、読まにゃくてもわかると思いますにゃ。
http://bigchan.sakura.ne.jp/bokujo-r/bokujo-rm.html
※ＩＥ以外だと動かにゃい可能性が高いですにゃ。
※ダウンロード形式じゃにゃくて、わたしのサイトにそのまま載せてますにゃ。遊ぶ時も、そのまま遊べますにゃ。
※あほげーさんでいつもお世話になってる関係で、出品はしますけど、各賞の選考・審査は辞退しますにゃ。
【結月ゆかり】幸福なシムの街づくり 3日目 【SimCity(2013)】
今回の動画かなり内容は多いです。
一部かなりかっ飛ばしました。
ソフトウェアで遊ぶのって楽しいですよね。
ハードウェアと違って壊れてもバックアップがあるし。
最近の趣味はHtmlとScc・Javascriptで遊ぶことです。
お金があったら鯖も作ってみたい。
シムシティ2013購入リンク
http://goo.gl/uEDa3z
mylist/49287123
前―＞sm25813778
次―＞気が向いたら
居酒屋「鳳翔」Web支店を作ってみた【Live2D】
どうも、今回はダメ男製造機改居酒屋「鳳翔」を作ってみました。
HTML+CSS+JavaScriptで作っていますので、今回も体験可能です。
鳳翔さんはLive2Dで作成してGIFアニメとして出力しています。
ブラウザはOpera・Safari・Chromeで表示可能ですが、動作において得手不得手があります。
そのあたり踏まえてこちらからどうぞ
http://tocoro.m24.coreserver.jp/izakaya_hosho/
魯粛様の「居酒屋鳳翔物語番外編3」に背景として使って頂きました。
sm26244511
その他作ったもの
mylist/49892111
ブラウザ上でMMDを踊らせてみる その10 (JavaScript & WebGL)
前: sm26069436 次: sm26268613
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
複数モデル対応。影対応。ポストエフェクト追加。
複数モデルはさすがに重いので、動画中の物理演算が若干残念なことになってます。
実装したい機能は大体入れた感じ。
顔モザイクのアイデア元 https://twitter.com/i_saint/status/590815779802648577
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかの3D CGライブラリは使ってません。
0からガリガリ書いてます。
東方風STGブラウザゲーム→mylist/38547755