タグ JavaScript が登録されている動画 ： 624 件中 481 - 512 件目
種類:
- タグ
- キーワード
対象:
「あの楽器」をJavaScriptで作ってみた。
JavaScriptはまだ使われていないようだったので、「あの楽器」をJavaScriptで作ってみました。Flashは使っていませんが、音を出すために使っているdata URIスキームはIEではサポートされていないため、IEでは動きません。ソースはこちら。
http://heartland.geocities.jp/anogakkijs/
上記ページの誤字は直しましたが、動画を作り直す根性はないので、誤字の件はこらえてください。
mylist/26733172
5分で作るバラ描画プログラム
何も使わない短時間プログラミングで、できるだけ面白いものを作ってみようと思いまして。
ソースコードは、http://www.setsugen.net/movies.html の「5分で作るバラ描画プログラム」の右のリンクからDLできます。
sm24066667 画像の中のご飯にカレーをかけるプログラムを作ってみた
sm9738770 食品CMをピアノソナタに！！
sm17615392 【偽】歴史上の作曲家で有名曲をピアノアレンジ♪
sm8401559 【チャイム】ラスボス風にアレンジしてみた
sm6434061 【ドラえもん】ジャイアンのリサイタルをピアノで弾いてみた
sm8246243 【きゅうり】でピアノを弾いてみた【My Way】
マイリスト: mylist/8107433
BGM: nc95140
動画にコメントを書き出すツールを作ってみた / niconicomments-convert
書き出しサンプル：sm41422114
ダウンロードページ
https://github.com/xpadev-net/niconicomments-convert/releases
VOICEVOX:冥鳴ひまり
JSでプログラミングの基礎を学ぶPart2
※JS＝JavaScript
Part2 変数 定数 四則演算
ワクチンの副作用が割と辛いので初投稿です。
もし誤った説明や解説などがあれば、
ぜひご指摘ください。
次：sm39553291
前：sm39426292
Leap Motionでゾウさんをシコシコするゲームを作ってみた
Leap Motionを利用したブラウザゲームを作りました。leap.jsというJavaScriptのライブラリを使用しています。
HTML5ブラウザ対応です。ぜひ体験して楽しんでいただければ光栄です。
サイト ⇒ http://azunyan.sitemix.jp/leapmotion/shikoru.php
【MMD】ブラウザで踊ってもらった（その１）【WebGL】
はじめまして。WebGLを使ってみました。
お借りしたモデル：初音ミク（あにまさ氏）
お借りしたモーション：sm7936101
表情、物理演算、その他いろいろ未実装。IKも微妙...
ソースはそのうち公開したいです。→公開しました！
http://darkhorse2.0spec.jp/dh3d/
その２：sm10802109。その他：mylist/30335916
擬似3Dラスタースクロール
あっているかわからないですが、とびだせ大作戦とかで使われているスムーズな奥行きのあるスクロールです。
縦縞模様をパースさせたようなBGを用意してラスターで市松模様にするのがポイントかとおもいます。(BGを色分けしてあります)
Javascriptで再現してみました。
http://jsdo.it/bitchunk/OqJ7
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
うはうは☆プログラミング 宿題★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
まさおの非常にざっくりとした紹介
マリオメーカーが買えない？ ならば「まさおメーカー」で遊ぼう！
初見の方もそうでない方も、新しくなった「まさお」に触れてみては？
絵が雑でゴメンナサイm(__)m
まさお投稿サービス一覧：
●まさおメーカーSP+（http://litter.symphonic-net.com/MasaoMakerSP/MasaoMakerSP.cgi）
ユーザー登録不要ですぐに投稿可能。メーカーの使用にはJavaのプラグインが必要（投稿作品を遊ぶだけなら不要）。
●MasaoSpace（https://masao.space/）
最も新しい投稿サービス。Java等のプラグインは一切不要。
たくさんの宣伝ありがとう！
プログラミング初心者は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
【結月ゆかり・紲星あかり】センターをねらえ！の非公式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 第2回 前半
今回は変数・関数・条件文・ランダム関数についてです。
後半では、じゃんけんゲームを作ってみます。
関数や条件文については30分で説明できなかった部分もあるので、
第3回の前に追加動画をあげる予定です。
第3回動画は１週間後を予定しています。
第2回後半＞sm15484835
【プログラミング】前編・オセロを2時間で作ってみた【学生の実況解説】
■tkihira さんの niconicoprogramming をオマージュして録画しました。
■クリスマスですが、何も予定がないので気分転換にオセロを作る様子を実況してみました。
■できるだけ、最近の書き方を意識して JavaScript を書きました。
■一発撮りですので、ミスが多い点はご容赦ください。途中あまりにもバグで悩まされたので10分ほどカットした部分があります。ご容赦ください。
■Google Chrome, Sublime Text 2 での開発です。
前編→この動画
後編→sm25204626
ソースコードは以下にあります。
https://moriken.dev/nico/othello.html
ブラウザ上で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
東方風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
うはうは☆プログラミング 第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
Javascriptで人生ｺﾅﾀ＼(＝ω＝.)／
それをHTML文章中の を自動的に発見して、 ・ppmファイルをAjaxでdownload ・画像フォーマットを色つきの1*1pxのDivタグに変換。 ・インタレースな感じで表示 ということをしています。 ニコ動初登場ですが、mixiのコミュでグラフ化ツールさらした人です。
東方風STGブラウザゲームをJavaScriptとHTML5で作成中 その8
Chrome上でプレイ可能。協力プレイの接続方法はこちら。
http://d.hatena.ne.jp/takahirox/20140920/1411190305
前: sm23482639 次:
mylist/38547755
更新点はマイリスト参照。使用素材はその1の親作品参照。
音・絵は借り物で、プログラムは0から作成(WebGL用行列計算ライブラリ除く)。
念願のオンライン協力プレイに対応。
一人で二機の操作は無理だった。今度友人に協力してもらって撮り直すかも。
あとせっかくWebGL使ってるから自機視点に(無理やり)対応してみたり。
ゲームの完成度を上げる気はなくて、ブラウザゲームの機能面・性能面での実験場になってます。
質問あったらブログにどうぞ。
ブラウザMMDビューア→mylist/49125767
好きなTC39 Proposals発表ドラゴン / 重音テト
1人 ECMAScript Normative Changes Advent Calendar 2024 もよろしくね
https://adventar.org/calendars/10903
元ネタ
ンバヂ https://x.com/nbaji9
好きな惣菜発表ドラゴン sm42515407
【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
JavaScript で何か作ってみる【中編】
JavaScriptでプログラミングの中編です．前回 (sm10162675)，○×ゲームのインタフェース部分を作成しました．今回はその続きです．checkBingo を変えるとオセロにでも5目並べにでも，全然違うゲームにでもなります．気が向いたらやってみたら良いと思います．※ 画質を何とか上げようとした結果，変なノイズが入ってしまいました．すいません． mylist -> mylist/18326620
JavaScript/CSS でカラオケ風テロップ
http://pronama.azurewebsites.net/2015/03/20/karaoke-telop/ のデモ動画
TypeScript で記述。jQuery, Knockout.js 等を利用。
※ ヒャダインのカカカタ☆カタオモイ-C（ヒャダイン）は、レコード会社から利用が許諾された音楽原盤です。
うはうは☆プログラミング 第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
うはうは☆プログラミング 第18回(後半) JavaScriptでいろいろ操作
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます！
講師：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
前：sm32056893
次：sm32150050
そばかす式魔理沙にブラウザ上で踊ってもらった (JavaScript & WebGL)
前: sm26166836 次: sm27662763
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
特に更新はないけど、そばかす式魔理沙ver0.2が素晴らしかったのでつい。
動画中で使用している素材は親作品を参照。
Three.jsとかjThreeとかの3D CGライブラリは使ってません。
0からガリガリ書いてます。
デモサイトでは、その特性上再配布可能なデータしか置いていません。
そばかす式モデルを動かしたい人はローカル環境で試してください。
そばかす式モデルは「軽い」「表情豊か」「動かすと映える」と、
リアルタイムで動かすにはとても優秀なんですよね。
東方風STGブラウザゲーム→mylist/38547755
追記：無料広告チケットで宣伝してみました。
第7回 みゆっき☆Think 「本気で学ぶJavaScript」
2011年9月2日に放送した、第7回 みゆっき☆Think 「本気で学ぶJavaScript」の生放送動画です。
【出演者】
生徒：鳥居みゆっき
講師：株式会社ドワンゴ エンジニア 藤村 拓也
動画内で使用された資料、みゆっきのとったノートはこちらで公開しています！
http://info.dwango.co.jp/rd/2011/09/think-7-javascript.html
なお、機材トラブル等のため一部内容を編集して公開しております。
うはうは☆プログラミング 第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
ニコニコ互換コメント描画ライブラリを作ってみた
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追記
リンク切れしていたため修正しました