開発のスキル

カーソルやタッチの移動に合わせて花粉やほこりのような粒子を発生させ、操作速度が変わっても粒の間隔を保つ表現を、固定数のGPU粒子を再利用して実装するスキル。

• カーソルやタッチの粒子軌跡
• 表面から花粉やほこりを舞わせたいとき
• キーボード対応の粒子放出ボタン

奥へ続く格子と控えめな粒子で、立体感のあるWeb背景を作るスキル。距離による線のフェード、ゆっくりした前進、マウスに反応する穏やかな視点移動を調整します。

• 立体感のある技術系背景を作りたいとき
• マウスに反応する穏やかな視点演出
• 格子のフェードや粒子を調整したいとき

アクションゲームの敵AIを実装・修正し、戦闘バランスを調整するスキル。索敵や追跡、攻撃前の予告、撤退、ボスの行動を整理し、同じ条件で再現できるテストで確認します。

• 敵の索敵・追跡・撤退を実装したいとき
• 攻撃予告や間合いの調整
• ボスの段階変化や中断処理の修正

スクロールで要素が画面内に入ったとき、登場アニメーションを開始する実装を支援します。Tailwind向けのクラスと動きの定義を示し、開始位置や速度を調整します。

• スクロールに合わせて内容を見せたいとき
• 複数要素の登場を順番にずらしたいとき
• アニメーションの開始位置の調整

見下ろし型の斜め視点で遊ぶアクションRPGを、Web技術で開発・拡張します。移動、戦闘、報酬、成長、セーブを一つの遊べる流れとして組み立て、検証まで進めます。

• 遊べるアクションRPGの試作を作りたいとき
• 戦闘や敵、報酬を段階的に追加したいとき
• 装備やクエストのデータを整理したいとき

Three.jsのアクションゲームで、戦闘エリアや敵の組み合わせ、出現間隔、ボスの段階を設計・調整するスキル。攻撃の予兆や回復の余地を確保し、難易度も検証します。

• 戦闘エリアと敵の組み合わせを考えたいとき
• 敵の波状出現やボスの段階を調整したいとき
• 攻撃の予兆や立て直す余地を確認したいとき

ゲーム用の3Dキャラクターやモンスターを、骨格・動作・装備・当たり判定まで含めて制作・統合・監査し、実際のゲームへの組み込みと操作可能な確認画面で検証します。

• FBX/GLB キャラクターのゲーム組み込み
• 交換できる武器や防具の本体からの分離
• モンスターの動作と攻撃判定の時間設計

Reactのカードや入力欄に、縁を移動する光や脈打つ発光を加えます。読み込み・選択・フォーカスと連動させ、動きがなくても状態を伝えられる表示を整えます。

• 処理中パネルへの脈打つ発光の追加
• 選択中カードや現在の手順の強調
• 入力欄の下辺を光らせたいとき

Webサイトの背景に、マウスを追う白い点描の光跡を追加します。WebGPUによる描画と、タッチ端末や動きを抑える設定に応じた静止背景への切り替えを扱います。

• ヒーロー領域に光の軌跡を加えたいとき
• 問い合わせ欄の背景を動かしたいとき
• タッチ端末では静止背景にしたいとき

モバイル向けのThree.jsゲームを制作・調整・テストするスキル。タッチ操作や縦横画面の表示、端末に応じた描画品質、実際のモバイルブラウザでの検証を扱います。

• タッチでの移動やアクションを整えたいとき
• 縦画面と横画面の表示を調整したいとき
• モバイル端末の描画品質を調整したいとき

three.jsで暗い室内の木材を照らし、木目や彫刻、接地する影、窓からの光を調整。描画結果を項目別に10点満点で測り、目標に向けて改善するスキル。

• 木彫・組子・工房シーンの照明調整
• 木材の平坦さやプラスチック感を直す
• 暗部を保ちながら光の筋を調整

Three.jsのアクションゲームに、壁で遮られる視界と柔らかな霧の表現を実装します。見えない敵の照準・攻撃判定や、負荷調整、検証まで扱います。

