2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

WEBGL用ゲームエンジン作ってみる ~40日目~

Posted at

はじめに

こんにちわ。
ゲームエンジン作って40日が立ちました。
飽きずに毎日作っています。

前回までの記事
1日目:https://qiita.com/osakasho/items/f02d7acf8a822e25d3e0
10日目:https://qiita.com/osakasho/items/543eb0888b0a4e9162d2
20日目:https://qiita.com/osakasho/items/4660d453e4f6dcec1fbd
30日目:https://qiita.com/osakasho/items/78ce6f19b32101b1b355
40日目:<<今ここ

現在の進捗について

エディタの改善

  • UEみたいなShift+WASDのカメラ移動
  • カメラ移動量の調整、補助線のONとOFF
  • UIナビゲーションのグリッド実装
  • 各種オブジェクトの通常マテリアルの色対応

ninhagl1.gif

ninhagl2.gif

ninhagl3.gif

シェーダエディタの改善

  • 任意のジオメトリでシェーダーマテリアルを記述およびプレビュー
    ※まだアニメーションの追加や、メインビューへの割りあて連携はできてません。
    ninhagl4.gif

細かな修正およびバグの修正

  • Transformエディタ(Inspector)のUI変更
  • Inspectorからスケールや位置、回転の変更と、直接操作するので同期修正

ninhagl5.gif

今後の予定(直近)

  • UIナビゲーションの実装
  • UIのボタンおよびアイコンリストの追加
  • 固定カメラ対応
  • スクリプト対応とWebWorkerAPIの連携
  • SkywayのマルチプレイヤーAddonの追加
  • シェーダエディタのアニメーションコードの実装
  • シェーダマテリアルの反映

おわりに

以外と長続きしてます。
Three.jsが楽しくて毎日発見があります。

今月、多少使えるレベルまでもっていきたい・・・・。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?