なおまる
@naomaru0204.bsky.social
WEBをデザインしてるかもしれない人。
本業はデザイナー。好きなのはフロントエンド。
ゲームはプレイするのも創るのも好きです。
JavaScript/TypeScript/React/Next.js/Phaser
つくったものなど
https://naomaru-design.vercel.app/
本業はデザイナー。好きなのはフロントエンド。
ゲームはプレイするのも創るのも好きです。
JavaScript/TypeScript/React/Next.js/Phaser
つくったものなど
https://naomaru-design.vercel.app/
Pinned
なおまる
@naomaru0204.bsky.social
· May 9
Naomaru.web
My Website
naomaru-design.vercel.app
ポートフォリオサイト完成しました。
まだ部分的に粗はあるので隙間時間で少しずつ調整はしていきます。
naomaru-design.vercel.app
#Web制作 #Webデザイナー #webデザイン #駆け出しエンジニアと繋がりたい #駆け出しエンジニア #Next.js
まだ部分的に粗はあるので隙間時間で少しずつ調整はしていきます。
naomaru-design.vercel.app
#Web制作 #Webデザイナー #webデザイン #駆け出しエンジニアと繋がりたい #駆け出しエンジニア #Next.js
のちのちの事を考えて、開発環境をPhaserからCocos Creatorに変えるのも視野
June 6, 2025 at 6:13 AM
のちのちの事を考えて、開発環境をPhaserからCocos Creatorに変えるのも視野
根を詰めて書き続けてる時より、少し期間を空けてから見直した方がより冷静に俯瞰して見れる。
「寝てる時に頭の中の情報が整理される」とかそういう類のメカニズムに近い気がする。
「寝てる時に頭の中の情報が整理される」とかそういう類のメカニズムに近い気がする。
May 18, 2025 at 4:05 AM
根を詰めて書き続けてる時より、少し期間を空けてから見直した方がより冷静に俯瞰して見れる。
「寝てる時に頭の中の情報が整理される」とかそういう類のメカニズムに近い気がする。
「寝てる時に頭の中の情報が整理される」とかそういう類のメカニズムに近い気がする。
久々にポートフォリオサイトのテコ入れしてるけど、過去の自分のコードを改めて見てると再利用性のある部分も殆どハードコーディングに近い形で書いてて「全然Next.jsしてねぇ…」ってなってる。おもろい。
May 18, 2025 at 4:02 AM
久々にポートフォリオサイトのテコ入れしてるけど、過去の自分のコードを改めて見てると再利用性のある部分も殆どハードコーディングに近い形で書いてて「全然Next.jsしてねぇ…」ってなってる。おもろい。
色々試して連続したpngデータで出力してアニメーション作成する形で何とか描画出来たのでとりあえずは一安心。
May 2, 2025 at 3:40 PM
色々試して連続したpngデータで出力してアニメーション作成する形で何とか描画出来たのでとりあえずは一安心。
DragonBonesのSpine形式の書き出しがver2.1と3.3しか選択出来なくて、Phaser対応のSpineのバージョンが3.8という現実を知って絶望
May 2, 2025 at 3:38 PM
DragonBonesのSpine形式の書き出しがver2.1と3.3しか選択出来なくて、Phaser対応のSpineのバージョンが3.8という現実を知って絶望
イイ感じ。
書き出しにSpine形式があるのを確認したのでPhaserの方のSpine用のライブラリも確認しとこう。
書き出しにSpine形式があるのを確認したのでPhaserの方のSpine用のライブラリも確認しとこう。
May 1, 2025 at 12:26 AM
イイ感じ。
書き出しにSpine形式があるのを確認したのでPhaserの方のSpine用のライブラリも確認しとこう。
書き出しにSpine形式があるのを確認したのでPhaserの方のSpine用のライブラリも確認しとこう。
目の向きを変更して瞬きを追加。
重心のバウンスを強くして、髪のなびきと手の動きを重心に沿うように調整。
足の動きもほんの少しだけ静止フレームを追加して地面を蹴ったように見えるよう調整。
かなり良くなった気がする。
#DragonBones
#Spine
重心のバウンスを強くして、髪のなびきと手の動きを重心に沿うように調整。
足の動きもほんの少しだけ静止フレームを追加して地面を蹴ったように見えるよう調整。
かなり良くなった気がする。
#DragonBones
#Spine
May 1, 2025 at 12:25 AM
目の向きを変更して瞬きを追加。
重心のバウンスを強くして、髪のなびきと手の動きを重心に沿うように調整。
足の動きもほんの少しだけ静止フレームを追加して地面を蹴ったように見えるよう調整。
かなり良くなった気がする。
#DragonBones
#Spine
重心のバウンスを強くして、髪のなびきと手の動きを重心に沿うように調整。
足の動きもほんの少しだけ静止フレームを追加して地面を蹴ったように見えるよう調整。
かなり良くなった気がする。
#DragonBones
#Spine
関節部分のパーツ分けからやり直してボーンもアニメーションもイチからやり直して4時間ほど。
かなり改善されたのでは…？
明日以降にこれをPhaserで読み込んで動かすとこまでやってみよう。
#DragonBones
#Spine
かなり改善されたのでは…？
明日以降にこれをPhaserで読み込んで動かすとこまでやってみよう。
#DragonBones
#Spine
April 27, 2025 at 1:14 PM
関節部分のパーツ分けからやり直してボーンもアニメーションもイチからやり直して4時間ほど。
かなり改善されたのでは…？
明日以降にこれをPhaserで読み込んで動かすとこまでやってみよう。
#DragonBones
#Spine
かなり改善されたのでは…？
明日以降にこれをPhaserで読み込んで動かすとこまでやってみよう。
#DragonBones
#Spine
DragonBones10時間ほど触ってみた感想。
ボーンやメッシュ作成からIKなんかも使えて書き出し形式も豊富で無料なのは純粋に凄い。
（ただしUIは全て英語）
実作業については、とにかく間接（特に肘と膝）の挙動の調整が綺麗に出来ない。ムズい。
パーツ分けの時点で既にムズい。
流石に数時間触った程度で上手くいくような作業じゃなかったです。
Live2Dの職人さんとか本当に凄いと思う。
それでも下手なりにそれっぽくアニメーションは作れたので収穫は◎
遠目でみたらバレない😏
何よりJSON+pngでの書き出しに対応してるからそのままPhaserで使えるのが最強of最高。
ボーンやメッシュ作成からIKなんかも使えて書き出し形式も豊富で無料なのは純粋に凄い。
（ただしUIは全て英語）
実作業については、とにかく間接（特に肘と膝）の挙動の調整が綺麗に出来ない。ムズい。
パーツ分けの時点で既にムズい。
流石に数時間触った程度で上手くいくような作業じゃなかったです。
Live2Dの職人さんとか本当に凄いと思う。
それでも下手なりにそれっぽくアニメーションは作れたので収穫は◎
遠目でみたらバレない😏
何よりJSON+pngでの書き出しに対応してるからそのままPhaserで使えるのが最強of最高。
April 25, 2025 at 4:41 PM
DragonBones10時間ほど触ってみた感想。
ボーンやメッシュ作成からIKなんかも使えて書き出し形式も豊富で無料なのは純粋に凄い。
（ただしUIは全て英語）
実作業については、とにかく間接（特に肘と膝）の挙動の調整が綺麗に出来ない。ムズい。
パーツ分けの時点で既にムズい。
流石に数時間触った程度で上手くいくような作業じゃなかったです。
Live2Dの職人さんとか本当に凄いと思う。
それでも下手なりにそれっぽくアニメーションは作れたので収穫は◎
遠目でみたらバレない😏
何よりJSON+pngでの書き出しに対応してるからそのままPhaserで使えるのが最強of最高。
ボーンやメッシュ作成からIKなんかも使えて書き出し形式も豊富で無料なのは純粋に凄い。
（ただしUIは全て英語）
実作業については、とにかく間接（特に肘と膝）の挙動の調整が綺麗に出来ない。ムズい。
パーツ分けの時点で既にムズい。
流石に数時間触った程度で上手くいくような作業じゃなかったです。
Live2Dの職人さんとか本当に凄いと思う。
それでも下手なりにそれっぽくアニメーションは作れたので収穫は◎
遠目でみたらバレない😏
何よりJSON+pngでの書き出しに対応してるからそのままPhaserで使えるのが最強of最高。
って、せっかく貼ったのにblueskyでgif再生できへんのかーーーい。
April 25, 2025 at 4:18 PM
って、せっかく貼ったのにblueskyでgif再生できへんのかーーーい。
iOS環境皆無なので動作確認が人頼みになる問題なんとかしたい。
April 23, 2025 at 3:17 AM
iOS環境皆無なので動作確認が人頼みになる問題なんとかしたい。
DragonBonesとかいう神ツール見つけたかもしれない
April 21, 2025 at 10:42 AM
DragonBonesとかいう神ツール見つけたかもしれない
Phaser3でjsx使おうとするとjsx-domを入れないといけないみたいだけど、TypeScript環境だと型定義の問題でjsx-domがうまく噛み合わないので、TypeScript環境でjsx(tsx)使うならReactにPhaser3導入した環境で開発してしまった方が楽なのかもしれない。
April 21, 2025 at 12:24 AM
Phaser3でjsx使おうとするとjsx-domを入れないといけないみたいだけど、TypeScript環境だと型定義の問題でjsx-domがうまく噛み合わないので、TypeScript環境でjsx(tsx)使うならReactにPhaser3導入した環境で開発してしまった方が楽なのかもしれない。
変数名をアルファベット1文字で定義しないで😢
April 19, 2025 at 2:41 AM
変数名をアルファベット1文字で定義しないで😢
ゲーム完成しました！
注文通りにハンバーガーを捌いてスコアを稼ぐゲームです。
良かったら遊んでみて下さい。（ブラウザゲーですがスマホ推奨です）
#Phaser3
#JavaScript
#ゲーム開発
juki0204.github.io/fast-burger-...
注文通りにハンバーガーを捌いてスコアを稼ぐゲームです。
良かったら遊んでみて下さい。（ブラウザゲーですがスマホ推奨です）
#Phaser3
#JavaScript
#ゲーム開発
juki0204.github.io/fast-burger-...
FAST BURGER KITCHEN
FAST BURGER KITCHEN
juki0204.github.io
April 16, 2025 at 3:25 PM
ゲーム完成しました！
注文通りにハンバーガーを捌いてスコアを稼ぐゲームです。
良かったら遊んでみて下さい。（ブラウザゲーですがスマホ推奨です）
#Phaser3
#JavaScript
#ゲーム開発
juki0204.github.io/fast-burger-...
注文通りにハンバーガーを捌いてスコアを稼ぐゲームです。
良かったら遊んでみて下さい。（ブラウザゲーですがスマホ推奨です）
#Phaser3
#JavaScript
#ゲーム開発
juki0204.github.io/fast-burger-...
少し前からPhaser触り始めたけど、JavaScriptの知見があってもやっぱりWEB制作とは違うゲーム開発のお作法みたいなのが多くて思ってたより難しいな…。
April 5, 2025 at 12:23 AM
少し前からPhaser触り始めたけど、JavaScriptの知見があってもやっぱりWEB制作とは違うゲーム開発のお作法みたいなのが多くて思ってたより難しいな…。
そもそもデザイナー故に仕事ではReact書かないのでどうしてもコーディングに寄ってしまうけど
ReactやNext.js触ってる時は考え方を意識的に切り替えないと。
ReactやNext.js触ってる時は考え方を意識的に切り替えないと。
January 24, 2025 at 4:03 AM
そもそもデザイナー故に仕事ではReact書かないのでどうしてもコーディングに寄ってしまうけど
ReactやNext.js触ってる時は考え方を意識的に切り替えないと。
ReactやNext.js触ってる時は考え方を意識的に切り替えないと。
Next.js触っててもコーダー脳がなかなか切り替えられず
どうもコンポーネント毎に要素と処理を切り分けて書く意識が薄い…。
気づいた頃にはpage.tsxに対して1ページ分の処理をゴソッと書いてしまっている。
どうもコンポーネント毎に要素と処理を切り分けて書く意識が薄い…。
気づいた頃にはpage.tsxに対して1ページ分の処理をゴソッと書いてしまっている。
January 24, 2025 at 3:57 AM
Next.js触っててもコーダー脳がなかなか切り替えられず
どうもコンポーネント毎に要素と処理を切り分けて書く意識が薄い…。
気づいた頃にはpage.tsxに対して1ページ分の処理をゴソッと書いてしまっている。
どうもコンポーネント毎に要素と処理を切り分けて書く意識が薄い…。
気づいた頃にはpage.tsxに対して1ページ分の処理をゴソッと書いてしまっている。
土曜日の朝からwasabi cloud storageダウンしてて電話対応に追われてるの流石に鬱
November 30, 2024 at 1:17 AM
土曜日の朝からwasabi cloud storageダウンしてて電話対応に追われてるの流石に鬱
スプシ使う前はもっと杜撰だったからこれでもいくらか改善されてはいるんだろうけど
色々痒いところに手が届かなくてアレ
色々痒いところに手が届かなくてアレ
June 22, 2024 at 6:23 AM
スプシ使う前はもっと杜撰だったからこれでもいくらか改善されてはいるんだろうけど
色々痒いところに手が届かなくてアレ
色々痒いところに手が届かなくてアレ