Member Exclusive - Pyxofy

Sign in Subscribe

Member Exclusive

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

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.

スクラッチプログラミング -　Scratch Programming ebook for Beginners - 入門

Scratch Featured

スクラッチプログラミング -　Scratch Programming ebook for Beginners - 入門

スクラッチ初心者の方へ向けた内容を ebook にまとめました。スクラッチの基本から簡単なスクリプト(プログラム)の作り方まで、全108ページ。ぜひダウンロードしてご活用ください。

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

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

プレイヤーと対戦相手(たいせんあいて)にライフ(HP)を設定(せってい)して、ドッジボールゲームを完成(かんせい)させましょう。ボールにあたったらライフポイントをへらして、ライフがゼロになったらゲームをおわりにします。

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

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

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

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

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

ボールをあててあそぶドッジボールゲームをつくってみましょう。矢印(やじるし)キーでプレイヤーを操作(そうさ)して左右(さゆう)にうごかしながら、相手(あいて)にむかってボールをなげるプログラムをつくります。

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

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

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

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

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

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

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

スクラッチプログラミング - パックマンみたいなゲームのつくりかた - 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.

スクラッチプログラミング - プラットフォームゲームのつくりかた

スクラッチプログラミング - プラットフォームゲームのつくりかた

かんたんなプラットフォーマーをプログラミングできるようになりましょう。変数(へんすう)をつかったリアルなジャンプ、スプライトのそうさ方法(ほうほう)やあたりはんていなど、つくりかたの基本(きほん)をしょうかいします。