作品集
ブロク記事で鋭意作成中(不定期)のスクラッチゲーム
ブロク記事で鋭意作成中(不定期)のHTML&CSSゲーム
ブログ
ブログ記事一覧です。ボタンをクリックすると各トピックごとにリスト表示します。
$ ls ./SVG画像関連 (8記事)
- HTMLゲーム作成 Inkscape SVG
【HTML&CSSではじめるミニゲーム作成の基本】CSSバックグラウンドスライド式のアニメーション用png画像をInkscapeで作成する
2024/01/12Html&CSSで単純なミニゲームやScratchゲームを作る上で欠かせない、CSSで使えるアニメーション用png画像をInkscapeで作成する方法を検討してみます。
ID#:41 - HTMLアプリ Svelte SVG アニメーション
【SvelteでHTMLアプリ開発】テオ・ヤンセン機構の多足歩行をシミュレートしてみる
2022/05/15前回に引き続き「テオ・ヤンセン機構」をSvelteアプリで視覚化する話です。今回はテオ・ヤンセン機構で多足歩行を再現するまでの実装手順を紹介します。
ID#:82 - HTMLアプリ Svelte SVG アニメーション
【SvelteでHTMLアプリ開発】テオ・ヤンセン機構をSvelteアプリで再現してみる
2022/05/14今回のお題として「テオ・ヤンセン機構」を簡単に視覚化するため、SvelteでHTMLアプリを作って遊んでみます。
ID#:81 - HTMLアプリ Svelte SVG画像 タイマー
【HTMLアプリ作成】SvelteでSVG要素を直接操作して制限時間表示できるタイマーを作ってみる
2022/01/20今回はSvelteアプリ作成に慣れるために、HTML&CSSゲームなどに応用のできるタイマーっぽいものを一から作成する過程を解説してみます。
ID#:77 - Scratch 拡張機能 SVG画像 開発者向け
[scratch-vm] pickメソッドで高度なスプライトの操作を制御する
2021/03/02今回の内容もかなりディープなscratch-renderの使いこなしメソッドの一つであるpickメソッドを、Scratchのアプリの核とも言えるscratch-vmで使うための注意点を詳しく解説します。
ID#:52 - Scratch 基礎 SVG
【Scratch入門】SVG画像のviewportの意味とviewBox属性の使い方
2021/02/14Scratchアプリで欠かせないSVG画像の重要なビューポート(viewport)とビューボックス(viewBox)の概念と使い方を解説します。
ID#:47 - Scratch SVG画像 フォント 上級編
[Scratch上級者講座] 任意のフォントファイル(ttf)から個別のsvg画像に変換してコスチュームとして使う方法
2020/11/19現状のScratchで自由にフォント文字使う機能は用意されてありませんので、必要の際には自分で一から作成するしかありません。今回は試作的なテーマとして、一般的なttfファイルから初めてScratchプロジェクトに導入する方法を検討してみたいと思います。
ID#:34 - Scratch SVG画像 基礎
【Scratch入門】コスチュームを変えてスプライトのアニメーション効果を付ける
2020/08/17Scratchで簡単なコスチューム画像を利用して、スプライトにアニメーションで動かすようにしたい場合のプログラミングを解説します。
ID#:10