• 壁で遮られる霧を実装したいとき
• 見えない敵の照準判定を整えたいとき
• 霧の筋や継ぎ目を直したいとき

剣撃や弓、魔法などの戦闘アニメーションを制作・修正・評価します。腕や手首の変形を実モデルで測り、複数のカメラ映像と比較審査で動作を確かめます。

• 剣撃・弓・魔法の動作制作
• 腕や手首の不自然さの修正
• 戦闘動作の基準とテスト作成

実装済みのWeb表現から効果を生む仕組みを取り出し、調整値や失敗例、元の見た目を再現したデモとともに、再利用できるスキルへまとめます。

• 成功したスクロール演出を再利用したいとき
• Canvas表現をデモ付きで共有したいとき
• 調整値や苦労した不具合を記録したいとき

ゲームの攻撃や魔法を、伝わりやすさと美術表現の基準で匿名評価し、弱い部分から改善します。実際の映像で比較し、動作のタイミングや光、軌跡、命中演出を磨きます。

• 参考作品を基準に戦闘技を採点したいとき
• 命中と敵の反応を一致させたいとき
• 魔法の光・軌跡・衝撃を磨きたいとき

収集済みのUI参考資料5件から、ブランドや文章、画像を置き換えた独自のランディングページを制作し、別々のCodexタスクで検証と非公開公開まで進めます。

• UI参考資料5件をページ化したいとき
• 参考デザインから別ブランドを企画
• ページごとに別タスクで制作したいとき

記事やチュートリアル、プロンプト集から独立して使える作業手順を抽出し、使用例、動作するデモ、プレビュー、検証を備えたスキル一式にまとめます。

• チュートリアルの手順をスキル化したいとき
• プロンプト集を機能別に分けたいとき
• 使用例と動作デモ付きで配布したいとき

Webページの動きを実測し、画面外のアニメーション停止や後片付けを改善するスキル。スクロールの引っかかり、長時間利用の負荷、メモリリークの兆候を調べます。

• 画面外のアニメーションを止めたいとき
• スクロールの引っかかりを調べたいとき
• ページ移動後の処理の後片付けを点検

Three.jsやWebアクションゲームのモンスターを、関節・装備の取り付け位置・当たり判定・戦闘状態の共通仕様に沿って実装し、動作と描画負荷を検証するスキル。

• 敵の関節や取り付け位置の共通化
• 攻撃タイミングと当たり判定の連携
• 戦闘状態と攻撃の境界を再現したいとき

Three.jsの海に、波・空や船の反射・太陽のきらめき・泡・航跡を組み込み、移動するカメラから水平線まで自然に見える水面を作るスキルです。

• 昼間や夕暮れの海を作りたいとき
• 船の航跡や船体まわりの泡の表現
• 浮かぶ物体を波に追従させたいとき

Apple向けアプリの動作の重さ、メモリ増加、起動の遅さ、電池消費を調べます。症状に合う計測ツールを選び、原因の特定から修正前後の実測比較まで進めます。

• 画面の停止やカクつきを調べたいとき
• メモリ漏れや使用量増加の調査
• アプリの起動時間を改善したいとき

Three.jsで地面を広がる霜、突き出して砕ける氷、冷たい霧や吹雪を制作します。再利用できるモジュールを使い、氷の屈折から破片の着地まで一連の演出を組み立てます。

• 地面を広がる霜を表現したいとき
• 氷柱の噴出と亀裂・粉砕を制作
• 冷たい霧と渦巻く吹雪を組み合わせる

3Dシーンの空を計算による表現やパノラマで作り、地平線の霞、太陽、影、反射を整合。カメラを動かしても自然な背景や、昼から夜への変化を設計するスキル。

• 建築・屋外シーンの空背景制作
• 夕景と影・反射の向きをそろえる
• 昼から夕暮れ、夜へ変化させたいとき

Three.jsで高低差のないゲームステージを制作・改修するスキル。移動経路、衝突判定、戦闘エリア、照明を整理し、目的地の見やすさやPC・モバイルでの通しプレイを確認します。

• 平坦な通路や戦闘エリアの設計
• 装飾・衝突判定・移動経路の分離
• 光源と照明の対応を整えたいとき