インプレス ビジネスメディア

［書籍連動］「ゲームで学ぶJavaScript入門 増補改訂版」物理エンジンの詳細解説

本記事は、書籍「ゲームで学ぶJavaScript入門 増補改訂版」用に作成した簡易2D物理エンジン「Tiny2D.js」の詳細解説です。Tiny2D.jsは角速度や質量は考慮しない、矩形と円しかサポートしないなど、物理エンジンと名乗るには僭越なほどシンプルなものですが、シンプルなだけに使い方も簡単で、修正も十分に可能です。「百聞は一見にしかず」です。まずはサンプルを実行してみて、どのような動きをするのか皆さん自身で確かめてみてください。

本書はブックインプレスより購入できます。

記事一覧

JavaScriptで簡易物理エンジンを実装する

本記事は、書籍「ゲームで学ぶJavaScript入門 増補改訂版～ブラウザゲームづくりでHTML＆CSSも身につく!」用に作成した簡易2D物理エンジン「Tiny2D.js」の詳細解説です。

田中 賢一郎

2022年12月13日 6:30

  • 開発言語
  • 技術解説

物理エンジン「Tiny2D.js」のソースコード詳説

物理エンジン「Tiny2D.js」の全コードは250行程度です。どのような構造になっているのか順番に見ていきましょう。

田中 賢一郎

2022年12月13日 6:30

  • 開発言語
  • 技術解説

人気記事トップ10

「jQuery」でWebゲーム「Color」を開発してみよう LLMの「親切さ」を逆手に取るジェイルブレイク手法「HILL」と防御の限界 「MySQL」と「PostgreSQL」の「データの暗号化」機能を比較する 【arXiv最前線】自律型AIに潜む「信頼できない思考プロセス」 テキストエディタ「Vim 9.2」リリース ─ Vim9言語の強化やdiffモード改善など大幅なアップデート 【ソフトウエアエンジニア編】“伝えたつもり”が実は伝わっていない問題の回避策 【CNDW2025】CloudNative時代に品質を後回しにしないための開発プロセス再設計とLeading Qualityの実践 KDE、デスクトップ環境「KDE Plasma 6.6.0」リリース ─ UI改善とアクセシビリティ強化 「面」の地理情報データを扱ってみよう【後編】 Linuxカーネル「Linux 6.19.2／6.18.12／6.12.73／6.6.126」リリース ─ 安定性強化や不具合修正など
LLMの「親切さ」を逆手に取るジェイルブレイク手法「HILL」と防御の限界 【号外：後編】中学生起業家からトヨタ部長までが共演。350名が目撃した「生成AIギルド大感謝祭」全貌レポート 【ソフトウエアエンジニア編】“伝えたつもり”が実は伝わっていない問題の回避策 テキストエディタ「Vim 9.2」リリース ─ Vim9言語の強化やdiffモード改善など大幅なアップデート GitHub Universe 2025、日本からの参加者による座談会を開催 Kubernetesの開発環境を構築してプルリクエストを投げる準備を整えよう 「jQuery」でWebゲーム「Color」を開発してみよう Valveが新型ハードウェアを2026年上半期に出荷ほか Metaとユタ大学がリストバンド型デバイスを共同研究ほか ネットワーク管理ツール「NetworkManager 1.56」リリース ─ 安定性と接続管理機能を強化
LLMの「親切さ」を逆手に取るジェイルブレイク手法「HILL」と防御の限界 GitHub Universe 2025、日本からの参加者による座談会を開催 Valveが新型ハードウェアを2026年上半期に出荷ほか 【号外：後編】中学生起業家からトヨタ部長までが共演。350名が目撃した「生成AIギルド大感謝祭」全貌レポート 【ソフトウエアエンジニア編】“伝えたつもり”が実は伝わっていない問題の回避策 Linuxカーネル「Linux 6.19」リリース ─ 次期リリースは「7.0」に テキストエディタ「Vim 9.2」リリース ─ Vim9言語の強化やdiffモード改善など大幅なアップデート オープンソースの圧縮・解凍ソフト「PeaZip 10.9.0」リリース ─ GUI強化と多形式プレビュー対応で利便性向上 「面」の地理情報データを扱ってみよう【後編】 Gateway API(「kgateway」＋「agentgateway」)でKubernetes上のAIツール接続を制御する
人気記事ランキングをもっと見る

新着記事

「MySQL」と「PostgreSQL」の「データの暗号化」機能を比較する 2月19日 8:40 【arXiv最前線】自律型AIに潜む「信頼できない思考プロセス」 2月19日 6:30 「jQuery」でWebゲーム「Color」を開発してみよう 2月18日 6:30 【CNDW2025】CloudNative時代に品質を後回しにしないための開発プロセス再設計とLeading Qualityの実践 2月18日 6:00 「CloudWatchアラーム」でシステムの問題を自動検知しよう 2月17日 6:30

企画広告も役立つ情報バッチリ！ Sponsored

【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには 1月23日 6:30 【CNDW2025】プロダクト急増に備える基盤刷新 ーウェルスナビがECSからEKSへの移行で得た知見とは 1月15日 6:30 【CNDW2025】250環境を5人で運用、構築時間は30分に ーKINTOテクノロジーズが語るインフラ基盤組織の作り方 2025年12月18日 6:30 新たな自動化で熱視線！ AIエージェントの「推論能力」を支える2つのコンポーネントとは？ 2025年11月28日 6:30 IoTに生成AIを掛け合わせる「AI-driven IoT」で現場のIoTデータ活用を加速 2025年11月26日 6:30 アイレット、KDDIの属人化問題を生成AIアシスタントの精度を高め解消へ 2025年11月21日 6:30 「Grafana Cloud」の先進的ユーザーであるグリーが10年をかけて到達した「オブザーバービリティ」とは 2025年5月15日 6:30 Grafana Labs CTOのTom Wilkie氏インタビュー。スクラップアンドビルドから産まれた「トラブルシューティングの民主化」とは 2025年4月21日 6:30 API管理をより簡単にする「Kong Konnect」が解決する課題とその主要機能 2025年3月5日 5:30 目指すはプロセス連結によるサイロ化の打破! ガバナンス強化にも寄与する自動化プラットフォームとは 2025年1月15日 6:30