タグ Javascript が登録されている動画 : 624 件中 449 - 480 件目
種類:
- タグ
- キーワード
対象:
Leap Motionでゾウさんをシコシコするゲームを作ってみた
Leap Motionを利用したブラウザゲームを作りました。leap.jsというJavaScriptのライブラリを使用しています。
HTML5ブラウザ対応です。ぜひ体験して楽しんでいただければ光栄です。
サイト ⇒ http://azunyan.sitemix.jp/leapmotion/shikoru.php
ネットワークトラフィック可視化ツール Dot Star
ネットワークトラフィックの可視化。音源は次の2曲。てってて~原曲、じゅるP氏作:Gene-Revolutionary
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その6
ライブラリなど使わず0から作っています。
前: sm22039412 次: sm23482639
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
詳細やプレイ(only Chrome)は下記リンク先。
リプレイをサーバに登録することができるのでお試しあれ。
http://d.hatena.ne.jp/takahirox/20130819/1376894048
高速化のためにメモリ管理手法を変えた結果、
メモリの使用量を25%、GCの負荷を99%カットできました。
他にも細かいチューンを行い、高速化は一段落したので、ようやく次のステップに進めそうです。
今回も相変わらず霊夢と魔理沙のリプレイを垂れ流しています。
ブラウザMMDビューア→mylist/49125767
Leap Motionで野球拳(じゃんけんゲーム)を作ってみた
Leap Motionで、じゃんけんを認識する野球拳ゲームを作ってみました。
leapjsというJavaScriptのライブラリを使用しています。
HTML5対応ブラウザで動作します。ぜひ体験して楽しんでいただければ光栄です。
サイト ⇒ http://azunyan.sitemix.jp/leapmotion/strip.php
前回作った「ゾウさんシコシコゲーム」動画 ⇒ http://www.nicovideo.jp/watch/sm22043764
【プログラミング】問題集(クイズ)をつくるよ!【実況解説】1
■Javascript(enchant.js)を使用して、簡単な問題集(クイズ)をつくります。C言語の基礎知識があればわかりやすいと思います。
■使用ソフト[google chrome][ペイント]
■使用したサイト
code9leep→http://code.9leap.net/
Let’s start enchant.js→http://enchantjs.com/ja/tutorial/lets-start-enchant-js/
■次→sm22903782 マイリス→mylist/41890130
※自分のスキルアップもかねています。自分は正直教えられる立場ではありませんが、プログラム初心者さんの足しになればと思いやっていきます。
[追記]javaとjavascriptが同じだと思っていました。失礼しました。
JavaScript/CSS でカラオケ風テロップ
http://pronama.azurewebsites.net/2015/03/20/karaoke-telop/ のデモ動画
TypeScript で記述。jQuery, Knockout.js 等を利用。
※ ヒャダインのカカカタ☆カタオモイ-C(ヒャダイン)は、レコード会社から利用が許諾された音楽原盤です。
【MMD格闘ゲームを作ってみた】初音ミク vs 重音テト
これは、System Animator 11 (WIP)を使用して構築されたシンプルな3D Web格闘ゲームのテクニカルデモです。Google ChromeとFirefoxで動作します。
http://www.animetheme.com/system_animator_online/SystemAnimator_online.html?cmd_line=/TEMP/DEMO/miku_battle_arena01
キーパッドを使用して攻撃コンボを入力する。
System Animatorホームページ:
http://www.animetheme.com/sidebar/
twitter@butz_yung
野獣先輩のBB水族館.html
javascriptで野獣先輩のBBを泳がせてみました。
小さすぎてサムネにインパクトがなさすぎる
なんでこんな役に立たないもの作ってしまったのだろうか・・・
【新】ワンクリック詐欺を作ろう - #6 VueJSを導入する
実際に作ってみることによってワンクリック詐欺が怖くない理由をはっきりさせましょう。
HTMLの基礎を習得してから、Bulma + VueJSでモダンなワンクリック詐欺サイトを作成します。
前: sm35675066, 次: sm35675089
全パート: series/60324
JSでプログラミングの基礎を学ぶPart0
※JS=JavaScript
Part0 導入
今日は寒いので初投稿です。
もし誤った説明や解説などがあれば、
ぜひご指摘ください。
次:sm39426292
JavaScriptでネギ振らせてみた。
JavaScriptは素晴らしい! メモ帳とブラウザさえあればプログラム組んで実行までできる! …え? デバッグ? そりゃもうdocument.writeで。 曲はおなじみOtomania様のIevan Polkkaをお借りしてます。 //レス >miku=[];で初期化 うわ、知らんかった。これで大分楽になるぜありがとう! >配列いらない ソース見て絵が見えるように改行したかったんで。 //sm4184860さんが巨大化してくれました。 こんなコードでよければどんどん使っちゃってください。
ニコ生 fujimon vs 5zj
lv8899473 がおもしろいときいたので、保存しておきました。
電卓作成の回。左5zj、右fujimon。続き → sm9291328
コミュ動画から見ている人は sm9291300 も見てね。
プログラミング初心者は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
プリンセスコネクト 音声再生設定を拡張するPC Chrome用スクリプト
プリンセスコネクトをプレイしていて
ボイス設定で「次の音声まで再生を止めない」機能と
SE・BGM・ボイスの個別音量設定があればいいのに、と思ったので
PC ChromeのTampermonkey用ユーザースクリプトを組んでみました。
ブックマークレット化してインラインフレームを利用した擬似ブラウザみたいな感じにすれば携帯でも...
http://tools.gfdb.info/princess-connect-voice-cancel-inhibitor.html
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
ブラウザ上でMMDを踊らせてみる その7 (JavaScript & WebGL)
前: sm25953917 次: sm26008748
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
音楽を鳴らして、音楽と同期を取れるようにした。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算の処理がまだおかしいらしく、
そばかす魔理沙のスカートが暴れていますが気にしないでください。
デモで使える素材を探すのが大変。
東方風STGブラウザゲーム→mylist/38547755
好きなTC39 Proposals発表ドラゴン / 重音テト
1人 ECMAScript Normative Changes Advent Calendar 2024 もよろしくね
https://adventar.org/calendars/10903
元ネタ
ンバヂ https://x.com/nbaji9
好きな惣菜発表ドラゴン sm42515407
androidプログラミング実況 - 第3章(最終章) htmlファイルの表示
htmlファイルをWebViewを使って表示しています。 sm21175963←前 一覧→mylist/37547283 アプリ→ https://play.google.com/store/apps/developer?id=gerogero
【プログラミング】前編・オセロを2時間で作ってみた【学生の実況解説】
■tkihira さんの niconicoprogramming をオマージュして録画しました。
■クリスマスですが、何も予定がないので気分転換にオセロを作る様子を実況してみました。
■できるだけ、最近の書き方を意識して JavaScript を書きました。
■一発撮りですので、ミスが多い点はご容赦ください。途中あまりにもバグで悩まされたので10分ほどカットした部分があります。ご容赦ください。
■Google Chrome, Sublime Text 2 での開発です。
前編→この動画
後編→sm25204626
ソースコードは以下にあります。
https://moriken.dev/nico/othello.html
5分で作るバラ描画プログラム
何も使わない短時間プログラミングで、できるだけ面白いものを作ってみようと思いまして。
ソースコードは、http://www.setsugen.net/movies.html の「5分で作るバラ描画プログラム」の右のリンクからDLできます。
sm24066667 画像の中のご飯にカレーをかけるプログラムを作ってみた
sm9738770 食品CMをピアノソナタに!!
sm17615392 【偽】歴史上の作曲家で有名曲をピアノアレンジ♪
sm8401559 【チャイム】ラスボス風にアレンジしてみた
sm6434061 【ドラえもん】ジャイアンのリサイタルをピアノで弾いてみた
sm8246243 【きゅうり】でピアノを弾いてみた【My Way】
マイリスト: mylist/8107433
BGM: nc95140
MMD x Webアプリ (JavaScript&WebGL)
前: sm27662763 次: sm30067053
mylist/49125767
デモ: http://takahirox.github.io/MMDLoader-app/index.html
Three.js r74に入るTHREE.MMDLoaderを使って、
サンプルアプリをいくつか作ってみました。
こんな感じに、リアルタイムに色々処理が可能になります。
エディタの方はまだまだまだ時間がかかりそうな感じ。
動画撮った後に、デモにアンチエイリアス処理追加したけど重くなったかも。
東方風STGブラウザゲーム→mylist/38547755
JavaScriptだけでMidiプレーヤー
Imaya氏のソースをベースにXG音源と一部のGS音源に対応させたMIDIプレイヤーを作りました。
smfplayer.jsでMIDIをWebMidiLink形式に変換し、sf2synth.jsで受け取ったMIDIシーケンスを再生します。ちなみに、MIDIファイルはZipで固めて、やっぱりJavaScriptで解凍してたりします。
http://logue.github.io/smfplayer.js/
この動画では、鳥の歌と微笑みの爆弾(※)のMIDIファイルを再生しています。
※微笑みの爆弾は、MIDIファイルをドラッグアンドドロップでローカルのファイルを直接再生。
WebMidiLinkに関してはhttp://www.g200kg.com/en/docs/webmidilink/を参考にしてください。JavaScriptでボーカロイドとかもっとすごい世界が広がってますよ。
ブラウザ上で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
初心者が初心者向けにJavaScriptを解説しながらゲームを作っていく動画 001
JavaScriptでゆっくりゲームを作っていこうという動画です。
めざすはハイドライド風のゲームです。
解説ページつくりました
http://ohchan2525.web.fc2.com/m/001.html
次-> sm30706732
うはうは☆プログラミング 第19回 Audio~音を鳴らす~
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます!
講師: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
宿題マイリスト:mylist/59781918
最初:sm31855171
前:sm32106822
次:sm32287425
うはうは☆プログラミング 第21回(前半) 連想配列
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます!
講師: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
宿題マイリスト:mylist/59781918
最初:sm31855171
前:sm32287425
次:sm32317621
ニコ生用NGスクリプトを作ったのだ
NicoLiveCleaner
https://greasyfork.org/ja/scripts/382031-nicolivecleaner
ニコニコ互換コメント描画ライブラリを作ってみた
Github: https://github.com/xpadev-net/niconicomments
npm: https://www.npmjs.com/package/@xpadev-net/niconicomments
サンプル
・陰陽師: https://xpadev-net.github.io/niconicomments/sample/?video=0
・流星群: https://xpadev-net.github.io/niconicomments/sample/?video=2
せっかく作ったので使ってやってください
※サムネは自作版のキャプチャです
比較動画(最新): sm40473359
比較動画: sm39797537
(大体のCAに対応したので比較動画を更新しました)
旧比較動画: sm39748618 (Youtube: https://youtu.be/GLuvks_mlEg )
Youtube版は4Kまであります
12/16追記
ドキュメント整備しました
https://xpadev-net.github.io/niconicomments/
2023/03/10追記
リンク切れしていたため修正しました
ゲーム作りで学ぶjavascript 第2回 補講
第二回で勉強した、変数、関数、条件分岐についての補足動画です。
もう少しペースを遅くしてほしいとのことなので、
次回以降配慮します。
次>sm15519194
WebGroove ブラウザで動くシーケンサー (HTML5 + Javascript) デモ
ブラウザで動作するシーケンサーのデモです。ただしFirefoxかChromeが必要です。Javascriptのソフトシンセでリアルタイムに音を合成しています。【http://www.g200kg.com/】の左メニューにあります。ボーカルシンセ搭載のver0.9はこちら⇒sm16190548
Sencha Touch をさわってみた HTML5 プロ生勉強会 #pronama
2011/11/19 開催 HTML5 プログラミング生放送勉強会 第11回@大阪
http://bit.ly/pronama11
「Sencha Touch をさわってみた」
TWorks さん(@tworks): 新大阪アプリ初心者勉強会「楽しいアプリ制作の会」代表
lv70701712
mylist/12987821
Amazonの価格を(見かけ)安くしよう - #1デモと下準備
Webページの書き換えを実践して、構成を理解しましょう。
ブックマークレットの紹介と、作成に必要な環境を解説。
次 sm26614562 全パート mylist/50780038
伸びた動画: mylist/62251587
Twitter: http://twitter.com/yoidea
