料理・レシピ絵の練習ジャンプブログ改造そのほか2016-10-20CSSアニメーションでロボットを動かしてる人が居たので、Forkして遊んでみたCSS何気なくCodePenを見ていたら、トップページにこんなのがありました。CodePen.これはjavascript無し、CSSアニメーションだけで動かされたロボットですが、少し気になる部分があったので、Forkして遊んでみることにしました。※端末により、アニメーションに見えない方もいるかもしれませんがご了承ください。何が気になるか私がパッと見で気になったのは、以下の点です。腕と肩の位置がズレている胴体と脚の付け根の位置がズレるというわけで、つまり胴体とその他周辺部位のズレが気になったんですね。これはこれで機械っぽくてカワイイのですが、せっかくなので気になった部分を簡単に修正してみました。変更したものがこちら。CodePen.周囲のパーツは胴体部分と一緒に動くよう、親タグの中に入れ子にしました。肩周りの動きについては、元のものよりはだいぶなめらかになった感じがします。脚の傾きを胴体に合わせた状態だと、どうしても足踏みの動作に違和感が出てしまうため、その場で腰をくねくねさせているイメージになってしまいました。あと首については、元の動きのほうが「ロボットっぽさ」があり、愛着が湧いてくる気がしますね。全体的に見て、元の動きはロボットが「歩いている感じ」で、私の修正したものは「踊っている感じ」となりました。何かを求めると、何かを失うことになるようです。はてなブログPro昭和の最後の方に生まれた♂。IT系に就職してシステム開発を行う。結婚してても一人ボウリングや一人カラオケに行く。beatmaniaIIDXにハマっており練習のためのツール開発などをしている。スコア記録ブログはこちら。寝る前にスマホを触らない時期が過ぎたクリスマスツリーやるべきことを朝にやる安くて美味しいものスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。