Three.js
ブラウザ上で3D表現を実現するJavaScriptライブラリで、クレーン安全シミュレーターの3D描画に使用しています。
Three.jsは、WebGLを利用してブラウザ上で3D表現を実現するJavaScriptライブラリです。BenriWorksでは、建設現場の安全教育向け「移動式クレーン安全シミュレーター」の3D描画に使用しており、クレーンから吊り下げた荷の振れといった物理現象の表現を検証しています。
振り子運動と減衰を使った荷振れ表現など、実際の開発で試した物理表現の設計と検証は開発記事として公開します。Three.jsによる物理表現の知見を探している開発者の参考になることを目指しています。
この技術を使うアプリ
関連記事

開発記事公開
買い切りアプリのライセンスをオフラインで検証する
学習ツールwavelaneで、Ed25519署名トークンによりサーバー通信なしでライセンスを検証し、個人情報も持たない設計にした実装を紹介します

開発記事公開
マントル対流をWeb Workerでリアルタイムに計算する
教育用3D地球シミュレータで、渦度と流れ関数による対流計算をWeb Workerで安定して動かし続けた実装を紹介します

開発記事公開
地震波の波線追跡でシャドウゾーンを再現する
教育用3D地球シミュレータで、スネルの法則による波線追跡からS波シャドウゾーンを再現した実装を紹介します

開発記事公開
Three.jsで移動式クレーンの荷振れを表現する方法
振り子運動と減衰を使った荷振れ表現の設計方針を、運動モデルとフレーム更新の観点から解説します

ガイド公開
クレーン安全教育に3Dシミュレーターを使う利点と限界
3Dシミュレーターをクレーンの安全教育に取り入れる場合の一般的な利点と、実機訓練や法令上の教育を代替できない限界を整理します


