キーワード Javascript が含まれる動画 : 1160 件中 193 - 224 件目
種類:
- タグ
- キーワード
対象:
うはうは☆プログラミング 第20回 エレメントを動的に作る
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます!
講師: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
前:sm32150050
次:sm32317539
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その7
0から作成中。
使用ライブラリはWebGLのための行列計算ライブラリglMatrixのみ。
詳細やプレイ(only Chrome)は下記リンク先。
リプレイをサーバに登録することができるのでお試しあれ。
http://d.hatena.ne.jp/takahirox/20140504/1399222894
前: sm22137339 次: sm24664609
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
背景レイヤにWebGLを採用し、3D表現が可能になりました。
ブラウザMMDビューア→mylist/49125767
お前ら、メモ帳でゲームでも作ろうぜ!その3【1,2の復習のようなもの】
何事もなかったかのように再開。待ってた人がいたらごめんなさい。その0→sm4645993 その1→sm4688528 その2→sm4688988 その4→sm5832284 プログラミング系mylist/8393927
ブラウザ上で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
【プログラミング】前編・オセロを2時間で作ってみた【学生の実況解説】
■tkihira さんの niconicoprogramming をオマージュして録画しました。
■クリスマスですが、何も予定がないので気分転換にオセロを作る様子を実況してみました。
■できるだけ、最近の書き方を意識して JavaScript を書きました。
■一発撮りですので、ミスが多い点はご容赦ください。途中あまりにもバグで悩まされたので10分ほどカットした部分があります。ご容赦ください。
■Google Chrome, Sublime Text 2 での開発です。
前編→この動画
後編→sm25204626
ソースコードは以下にあります。
https://moriken.dev/nico/othello.html
ゲーム作りで学ぶjavascript 第2回 前半
今回は変数・関数・条件文・ランダム関数についてです。
後半では、じゃんけんゲームを作ってみます。
関数や条件文については30分で説明できなかった部分もあるので、
第3回の前に追加動画をあげる予定です。
第3回動画は1週間後を予定しています。
第2回後半>sm15484835
【結月ゆかり・紲星あかり】センターをねらえ!の非公式WEBアプリを作ってみた
JavaScriptを勉強して「センターをねらえ!」の非公式WEBアプリを作ってみましたのでよかったら遊んでみてください
(関係各所の許可はいただきました)
https://cennera.com/play/
JavaScriptを理解する目的もあったので生成AIは使っていません(否定するわけではなく)
素人の拙いプログラムですがどうぞよろしくお願いします!
もっと勉強してオンライン対戦にしたいな…
【クレジット】
・音声:A.I.VOICE2 結月ゆかり / A.I.VOICE2 紲星あかり
・キャラクターデザイン:文倉十
・ロゴ・カード・ステージデザイン:瞬 月凌
・BGM・SE:細井そうし
・コーラス:VOCALOID4 結月ゆかり / VOCALOID4 紲星あかり
・WEBプログラム:Bumpyうるし
・キャラクター著作:VOCALOMAKETS(運営:株式会社バンピーファクトリー)
・カードゲーム著作:cennera!(運営:株式会社バンピーファクトリー)
BGMとSEは無料配布中
https://cennera.com/cennera-data
プログラミング初心者は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
まさおの非常にざっくりとした紹介
マリオメーカーが買えない? ならば「まさおメーカー」で遊ぼう!
初見の方もそうでない方も、新しくなった「まさお」に触れてみては?
絵が雑でゴメンナサイm(__)m
まさお投稿サービス一覧:
●まさおメーカーSP+(http://litter.symphonic-net.com/MasaoMakerSP/MasaoMakerSP.cgi)
ユーザー登録不要ですぐに投稿可能。メーカーの使用にはJavaのプラグインが必要(投稿作品を遊ぶだけなら不要)。
●MasaoSpace(https://masao.space/)
最も新しい投稿サービス。Java等のプラグインは一切不要。
たくさんの宣伝ありがとう!
うはうは☆プログラミング 宿題★6 素因数の個数を調べる
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます!
という講座の宿題です。
講師:Revin https://twitter.com/rev84
生徒:やられ https://twitter.com/yanao331
YouTube:https://goo.gl/FjZ6ui
教材:https://github.com/rev84/uhauha_programming
本編マイリスト:mylist/59061583
宿題マイリスト:mylist/59781918
最初:sm31810972
前:sm31811529
次:sm31906199
Androidでニコニコ動画がみれるウェブページを作ってみた。
[ブログ用]ニコニコ動画の公式から動画を見ようとすると重いのでJavaScriptのみでAndroidに最適化したウェブページを作ってみました。[NicoWebPlayer for Android] URL : http://axe1lyze.client.jp/nicovideo/ ブログ : http://axe1lyze.blogspot.com やはりニコニコはプレミアムじゃないと画質が悪いのでYoutubeのURLを。 http://www.youtube.com/watch?v=W6Jvb1XemTc
擬似3Dラスタースクロール
あっているかわからないですが、とびだせ大作戦とかで使われているスムーズな奥行きのあるスクロールです。
縦縞模様をパースさせたようなBGを用意してラスターで市松模様にするのがポイントかとおもいます。(BGを色分けしてあります)
Javascriptで再現してみました。
http://jsdo.it/bitchunk/OqJ7
【MMD】ブラウザで踊ってもらった(その1)【WebGL】
はじめまして。WebGLを使ってみました。
お借りしたモデル:初音ミク(あにまさ氏)
お借りしたモーション:sm7936101
表情、物理演算、その他いろいろ未実装。IKも微妙...
ソースはそのうち公開したいです。→公開しました!
http://darkhorse2.0spec.jp/dh3d/
その2:sm10802109。その他:mylist/30335916
NT京都2019に出品予定!FlashAir羽ばたき機
先日参加したハンズオンで、東芝メモリさんのSDカード型無線デバイスFlashAirがおそろしく高機能のすぐれものであることを知り、さっそく羽ばたき機に応用してみました。きちんと確認していませんがたぶん世界初であろうと思います(羽ばたき機マイナーですからね)。
FlashAirは元はデジカメで撮影した画像を無線でPCに送るといった用途の製品だったと思いますが、その後どんどん機能強化されて、最新版の第4世代ではWiFiルータ/HTTPサーバ/DHCPサーバ機能をもち、WPA2エンタープライズ対応でセキュリティも強化。カード単体でマイコンライクにも動かせるなど多機能てんこ盛りです。
FlashAirは接続端子のうち5つをGPIOとして使うことができ、無線で各端子のオンオフを制御できるので、2^5=32通りの信号パターンを出力できます。この信号を適当なマイコン等に流し込んでやれば、その先に接続した様々な機器をかなり細かくコントロールできます(今回は左右2つのモータのオンオフができればよいので端子2つだけ使いモータドライバを制御)。
操縦は、FlashAirにWiFi接続したスマホからブラウザ経由で行います。制御プログラムはHTMLファイルに埋め込むJavaScriptです(外部制御なしで単体で動かせるluaスプリプトというのもあり)。メモ帳等で開発して、コンパイルせずSDカード上に直接書き込みます。特別なライタ等は必要なく、ちょうどmicro:bitのような手軽さです。
電力消費の大きそうなWiFiルータとHTTPサーバを載せて飛ぶわけなのでバッテリの持ちが心配でしたが意外と大丈夫で、1分ほど飛ばしたあとそのまま2台のスマホ間での数百MBの動画データ転送も難なくこなしてくれました。
開発にあたっては以下のサイトを参考にさせていただきました:
FlashAir Developers https://www.flashair-developers.com
(FlashAirは東芝メモリ株式会社さんの商標です)
この機体は、近作のホバリング多葉羽ばたき機 Doppeldecker IIと共に、3月24日に開催されるNT京都2019、および5月4-5日に開催されるMaker Faire Kyoto 2019にて展示・飛行デモを行う予定です。
機体スペック: 機体スペック:
全幅720mm/全長700mm/重量34grams/連続飛行時間2分
作者ブログ:羽ばたき飛行機製作工房 https://blog.goo.ne.jp/flappingwing
Leap Motionでゾウさんをシコシコするゲームを作ってみた
Leap Motionを利用したブラウザゲームを作りました。leap.jsというJavaScriptのライブラリを使用しています。
HTML5ブラウザ対応です。ぜひ体験して楽しんでいただければ光栄です。
サイト ⇒ http://azunyan.sitemix.jp/leapmotion/shikoru.php
JSでプログラミングの基礎を学ぶPart2
※JS=JavaScript
Part2 変数 定数 四則演算
ワクチンの副作用が割と辛いので初投稿です。
もし誤った説明や解説などがあれば、
ぜひご指摘ください。
次:sm39553291
前:sm39426292
動画にコメントを書き出すツールを作ってみた / niconicomments-convert
書き出しサンプル:sm41422114
ダウンロードページ
https://github.com/xpadev-net/niconicomments-convert/releases
VOICEVOX:冥鳴ひまり
【2024年新春MMD祭り】【MMDツール配布】階段昇降モーション生成実験&博麗神社mk2用モーション配布【MMDモーション配布】
【2025/6/13改訂】バージョンアップのお知らせ
「階段昇降モーション調整ツール実験版」を配布します。
動作原理は以前と同じで、JavaScriptにより作業を大幅に自動化しました。
よろしければ使ってみてください。
紹介動画(ダウンロード鍵もここに書いてあります)
https://www.nicovideo.jp/watch/sm45204694
階段昇降モーション調整ツール実験版
https://bowlroll.net/file/337520
(以下、投稿時の説明)
MMDには階段を昇り降りする動画が大変少ないです。
需要も少ないのでしょうが、配布されているモーションが少ないのも一因だと思います。
階段昇降モーションは少ない。2024年1月現在でも数えるほどしかない。
なぜ少ないかというと、作成作業が面倒なんですよ。
そこで、作成作業を少しでも省力化できないかと考えて、
自分の拙い技能で出来る範囲のものを作ってみました。
まだまだ実験段階で、実用化には程遠いですが、
興味を持たれた方は、使ってみてくださいませ。
あわよくば将来的には生成AIに組み込んで全自動化できないか、
とか妄想しているのですが……鬼が笑いますかね。
お借りしたものは動画中に記載しています。
配布物(ダウンロード鍵は動画中に記載しています。)
階段昇降モーション生成実験ツール
https://bowlroll.net/file/311996
博麗神社mk2階段昇降モーション
https://bowlroll.net/file/311997
【音声合成】空耳メーカー
日本語版の Windows Vista/Windows 7 に搭載されている音声合成エンジン「Microsoft Anna」に
日本語でしゃべってもらう為に作った「日本語」→「空耳英語」コンバータです。
「ゆっくりしすぎた、このけっか。はたらきだしたら、いっしょうそん。」
→「you kooly sis guitar, co no ket car. hutter lucky duh seater law, it show song. 」みたいな変換をしてくれます。
「Microsoft Anna」でなくても英語の読み上げソフトであれば大体、それっぽくしゃべってくれると思います。
Web 版は、こちら → http://cx20.main.jp/edu/javascript/SoramimiMaker/
5分で作るバラ描画プログラム
何も使わない短時間プログラミングで、できるだけ面白いものを作ってみようと思いまして。
ソースコードは、http://www.setsugen.net/movies.html の「5分で作るバラ描画プログラム」の右のリンクからDLできます。
sm24066667 画像の中のご飯にカレーをかけるプログラムを作ってみた
sm9738770 食品CMをピアノソナタに!!
sm17615392 【偽】歴史上の作曲家で有名曲をピアノアレンジ♪
sm8401559 【チャイム】ラスボス風にアレンジしてみた
sm6434061 【ドラえもん】ジャイアンのリサイタルをピアノで弾いてみた
sm8246243 【きゅうり】でピアノを弾いてみた【My Way】
マイリスト: mylist/8107433
BGM: nc95140
はじめてのRuby 1.9 プログラミング - TAKESAKO
RejectKaigi2009 2nd day(7/19)
mylist: mylist/16489581
再生数を増やさずに再生・コメントする方法【裏技もどき?】→不可に
※残念ながら、ニコニコ動画の仕様が変わってクッキー取得しても、javascriptを切っても再生が増えるようになったようです。
この動画、実は何万再生もされてるんですよ?(たぶん)
■「nicoplayer.swf」をブロックする代わりに、javascriptをoffにしても効果は同じです。
■すぐに再読み込みの手順を実施(動画では45秒付近)すると、失敗します。情報がサーバに反映(?)されるまで10~15秒待ってから再読み込みをする必要があります。
■ニコニコが重くてクッキーを取得出来なかったときも失敗します。この場合、再読み込みをする前に、クッキー「nicovideo.jp」-「nicohistory」の先頭に現在の動画IDが入っていることを確認してみてください。
「あの楽器」をJavaScriptで作ってみた。
JavaScriptはまだ使われていないようだったので、「あの楽器」をJavaScriptで作ってみました。Flashは使っていませんが、音を出すために使っているdata URIスキームはIEではサポートされていないため、IEでは動きません。ソースはこちら。
http://heartland.geocities.jp/anogakkijs/
上記ページの誤字は直しましたが、動画を作り直す根性はないので、誤字の件はこらえてください。
mylist/26733172
es6とreactでゲームを作る - ペアプロキャストep1前編@kjirou
@kjirouさんとes6とreactで作成途中のブラウザゲームをペアプログラミングします。
ドライバー:@kjirou
ナビゲーター:@komagata
リポジトリ:https://github.com/kjirou/dungeons-and-idlers
次:sm26387118
ニコ動マイリスト:mylist/50316202
Youtube再生リスト:https://www.youtube.com/playlist?list=PLK0aUy-c-BhVhHAdVqmrPs4yHzqNFk36z
【JavaScript】弾幕ゲーの3面作った【WebGL】
例の弾幕ゲー ( sm19757110 )の3面を作りました。
以前のステージがわりとヌルめだったので今回はちょっと激しめにしてみました。
渋くて熱い、すばらしいBGMはニコニ・コモンズのこちら( nc52497 )からお借りしています。
プレイはこちらから → http://9leap.net/games/2877
ヘタクソなデモプレイで申し訳ないorz
腕に覚えのあるシューターの方々はぜひハイスコアランキングへ!
JavaScriptでタイガー計算機作ってみた。
タイガー計算機(オドネル計算機)をご存知でしょうか? ご存知なければググれ。 さて、一昨日国立科学博物館に菌展を見に行ったら常設展にプレイアブルなタイガー計算機を見つけたので、解説員の話を聞き流しながら加減乗除算を一通りやってみました。 が、翌日ググってみるとこの計算機なんと開平計算までできるというではありませんか。 遊び足りなかったことを悔やんで、仕方ないのでJavaScriptでエミュレータを作ってみました。http://www.nexyzbb.ne.jp/~ikadzuchi/wwu/digital/soft/toraCalc.html なるほど、開平計算できた。すげぇ。
JSでプログラミングの基礎を学ぶPart3
※JS=JavaScript
Part3 文字列 条件分岐
寒くなってきので初投稿です。
もし誤った説明や解説などがあれば、
ぜひご指摘ください。
※追記
04:26あたりの話で「!」の説明が抜けてました
「違う」という部分で察すると思いますが多くのプログラミング言語において否定を表す記号です
他の分野では「¬」や「~」、文字の上に横棒を引いたものなどの記号があります
次:sm39644796
前:sm39454449
JavaScript でライフゲーム書いてみた
sm2143250 これみてて作りたくなったので書いてみた。一時間以上かかってしまった…… orzhttp://svn.coderepos.org/share/dan/javascript/cho45/lifegame/lifegame.html(少し画面を拡大してコントラストと明さ、シャープネスを調節してみました)
【検索用のセレクトボックスは】NicoSearch原案【これでどうかな?】
運営の人がこういうふうにデザインしてくれれば見やすいんじゃね? という程度の動画です。◆「SELECTタグ 画像」でググり始めてHTML作成1時間、動画作成1時間の、ちょーやっつけです。◆http://www.aocha.sakura.ne.jp/niconico/sort.html で実際に操作できます。◆ただのアイデア発表だったのですが、ユーザJavaScriptで、実際にこれを使える形で導入するってことが可能っぽいですね。不勉強でした。今、使える形で作成してみてるところです。でも絵心ないのでアイコン画像で行き詰まり。それ以外で頑張ってみよう。◆◆◆できました! sm10940589
【FGO同人RPGを作ってみた】宮本武蔵と浮世京都
これは、System Animator 11 (WIP)を使用して構築されたシンプルな3D Web RPGです。Google ChromeとFirefoxで動作します。
http://www.animetheme.com/system_animator_online/SystemAnimator_online_FGO.html?cmd_line=/TEMP/DEMO/fgo_rpg01
このゲームの詳細については、以下のREADMEファイルをお読みください。
http://www.animetheme.com/system_animator_online/TEMP/DEMO/readme_FGO.txt
System Animatorホームページ:
http://www.animetheme.com/sidebar/
twitter@butz_yung
国内死因別統計グラフ
国内の死因別統計グラフです。
出典 政府統計の総合窓口 e-Stat https://www.e-stat.go.jp/
「人口動態調査」(厚生労働省)を基にグラフを作成 統計資料入手時期2021年3月
投稿者ホームページ内のリンクです。
感染症死因別年次別死亡数G
https://macotocun.net/corona/kansenshou_chart_g.pdf
国内死因別統計グラフG
https://macotocun.net/corona/kokunaishiin_chart_g.pdf
JavaScript超入門2019 #3 HTML5 Canvas
次:sm34495026
前:sm34495003
Part1:sm34494986
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/js2019/
YouTube版
https://youtu.be/iQC-jRggmng
