Member Exclusive - Pyxofy

Sign in Subscribe

Member Exclusive

メンバー限定コンテンツ。Member exclusive content.

CSS Animation – Changing Color

CSS Animation – Changing Color

Viva Magenta, Molten Metallic or Tranquil Blue? You’ll learn how to use colors and more with CSS in this step-by-step article.

CSS Animation – Changing Size

CSS Animation – Changing Size

Make shapes bigger, make them smaller, then move them all around. You’ll learn how to do this, step-by-step, in this article.

CSS Animation – Horizontal and Vertical Movement

CSS Animation – Horizontal and Vertical Movement

How can we move shapes from left to right, top to bottom on the internet? Let’s find out how in this step-by-step CSS animation article.

スクラッチプログラミング - ライフ(HP)のつくりかた

スクラッチプログラミング - ライフ(HP)のつくりかた

ゲームでつかえるライフ(HP)のプログラムを紹介(しょうかい)します。ハートのスプライトでライフを表示(ひょうじ)して、ダメージをうけたときに1ポイントずつへるようにプログラミングします。

スクラッチプログラミング - ドッジボールゲームのつくりかた - Part 2

スクラッチプログラミング - ドッジボールゲームのつくりかた - Part 2

Part 1でプログラミングしたプレイヤーの対戦相手(たいせんあいて)をつくります。相手(あいて)は自動(じどう)でうごいてボールをなげてきます。おたがいにボールをあてられるようにプログラミングしましょう。

スクラッチプログラミング - パックマンみたいなゲームのつくりかた - Part 3

スクラッチプログラミング - パックマンみたいなゲームのつくりかた - Part 3

パックマンの敵(てき)のゴーストをつくって、パックマン風(ふう)のゲームを完成(かんせい)させましょう。迷路(めいろ)のなかをゴーストたちが自動(じどう)でうごきまわるようにするのが、プログラミングのポイントです。

スクラッチプログラミング - パックマンみたいなゲームのつくりかた - Part 2

スクラッチプログラミング - パックマンみたいなゲームのつくりかた - Part 2

Part 1 でつくった迷路(めいろ)のなかに、パックマンを登場(とうじょう)させましょう。矢印(やじるし)キーでパックマンをうごかして、通路(つうろ)に表示(ひょうじ)されたドットをたべるプログラムをつくります。

スクラッチプログラミング - ebook プレビューの紹介

スクラッチプログラミング - ebook プレビューの紹介

Pyxofyで公開してきたスクラッチの内容をebookとしてお届けします。ただいま鋭意作成中！今回はそのプレビュー版のご紹介です。更新日：2022年12月18日

スクラッチプログラミング - くるまをうんてんするゲームのつくりかた

スクラッチプログラミング - くるまをうんてんするゲームのつくりかた

車(くるま)をうごかして駐車場(ちゅうしゃじょう)にとめるゲームをつくってみましょう。やじるしキーで車(くるま)を操作(そうさ)して、失敗(しっぱい)しても、くりかえしやりなおせるようにプログラミングします。

スクラッチプログラミング - たっきゅうゲームのつくりかた - Part 2

スクラッチプログラミング - たっきゅうゲームのつくりかた - Part 2

Part 1でつくった卓球(たっきゅう)ゲームのプログラムを完成(かんせい)させます。得点(とくてん)をかぞえたり、ボールのはやさをかえたり、スマッシュできるようにして、ゲームをおもしろくしましょう。

スクラッチプログラミング - たっきゅうゲームのつくりかた - Part 1

スクラッチプログラミング - たっきゅうゲームのつくりかた - Part 1

コンピューターと対戦(たいせん)する卓球(たっきゅう)ゲームをつくってみましょう。ラケットのプログラムは簡単(かんたん)です。ボールをいろいろな方向(ほうこう)にうごくようにするのが、プログラミングのポイントになります。

スクラッチプログラミング - タブレットでもあそべる！タッチスクリーンそうさ

スクラッチプログラミング - タブレットでもあそべる！タッチスクリーンそうさ

キーボードをつかわなくてもスプライトを操作(そうさ)できるプログラムのつくりかたを紹介(しょうかい)します。画面(がめん)をゆびでさわることで、タブレットでもゲームをたのしむことができるようになりますよ。

CSS Art – How to Make Advanced Shapes with clip-path

CSS Art – How to Make Advanced Shapes with clip-path

Make any shape you can imagine with CSS clip-path. In this article let’s make stars, triangles, circles and even letters step-by-step.

スクラッチプログラミング - やじるしキーでうごかすよこスクロール

スクラッチプログラミング - やじるしキーでうごかすよこスクロール

アクションゲーム(プラットフォーマー)などにつかわれる、よこスクロールする背景(はいけい)のつくりかたをしょうかいします。プログラムのポイントとなるブロックは、「クローン」「変数(へんすう)」「演算(えんざん)」です。

Simple House Illustration

CSS Art – How to Make a Simple House

Let’s make a simple house using CSS and HTML. We'll break down the house into basic shapes. Step by step guide, showing you how to make CSS Art.