タグ JavaScript が登録されている動画 ： 624 件中 225 - 256 件目
種類:
- タグ
- キーワード
対象:
tmlib.jsでゲームを作ってみよう（２）
その２ 敵の出現
今回のポイント
(1)tm.createClass()
クラスを作る関数です。
親クラス(superClass)、コンストラクタ(init)などを定義することが出来ます。
(2)TriangleShapeコンストラクタの第３引数
fillStyleで塗りつぶしに使われる色を指定することが出来ます。
(3)tweener
エレメントにアニメーションを設定するためのプロパティです。
指定したプロパティを絶対量として変化させるtoメソッド、相対量として変化させるbyメソッドなどを持ちます。
(4)Math.rand(a, b)
整数aからbまでの範囲から、ランダムな整数を返します。範囲にはa、bともに含まれます。
前 sm22063606
次 sm22160827
マイリスト mylist/39031781
【JavaScript】戦艦ゲーム作ってみたよ【tmlib.js】
艦これにハマった影響で、戦艦ゲームを作ってみました。
こちらでプレイできます→ http://9leap.net/games/3592
言語はJavaScript。Webブラウザ上で動きます。
ゲームエンジンとしてtmlib.jsを使っています。
俺が作ったゲーム→ mylist/32698857
【RPG編 #11】JavaScriptゲームプログラミング初級
次: sm34816772
前: sm34639669
Part1: sm34639612
公開サイト
http://tk2-217-18218.vs.sakura.ne.jp/prog/rpg/
YouTube版
https://youtu.be/JrS_BKM3GwI
ブラウザ上で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
ブラウザ上でMMDを踊らせてみる その7 (JavaScript & WebGL)
前: sm25953917 次: sm26008748
mylist/49125767
デモ: http://takahirox.github.io/mmd-viewer-js/
音楽を鳴らして、音楽と同期を取れるようにした。
動画中で使用している素材は親作品を参照。
使用ライブラリ (いずれ自前のものに差し替えたい)
- glMatrix(行列演算)
- Ammo.js(物理演算)
- Whammy.js(動画生成)
物理演算の処理がまだおかしいらしく、
そばかす魔理沙のスカートが暴れていますが気にしないでください。
デモで使える素材を探すのが大変。
東方風STGブラウザゲーム→mylist/38547755
[ブラウザゲー] DeepStriker [STG]
![[ブラウザゲー] DeepStriker [STG]](https://nicovideo.cdn.nimg.jp/thumbnails/24441616/24441616)
今回は横シューを作ってます。
まだ1面のみですが、こちらのURLでプレイできます。→ http://daishihmr.github.io/jsstg-cannon/
俺の作ったゲーム mylist/32698857
【ニコニコ自作ゲームフェス３】まじょりんぱ！【魔法アクション】
自作ゲームの紹介動画です。ぜひ、プレイしてみてください！
http://oab.no-ip.biz/~palincos/maho/
新作→sm24025560
【ゲームタイトル】まじょりんぱ！ ～輝け！マジカル・ハート！～
【クリア時間】 約300分
【動作環境】 Windows：Google ChromeもしくはIE9,10推奨
【ジャンル】 魔法アクション
【使用言語】 JavaScript＋自作ラッパー
【概要】 バリエーション豊かな魔法を駆使して戦う魔女っ娘の、
友情を描いた物語です。
【制作】 ぱるそ
ネットワークトラフィック可視化ツールcobain
ネットワークトラフィックの可視化。計測地点は東京の某所。ブラウザで閲覧している様子をキャプチャ。音源は次の2曲。てってて～原曲、じゅるP氏作：Gene-Revolutionary
tmlib.jsでゲームを作ってみよう（１）
その１ 自機の表示
今回のポイント
(1)tmlib.jsのインクルード
https://rawgithub.com/phi-jp/tmlib.js/0.1.8/build/tmlib.min.jsをscriptタグで読み込みます。
(2)tm.app.CanvasApp
canvasを使ったアプリケーション。コンストラクタ引数にcanvas要素のidを渡しましょう。
(3)scene
エレメント階層の一番上にいるエレメント。app.currentSceneで取得できます。
(3)tm.app.TriangleShape
三角形のエレメントです。addChildTo()でsceneに追加できます。
(4)update()
毎フレーム呼び出される関数です。
(5)app.keyboard.getKey()
キーボードでキーが押されているかどうかを取得することができます。
次 sm22063641
マイリスト mylist/39031781
androidプログラミング実況 - 第１章 html+javascript+enchant.jsによるアプリの紹介
これからhtml+javascriptは、よりOSと仲良く親密になると考え、タイトルの通りhtmlを使ってAndroidアプリを作ってみました。 一覧→mylist/37547283 次→sm21175963 アプリ→https://play.google.com/store/apps/developer?id=gerogero P.S Titaniumも面白そう。
【万年エターナるが(ry その13】ステージ２絵コンテ
「万年エターナるが3Dシューティングを作ります」その13です。
今作っているシューティングゲーム「Phantastic Tryno World」 http://www.geocities.jp/warotarock/ptw_beta/
のステージ２絵コンテです。
2か月ほど今後のステージやキャラ設定、世界観など考えていました。
そもそもプラットフォームを変えようかなどと考えたり…。
それなりに考えもまとまってきて、そろそろ走り出だしたくなったので
まず絵コンテを作り動画にしました。
音楽素材：Cyber-Rainforce様 remain of old world http://cyber-rainforce.net/
[リスト]mylist/33115940
ゲーム作りで学ぶjavascript 第2回 補講
第二回で勉強した、変数、関数、条件分岐についての補足動画です。
もう少しペースを遅くしてほしいとのことなので、
次回以降配慮します。
次＞sm15519194
プログラムを勉強して4週間の俺が初めてウイルスっぽいのを作ってみた
これはｊａｖａｓｃｒｉｐｔを4週間勉強して作りました。まだまだ自分で想像してプログラムを立てることができませんＯｒｚ次もでき次第うｐするつもりです。醜いという苦情があるのでｙｏｕｔｕｂｅ版もうｐしましたhttp://www.youtube.com/watch?v=7pnjAtrJwM8&feature=channel_video_title
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
【プログラミング】ブラウザだけで出来るプログラミング【初心者向け】
こんにちは
趣味プログラマー人間です
今回の動画は、プログラミングです
できることは少ないかもだけど簡単
なんか警告とか出てくるかもだけでOKしとけばいいよ
コピペ用↓
about:blank
console.log("なにこれ")
alert("な に こ れ")
let A = "なにそれ"
alert(A)
クレジット
編集ソフト:YMM4
ずんだもん:東北ずん子ずんだもんPJ、VOICEVOX
春日部つむぎ:KASUKABE project、VOICEVOX
立ち絵:坂本アヒル
画像:いらすとや
効果音:効果音ラボ
Font:自家製フォント工房
【Bitburner】葵ちゃんは楽して5000兆円稼ぎたい #2【VOICEROID実況】
Project Kotonohack の始まりです。
全体的に文字が小さいので、PC等の大きな画面での視聴をお勧めします。
【プレイしたゲーム】
Bitburner(Steam) ※無料
https://store.steampowered.com/app/1812820/Bitburner/
サイバー攻撃は重大な犯罪です。
ゲーム外でこのような行為をしてはいけません！
【使用音声】
A.I.VOICE 2 琴葉 茜・葵
CeVIO AI 小春六花 トークボイス
VOICEPEAK 京町セイカ
【お借りした立ち絵】
・琴葉葵(或窓 様) im11168925
・小春六花 (夜刀 様) im10581458
ニコニコ互換コメント描画ライブラリを作ってみた
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 Love for Perl Hackers - Ingy döt Net
yapcasia2008 day:1 track:2 (2008-05-15)
(Ingy döt Net)
next: sm3320300(acme) first: sm3318996(gudgod) mylist: mylist/6727329
time table: http://conferences.yapcasia.org/ya2008/schedule
小泉花陽だけでかよちん描いた for Web
みけねこめがねです。
新作動画ができました。
だれでも推しを推しの名前で描かせることができます。
今回はかしわくん（Twitter：@3920kashiwa)にご協力いただきました。
かしわくん本当にありがとう。
http://mikenekoyutori.lv9.org/
↑のサイトで実行することができます。
注意事項を読んでご利用ください。
Twitter:https://twitter.com/mknk_mgn（よろしければフォローお願いします）
Pixiv：http://pixiv.me/mikeneko_yutori
私のアイコンのキャラクター、みけねこちゃんを描いていただけるとのけぞって喜びます。
マイリスト→mylist/54823522
ガルパンはいいぞ
ニコニコ動画のコメント入力補助ツールを作ってみた（＃２）
このツール(Firefox用のBookmarklet)は、視聴画面や投稿者コメント編集画面にコメントの入力を補助する操作パネルを追加するものです。
フルライジオボタン化、カラー記憶機能追加等行いました。
基本的な発想はGRNさんのものです。
GRN放送局:http://com.nicovideo.jp/community/co300695
twitter:https://twitter.com/grnweb
お借りした動画:sm26364728
ツール(Bookmarkletの紹介記事)
http://ameblo.jp/odoriko-link/entry-12035754587.html
nicoｺﾒ補助ﾂｰﾙver.2.22r
http://tottemohimadesi.esy.es/js/nico_come_assist_tool-ver2.22r.js
コメントアート（弾幕）の知識はこちらをご覧ください。
コメントアートwiki
http://www37.atwiki.jp/commentart/
プリンセスコネクト 音声再生設定を拡張するPC Chrome用スクリプト
プリンセスコネクトをプレイしていて
ボイス設定で「次の音声まで再生を止めない」機能と
SE・BGM・ボイスの個別音量設定があればいいのに、と思ったので
PC ChromeのTampermonkey用ユーザースクリプトを組んでみました。
ブックマークレット化してインラインフレームを利用した擬似ブラウザみたいな感じにすれば携帯でも...
http://tools.gfdb.info/princess-connect-voice-cancel-inhibitor.html
【万年エターナるが(ry その23】エピソード３三分の一公開【自作ゲーム】
終わらない夏の冬。
「万年エターナるが3Dシューティングを作ります」その23です。
「Phantastic Tryno World」(制作中)
http://www.geocities.jp/warotarock/ptw_beta/
仮配置をもとにエピソード３の序盤部分、全体の約３分の１までを
動くようにして公開しました。今回も8月を区切りにしただけですけども…。
やったこと
・エピソード３の序盤部分を作る
・いくつかの実験
今回は少しだけコメントへのお返事も動画の中で書いてあります。
音楽素材：Cyber-Rainforce様 powder snow (trance version)
[リスト]mylist/33115940
WebGroove ブラウザで動くシーケンサー (HTML5 + Javascript) デモ
ブラウザで動作するシーケンサーのデモです。ただしFirefoxかChromeが必要です。Javascriptのソフトシンセでリアルタイムに音を合成しています。【http://www.g200kg.com/】の左メニューにあります。ボーカルシンセ搭載のver0.9はこちら⇒sm16190548
名古屋Reject会議 keigoi
2011年2月26日 名古屋Reject会議 keigoi http://partake.in/events/47ccda3b-82d2-4f89-aa83-395a26545b62 (mylist/24198962)
JavascriptでWindows更新画面
ダウンロード https://ux.getuploader.com/tsuby_gomisuteba/download/2
※ジョークアプリです。最後にブルースクリーンエラーが表示されますがフェイクであり無害です。
うはうは☆プログラミング 宿題★1 最高点の調査
札束の風呂に入ってウハウハになりたい素人に、プログラミングを教えます！
という講座の宿題です。
講師：Revin https://twitter.com/rev84
生徒：やられ https://twitter.com/yanao331
YouTube：https://goo.gl/FjZ6ui
教材：https://github.com/rev84/uhauha_programming
本編マイリスト：mylist/59061583
宿題マイリスト：mylist/59781918
次：sm31811001
「無彩限のファントム・ワールド」のアイキャッチをWebカメラで再現
初投稿です。
パソコンについてるWebカメラから取得した映像を、HTML、JavaScript、CSSを使用し、アニメ「無彩限のファントム・ワールド」で特徴的なデジタルな感じのアイキャッチっぽく加工してみました。
挙動不審なのはお許し下さい……
es6とreactでゲームを作る - ペアプロキャストep1後編@kjirou
@kjirouさんとes6とreactで作成途中のブラウザゲームをペアプログラミングします。
ドライバー：@komagata
ナビゲーター：@kjirou
リポジトリ：https://github.com/kjirou/dungeons-and-idlers
前：sm26375942
次：sm26425307
ニコ動マイリスト：mylist/50316202
Youtube再生リスト：https://www.youtube.com/playlist?list=PLK0aUy-c-BhVhHAdVqmrPs4yHzqNFk36z
【nodeモジュール】precure.js作ったよ【JavaScript】
npmモジュールでprecure.jsを作りました。
プリキュアシリーズのすべてが内蔵されたライブラリです。
親にプリキュア全員の名前の列挙を求められた時などにお使いください。
github https://github.com/daishihmr/precure.js
tmlib.jsでゲームを作ってみよう（３）
その３ 自機のショット
今回のポイント
(1)tm.app.CircleShape
円形のエレメントです。tm.app.TriangleShapeの親戚です。
(2)敵とショットの衝突判定
あらかじめenemiesという配列に敵を格納しておき、ショットのupdate関数内で衝突判定をしています。
衝突判定にはisHitElement()関数を使用しています。
(3)配列スキャン中に要素を削除する
concat関数で一旦配列をコピーしてからループ処理を行います。
要素の増減による添字のズレを防ぐことが出来ます。
前 sm22063641
次 sm22206747
マイリスト mylist/39031781