Animation

2026-01-28 | lain

sin/cos を使った基本アニメーション（上下移動・揺れ・回転・色変化）を、Three.js/JavaScript の最小コードで一気に整理する学習メモ。

カテゴリ： JavaScript

タグ： #Three.js#Math#Animation#Trigonometry

2026-01-11 | lain

前回のフェーズ駆動バトル実装を「完成版」へ。enemyフェーズ（敵ターン）追加、HPの増減と勝敗判定、走って殴る演出、waitDurationの秒管理、UI/SE多重発火の対策までをまとめる。

カテゴリ： JavaScript

タグ： #Three.js#RPG#GameDev#BattleSystem#UI#Animation#SE

2026-01-10 | lain

three.jsのSpriteとCanvasTextureを使い、sin波に沿って生成・拡散する軽量なアニメーション演出を試作した過程をまとめる。

カテゴリ： JavaScript

タグ： #three.js#animation#canvas#sprite#math

2026-01-03 | lain

球体（地球）の表面をキャラクターが走り続ける表現を、θ/φの球面座標で位置を更新し、法線で姿勢を立たせ、lookAtで進行方向を向けるだけで実現する。2体を180度反対側で同期させる方法も紹介。

カテゴリ： JavaScript

タグ： #three.js#WebGL#Animation#math

2025-12-31 | lain

Canvas2Dで作ったボールバウンドアニメーションをThree.jsに移植し、壁反射・ボール同士の衝突・残像表現までを軽く実装した作業ログ。

タグ： #threejs#canvas2d#animation#game#physics

2025-12-21 | lain

Three.jsを使ったメテオストライクの実装と、エフェクトによる迫力を追加する方法を紹介します。

カテゴリ： JavaScript

タグ： #Three.js#Meteor#Effects#Animation

2025-10-27 | lain

HTML5の`<canvas>`タグを使った描画方法と、簡単なアニメーションの作り方について解説します。

カテゴリ： javascript

タグ： #canvas#animation#game-development

カテゴリ：Animation