タコキンのPスクール・ブログ

Html＆CSSで単純なミニゲームやScratchゲームを作る上で欠かせない、CSSで使えるアニメーション用png画像をInkscapeで作成する方法を検討してみます。

前回に引き続き「テオ・ヤンセン機構」をSvelteアプリで視覚化する話です。今回はテオ・ヤンセン機構で多足歩行を再現するまでの実装手順を紹介します。

今回のお題として「テオ・ヤンセン機構」を簡単に視覚化するため、SvelteでHTMLアプリを作って遊んでみます。

今回はSvelteアプリ作成に慣れるために、HTML＆CSSゲームなどに応用のできるタイマーっぽいものを一から作成する過程を解説してみます。

今回の内容もかなりディープなscratch-renderの使いこなしメソッドの一つであるpickメソッドを、Scratchのアプリの核とも言えるscratch-vmで使うための注意点を詳しく解説します。

Scratchアプリで欠かせないSVG画像の重要なビューポート(viewport)とビューボックス(viewBox)の概念と使い方を解説します。

現状のScratchで自由にフォント文字使う機能は用意されてありませんので、必要の際には自分で一から作成するしかありません。今回は試作的なテーマとして、一般的なttfファイルから初めてScratchプロジェクトに導入する方法を検討してみたいと思います。

Scratchで簡単なコスチューム画像を利用して、スプライトにアニメーションで動かすようにしたい場合のプログラミングを解説します。